@pingux/astro 2.2.0-alpha.6 → 2.2.0-alpha.7

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

@@ -8,7 +8,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.InnerPanel = exports.Expandable = exports.Default = exports.CustomWidth = void 0;
+exports["default"] = exports.Expandable = exports.Default = exports.CustomWidth = void 0;
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
@@ -85,112 +85,10 @@ var Default = function Default(_ref) {
   );
 };
 exports.Default = Default;
-var InnerPanel = function InnerPanel(_ref2) {
-  var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref2), _ref2));
+var CustomWidth = function CustomWidth() {
   var _useOverlayPanelState2 = (0, _hooks.useOverlayPanelState)(),
     state = _useOverlayPanelState2.state,
     onClose = _useOverlayPanelState2.onClose;
-  var _useOverlayPanelState3 = (0, _hooks.useOverlayPanelState)(),
-    innerState = _useOverlayPanelState3.state,
-    onCloseInner = _useOverlayPanelState3.onClose;
-  var outerTriggerRef = (0, _react.useRef)();
-  var innerTriggerRef = (0, _react.useRef)();
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    messagesOpen = _useState2[0],
-    setMessagesOpen = _useState2[1];
-  var toggleMessagesOpen = function toggleMessagesOpen() {
-    setMessagesOpen(!messagesOpen);
-  };
-  var closeOuterPanel = function closeOuterPanel() {
-    if (innerState.isOpen) {
-      innerState.close();
-    }
-    onClose(state, outerTriggerRef);
-  };
-  var closeInnerPanel = function closeInnerPanel() {
-    onCloseInner(innerState, innerTriggerRef);
-  };
-  var inner = innerState.isOpen && (0, _react2.jsx)(_index.OverlayPanel, (0, _extends2["default"])({
-    variant: "overlayPanel.innerPanel" // applies higher z-index
-    ,
-    isOpen: innerState.isOpen
-  }, args, {
-    state: innerState,
-    triggerRef: innerTriggerRef
-  }), (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Button, {
-    onPress: closeInnerPanel
-  }, "Close Inner Panel"), (0, _react2.jsx)(_index.Text, {
-    pt: "md"
-  }, "Children render here.")));
-  var items = [{
-    id: 1,
-    name: 'Form 1'
-  }, {
-    id: 2,
-    name: 'Form 2'
-  }];
-  var outer =
-  // should have higher z-index applied
-  (state.isOpen || state.isTransitioning) && (0, _react2.jsx)(_index.OverlayPanel, (0, _extends2["default"])({
-    isOpen: state.isOpen,
-    isTransitioning: state.isTransitioning,
-    sx: {
-      p: '0px'
-    }
-  }, args, {
-    state: state,
-    triggerRef: outerTriggerRef
-  }), (0, _react2.jsx)(_index.Box, {
-    sx: {
-      p: '12px'
-    }
-  }, (0, _react2.jsx)(_index.Button, {
-    onPress: closeOuterPanel,
-    "aria-expanded": state.isOpen
-  }, "Close Panel"), (0, _react2.jsx)(_index.Text, {
-    pt: "md",
-    mb: "24px"
-  }, "Children render here."), (0, _react2.jsx)(_index.ListView, {
-    items: items
-  }, function (item) {
-    return (0, _react2.jsx)(_reactStately.Item, {
-      key: item.id
-    }, (0, _react2.jsx)(_index.Text, {
-      variant: "itemTitle",
-      alignSelf: "center",
-      mr: "auto"
-    }, item.name));
-  }), (0, _react2.jsx)("br", null), (0, _react2.jsx)(_index.Button, {
-    onPress: toggleMessagesOpen
-  }, "Toggle Messages"), (0, _react2.jsx)("br", null), (0, _react2.jsx)(_index.Button, {
-    ref: innerTriggerRef,
-    onPress: innerState.open,
-    "aria-expanded": innerState.isOpen
-  }, "Open Inner Panel"), inner));
-  return (
-    // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
-    // readers when an overlay opens.
-    (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.Button, {
-      ref: outerTriggerRef,
-      onPress: state.open,
-      "aria-expanded": state.isOpen
-    }, "Open Panel"), outer), messagesOpen && (0, _react2.jsx)(_index.Messages, {
-      sx: {
-        zIndex: 11
-      },
-      onClose: toggleMessagesOpen
-    }, (0, _react2.jsx)(_reactStately.Item, {
-      key: "message2",
-      status: "success"
-    }, "Z Index higher than inner pannel")))
-  );
-};
-exports.InnerPanel = InnerPanel;
-var CustomWidth = function CustomWidth() {
-  var _useOverlayPanelState4 = (0, _hooks.useOverlayPanelState)(),
-    state = _useOverlayPanelState4.state,
-    onClose = _useOverlayPanelState4.onClose;
   var triggerRef = (0, _react.useRef)();
   return (
     // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
@@ -219,14 +117,14 @@ var CustomWidth = function CustomWidth() {
 };
 exports.CustomWidth = CustomWidth;
 var Expandable = function Expandable() {
-  var _useOverlayPanelState5 = (0, _hooks.useOverlayPanelState)(),
-    state = _useOverlayPanelState5.state,
-    onClose = _useOverlayPanelState5.onClose;
+  var _useOverlayPanelState3 = (0, _hooks.useOverlayPanelState)(),
+    state = _useOverlayPanelState3.state,
+    onClose = _useOverlayPanelState3.onClose;
   var triggerRef = (0, _react.useRef)();
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    isExpanded = _useState4[0],
-    setIsExpanded = _useState4[1];
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isExpanded = _useState2[0],
+    setIsExpanded = _useState2[1];
   var sx = {
     overlayPanel: {
       padding: 0,
@@ -302,13 +200,13 @@ var Expandable = function Expandable() {
   var onCloseHandler = function onCloseHandler() {
     return onClose(state, triggerRef);
   };
-  var _useState5 = (0, _react.useState)('#EACE91'),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    color = _useState6[0],
-    setColor = _useState6[1];
-  var handleColorChange = (0, _react.useCallback)(function (_ref3) {
+  var _useState3 = (0, _react.useState)('#EACE91'),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    color = _useState4[0],
+    setColor = _useState4[1];
+  var handleColorChange = (0, _react.useCallback)(function (_ref2) {
     var _context, _context2, _context3;
-    var rgb = _ref3.rgb;
+    var rgb = _ref2.rgb;
     var r = rgb.r,
       b = rgb.b,
       g = rgb.g,

package/lib/cjs/components/PasswordField/PasswordField.js

@@ -18,7 +18,6 @@ exports["default"] = void 0;
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
-var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
@@ -32,8 +31,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ = require("../..");
 var hooks = _interopRequireWildcard(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 = ["helperText", "isVisible", "onVisibleChange", "requirements", "requirementsListProps", "slots", "status", "viewHiddenIconTestId", "viewIconTestId"];
 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); }
@@ -175,7 +175,7 @@ var PasswordField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     requirements: requirements
   }, requirementsListProps))));
 });
-PasswordField.propTypes = _objectSpread(_objectSpread({
+PasswordField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   /** The rendered label for the field. */
   label: _propTypes["default"].node,
   /** Whether or not the password is visible. */
@@ -230,8 +230,6 @@ PasswordField.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,
   /** @ignore Prop that allows testing of the icon button. */
@@ -239,22 +237,20 @@ PasswordField.propTypes = _objectSpread(_objectSpread({
   /** @ignore Prop that allows testing of the icon button. */
   viewIconTestId: _propTypes["default"].string,
   /** Array of Requirements and their status. */
-  requirements: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    name: _propTypes["default"].string.isRequired,
-    status: _propTypes["default"].oneOf(['default', 'success', 'warning', 'error'])
-  })),
+  requirements: _propTypes["default"].arrayOf(_propTypes["default"].shape(_objectSpread({
+    name: _propTypes["default"].string.isRequired
+  }, _statusProp.statusPropTypes))),
   /** Props object that is spread to the requirements list. */
   requirementsListProps: _propTypes["default"].shape({})
-}, _ariaAttributes.ariaAttributesBasePropTypes), _fieldAttributes.inputFieldAttributesBasePropTypes);
-PasswordField.defaultProps = {
+}, _statusProp.statusPropTypes), _ariaAttributes.ariaAttributesBasePropTypes), _fieldAttributes.inputFieldAttributesBasePropTypes);
+PasswordField.defaultProps = _objectSpread({
   hasAutoFocus: false,
   isDisabled: false,
   isReadOnly: false,
   isRequired: false,
   requirements: [],
-  status: _statuses["default"].DEFAULT,
   type: 'password'
-};
+}, _statusProp.statusDefaultProp);
 PasswordField.displayName = 'PasswordField';
 var _default = PasswordField;
 exports["default"] = _default;

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

@@ -22,8 +22,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
 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; }
@@ -39,20 +40,13 @@ var _default = {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread({
-    status: {
-      control: {
-        type: 'select',
-        options: _statuses["default"]
-      },
-      defaultValue: _statuses["default"].DEFAULT
-    },
+  argTypes: _objectSpread(_objectSpread(_objectSpread({
     helperText: {
       control: {
         type: 'text'
       }
     }
-  }, _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
+  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
 };
 exports["default"] = _default;
 var Default = function Default(args) {

package/lib/cjs/components/RadioField/RadioField.js

@@ -15,15 +15,14 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.RadioContext = 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"));
 var _reactAria = require("react-aria");
 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 _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+var _statusProp = require("../../utils/docUtils/statusProp");
 var _Box = _interopRequireDefault(require("../Box"));
 var _FieldHelperText = _interopRequireDefault(require("../FieldHelperText"));
 var _Label = _interopRequireDefault(require("../Label"));
@@ -95,7 +94,7 @@ var RadioField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     variant: "forms.radio.checkedContent"
   }, checkedContent));
 });
-RadioField.propTypes = _objectSpread({
+RadioField.propTypes = _objectSpread(_objectSpread({
   /** Content to display when the radio is checked. */
   checkedContent: _propTypes["default"].node,
   /** The rendered label for the field. */
@@ -117,8 +116,6 @@ RadioField.propTypes = _objectSpread({
   isReadOnly: _propTypes["default"].bool,
   /** Whether the Radio is required. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required). */
   isRequired: _propTypes["default"].bool,
-  /** 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,
   /** Handler that is called when the element receives focus. */
@@ -142,7 +139,7 @@ RadioField.propTypes = _objectSpread({
    * object.
   */
   'aria-details': _propTypes["default"].string
-}, _ariaAttributes.ariaAttributesBasePropTypes);
+}, _statusProp.statusPropTypes), _ariaAttributes.ariaAttributesBasePropTypes);
 RadioField.displayName = 'RadioField';
 var _default = RadioField;
 exports["default"] = _default;

package/lib/cjs/components/RadioGroupField/RadioGroupField.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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
@@ -26,9 +25,9 @@ var _uuid = require("uuid");
 var _ = require("../..");
 var _hooks = require("../../hooks");
 var _orientation = _interopRequireDefault(require("../../utils/devUtils/constants/orientation"));
-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 _RadioField = require("../RadioField");
 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); }
@@ -93,7 +92,7 @@ var RadioGroupField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     id: helperTextId
   }, helperText));
 });
-RadioGroupField.propTypes = _objectSpread(_objectSpread({
+RadioGroupField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   /** The name of the RadioGroupField, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name_and_radio_buttons). */
   name: _propTypes["default"].string,
   /** The current value (controlled). */
@@ -106,8 +105,6 @@ RadioGroupField.propTypes = _objectSpread(_objectSpread({
   hintText: _propTypes["default"].string,
   /** Determines the arrangement of the radios. */
   orientation: _propTypes["default"].oneOf(['horizontal', 'vertical']),
-  /** Determines the helper text styling. */
-  status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"])),
   /**
    * Handler that is called when the value changes.
    *
@@ -125,7 +122,7 @@ RadioGroupField.propTypes = _objectSpread(_objectSpread({
   label: _propTypes["default"].node,
   /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
   id: _propTypes["default"].string
-}, _ariaAttributes.ariaAttributesBasePropTypes), _fieldAttributes.inputFieldAttributesBasePropTypes);
+}, _statusProp.statusPropTypes), _ariaAttributes.ariaAttributesBasePropTypes), _fieldAttributes.inputFieldAttributesBasePropTypes);
 RadioGroupField.displayName = 'RadioGroupField';
 var _default = RadioGroupField;
 exports["default"] = _default;

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

@@ -19,8 +19,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/hel
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _index = require("../../index");
-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 _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; }
@@ -29,7 +29,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var _default = {
   title: 'Form/RadioGroupField',
   component: _index.RadioGroupField,
-  argTypes: _objectSpread({
+  argTypes: _objectSpread(_objectSpread({
     label: {
       control: {
         type: 'text'
@@ -46,13 +46,6 @@ var _default = {
         type: 'text'
       }
     },
-    status: {
-      control: {
-        type: 'select',
-        options: _statuses["default"]
-      },
-      defaultValue: _statuses["default"].DEFAULT
-    },
     defaultValue: {
       defaultValue: 'A'
     },
@@ -66,7 +59,7 @@ var _default = {
         type: 'none'
       }
     }
-  }, _ariaAttributes.ariaAttributeBaseArgTypes)
+  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes)
 };
 exports["default"] = _default;
 var Default = function Default(args) {

package/lib/cjs/components/RequirementsList/RequirementsList.js

@@ -1,15 +1,22 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-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$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 _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
@@ -18,6 +25,7 @@ var _AlertCircleOutlineIcon = _interopRequireDefault(require("mdi-react/AlertCir
 var _CheckboxBlankCircleOutlineIcon = _interopRequireDefault(require("mdi-react/CheckboxBlankCircleOutlineIcon"));
 var _CheckCircleIcon = _interopRequireDefault(require("mdi-react/CheckCircleIcon"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _statusProp = require("../../utils/docUtils/statusProp");
 var _Box = _interopRequireDefault(require("../Box"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _Text = _interopRequireDefault(require("../Text"));
@@ -25,6 +33,8 @@ var _react2 = require("@emotion/react");
 var _excluded = ["requirements"];
 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; }
+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) { (0, _defineProperty2["default"])(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; }
 /**
  * List of requirements for a password, with indicators that can change to show when
  * requirements are satisfied.
@@ -95,10 +105,9 @@ RequirementsList.propTypes = {
   /**
    * Requirements and their status.
    */
-  requirements: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    name: _propTypes["default"].string.isRequired,
-    status: _propTypes["default"].oneOf(['default', 'success', 'warning', 'error'])
-  }))
+  requirements: _propTypes["default"].arrayOf(_propTypes["default"].shape(_objectSpread({
+    name: _propTypes["default"].string.isRequired
+  }, _statusProp.statusPropTypes)))
 };
 RequirementsList.defaultProps = {
   requirements: []

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

@@ -25,8 +25,8 @@ var _SearchIcon = _interopRequireDefault(require("mdi-react/SearchIcon"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ = require("../..");
 var _hooks = require("../../hooks");
-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 _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; }

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

@@ -23,8 +23,8 @@ var _AccountGroupIcon = _interopRequireDefault(require("mdi-react/AccountGroupIc
 var _SearchIcon = _interopRequireDefault(require("mdi-react/SearchIcon"));
 var _hooks = require("../../hooks");
 var _index = require("../../index");
-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 _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; }

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;