@pingux/astro 2.64.1-alpha.0 → 2.65.0

package/lib/cjs/components/ArrayField/ArrayField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ArrayFieldProps } from '../../types';
+declare const ArrayField: React.ForwardRefExoticComponent<ArrayFieldProps & React.RefAttributes<HTMLDivElement>>;
+export default ArrayField;

package/lib/cjs/components/ArrayField/ArrayField.js

@@ -24,14 +24,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/hel
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactAria = require("react-aria");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uuid = require("uuid");
 var _ = require("../..");
 var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-var _isValidPositiveInt = _interopRequireDefault(require("../../utils/devUtils/props/isValidPositiveInt"));
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
-var _statusProp = require("../../utils/docUtils/statusProp");
 var _react2 = require("@emotion/react");
 var _excluded = ["addButtonLabel", "defaultValue", "fieldControlWrapperProps", "value", "label", "helperText", "status", "onAdd", "onChange", "onDelete", "renderField", "labelProps", "maxSize", "maxSizeText"],
   _excluded2 = ["id", "onComponentRender", "fieldValue"];
@@ -91,7 +88,7 @@ var ArrayField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (typeof event !== 'string') {
       tempValue = event.target.value;
     }
-    if (isControlled) {
+    if (isControlled && onChangeRef.current) {
       onChangeRef.current(mapArrayFieldWithNewValue(valueRef.current, tempValue, fieldId));
     } else {
       setFieldValues(function (oldValues) {
@@ -100,7 +97,7 @@ var ArrayField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   }, [isControlled, mapArrayFieldWithNewValue]);
   var onFieldDelete = (0, _react.useCallback)(function (fieldId) {
-    if (isControlled) {
+    if (isControlled && onDeleteRef.current) {
       onDeleteRef.current(fieldId);
     } else {
       setFieldValues(function (oldValues) {
@@ -113,7 +110,7 @@ var ArrayField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [isControlled]);
   var onFieldAdd = (0, _react.useCallback)(function () {
     if (isControlled) {
-      return onAddRef.current();
+      return onAddRef.current && onAddRef.current();
     }
     return setFieldValues(function (oldValues) {
       var _context;
@@ -128,7 +125,10 @@ var ArrayField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (onComponentRender) {
       return onComponentRender(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, labelId, otherFieldProps);
     }
-    return renderField(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps);
+    if (renderField) {
+      return renderField(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps);
+    }
+    return null;
   }, [onFieldValueChange, onFieldDelete, renderField, isDisabled]);
   var _getAriaAttributeProp = (0, _ariaAttributes.getAriaAttributeProps)(others),
     ariaProps = _getAriaAttributeProp.ariaProps,
@@ -167,42 +167,9 @@ var ArrayField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     color: "active"
   }, addButtonLabel)));
 });
-ArrayField.propTypes = _objectSpread(_objectSpread({
-  /** Label for add button */
-  addButtonLabel: _propTypes["default"].string,
-  /** The default value for the array input field (uncontrolled). */
-  defaultValue: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    id: _propTypes["default"].string,
-    value: _propTypes["default"].string
-  })),
-  /** The default value of the array input field (controlled). */
-  value: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    id: _propTypes["default"].string,
-    value: _propTypes["default"].string
-  })),
-  /** The rendered label for the field. */
-  label: _propTypes["default"].node,
-  /** Props object that is spread directly into the label element. */
-  labelProps: _propTypes["default"].shape({}),
-  /** Props object that is spread directly into the wrapper rendering the fields. */
-  fieldControlWrapperProps: _propTypes["default"].shape({}),
-  /** Text to display before add button. Useful for errors or other info. */
-  helperText: _propTypes["default"].node,
-  /** Callback for changing array field data  */
-  onChange: _propTypes["default"].func,
-  /** Callback for adding new empty field */
-  onAdd: _propTypes["default"].func,
-  /** Callback for deleting a field */
-  onDelete: _propTypes["default"].func,
-  /** Render prop to display an input field */
-  renderField: _propTypes["default"].func,
-  /** Determines the maximum number of items */
-  maxSize: _isValidPositiveInt["default"],
-  /** Text to display when the maximum number of items is reached */
-  maxSizeText: _propTypes["default"].node
-}, _statusProp.statusPropTypes), _ariaAttributes.ariaAttributesBasePropTypes);
 ArrayField.defaultProps = {
-  addButtonLabel: '+ Add'
+  addButtonLabel: '+ Add',
+  status: _statuses["default"].DEFAULT
 };
 var _default = ArrayField;
 exports["default"] = _default;

package/lib/cjs/components/ArrayField/ArrayField.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { StoryFn } from '@storybook/react';
+import { ArrayFieldProps } from '../../types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Uncontrolled: StoryFn<ArrayFieldProps>;
+export declare const Controlled: StoryFn<ArrayFieldProps>;
+export declare const WithLimitedItemsNumber: StoryFn<ArrayFieldProps>;
+export declare const Customizations: ({ ...args }: {
+    [x: string]: any;
+}) => React.JSX.Element;

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

@@ -63,7 +63,7 @@ var _default = {
     },
     maxSize: {
       control: {
-        type: 'number'
+        type: 'text'
       }
     },
     maxSizeText: {
@@ -286,7 +286,9 @@ var Customizations = function Customizations(_ref5) {
       maxHeight: '150px'
     },
     defaultValue: defaultData,
-    width: "450px",
+    sx: {
+      width: '450px'
+    },
     labelProps: {
       hintText: 'Example Hint',
       isRequired: true,

package/lib/cjs/components/ArrayField/ArrayField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/ArrayField/ArrayField.test.js

@@ -201,9 +201,7 @@ test('creates empty field when no data passed', function () {
   expect(_testWrapper.screen.getByLabelText('Text field')).toBeInTheDocument();
 });
 test('check if tooltip on delete button renders on hover', function () {
-  (0, _testWrapper.render)((0, _react2.jsx)(_ArrayFieldDeleteButton["default"], {
-    renderField: renderField
-  }));
+  (0, _testWrapper.render)((0, _react2.jsx)(_ArrayFieldDeleteButton["default"], null));
   var button = _testWrapper.screen.getByRole('button');
   _testWrapper.fireEvent.mouseMove(button);
   _testWrapper.fireEvent.mouseEnter(button);

package/lib/cjs/components/ArrayField/ArrayFieldDeleteButton.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ArrayFieldDeleteButtonProps } from '../../types';
+declare const ArrayFieldDeleteButton: FC<ArrayFieldDeleteButtonProps>;
+export default ArrayFieldDeleteButton;

package/lib/cjs/components/ArrayField/ArrayFieldDeleteButton.js

@@ -8,7 +8,6 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _TrashIcon = _interopRequireDefault(require("@pingux/mdi-react/TrashIcon"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _react2 = require("@emotion/react");
@@ -18,7 +17,7 @@ var ArrayFieldDeleteButton = function ArrayFieldDeleteButton(_ref) {
     onDelete = _ref.onDelete;
   return (0, _react2.jsx)(_IconButton["default"], {
     onPress: function onPress() {
-      return onDelete(id);
+      return onDelete && onDelete(id);
     },
     isDisabled: isDisabled,
     "aria-label": "delete-button",
@@ -39,10 +38,5 @@ var ArrayFieldDeleteButton = function ArrayFieldDeleteButton(_ref) {
     }
   }));
 };
-ArrayFieldDeleteButton.propTypes = {
-  id: _propTypes["default"].number,
-  isDisabled: _propTypes["default"].bool,
-  onDelete: _propTypes["default"].func
-};
 var _default = ArrayFieldDeleteButton;
 exports["default"] = _default;

package/lib/cjs/components/ArrayField/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ArrayField';
+export { default as ArrayFieldDeleteButton } from './ArrayFieldDeleteButton';

package/lib/cjs/components/Calendar/Calendar.stories.d.ts

@@ -18,73 +18,73 @@ declare const _default: {
     };
     argTypes: {
         'aria-controls': {
-            type: {
-                summary: string;
-            };
             control: {
                 type: string;
             };
             table: {
+                type: {
+                    summary: string;
+                };
                 category: string;
             };
             description: string;
         };
         'aria-describedby': {
-            type: {
-                summary: string;
-            };
             control: {
                 type: string;
             };
             table: {
+                type: {
+                    summary: string;
+                };
                 category: string;
             };
             description: string;
         };
         'aria-details': {
-            type: {
-                summary: string;
-            };
             control: {
                 type: string;
             };
             table: {
+                type: {
+                    summary: string;
+                };
                 category: string;
             };
             description: string;
         };
         'aria-errormessage': {
-            type: {
-                summary: string;
-            };
             control: {
                 type: string;
             };
             table: {
+                type: {
+                    summary: string;
+                };
                 category: string;
             };
             description: string;
         };
         'aria-label': {
-            type: {
-                summary: string;
-            };
             control: {
                 type: string;
             };
             table: {
+                type: {
+                    summary: string;
+                };
                 category: string;
             };
             description: string;
         };
         'aria-labelledby': {
-            type: {
-                summary: string;
-            };
             control: {
                 type: string;
             };
             table: {
+                type: {
+                    summary: string;
+                };
                 category: string;
             };
             description: string;

package/lib/cjs/components/ListView/ListView.stories.d.ts

@@ -38,49 +38,49 @@ declare const _default: {
             description: string;
         };
         'aria-label': {
-            type: {
-                summary: string;
-            };
             control: {
                 type: string;
             };
             table: {
+                type: {
+                    summary: string;
+                };
                 category: string;
             };
             description: string;
         };
         'aria-labelledby': {
-            type: {
-                summary: string;
-            };
             control: {
                 type: string;
             };
             table: {
+                type: {
+                    summary: string;
+                };
                 category: string;
             };
             description: string;
         };
         'aria-describedby': {
-            type: {
-                summary: string;
-            };
             control: {
                 type: string;
             };
             table: {
+                type: {
+                    summary: string;
+                };
                 category: string;
             };
             description: string;
         };
         'aria-details': {
-            type: {
-                summary: string;
-            };
             control: {
                 type: string;
             };
             table: {
+                type: {
+                    summary: string;
+                };
                 category: string;
             };
             description: string;
@@ -99,25 +99,25 @@ declare const _default: {
             description: string;
         };
         'aria-controls': {
-            type: {
-                summary: string;
-            };
             control: {
                 type: string;
             };
             table: {
+                type: {
+                    summary: string;
+                };
                 category: string;
             };
             description: string;
         };
         'aria-errormessage': {
-            type: {
-                summary: string;
-            };
             control: {
                 type: string;
             };
             table: {
+                type: {
+                    summary: string;
+                };
                 category: string;
             };
             description: string;

package/lib/cjs/components/ListView/listViewAttributes.d.ts

@@ -26,49 +26,49 @@ export declare const listViewArgTypes: {
         description: string;
     };
     'aria-label': {
-        type: {
-            summary: string;
-        };
         control: {
             type: string;
         };
         table: {
+            type: {
+                summary: string;
+            };
             category: string;
         };
         description: string;
     };
     'aria-labelledby': {
-        type: {
-            summary: string;
-        };
         control: {
             type: string;
         };
         table: {
+            type: {
+                summary: string;
+            };
             category: string;
         };
         description: string;
     };
     'aria-describedby': {
-        type: {
-            summary: string;
-        };
         control: {
             type: string;
         };
         table: {
+            type: {
+                summary: string;
+            };
             category: string;
         };
         description: string;
     };
     'aria-details': {
-        type: {
-            summary: string;
-        };
         control: {
             type: string;
         };
         table: {
+            type: {
+                summary: string;
+            };
             category: string;
         };
         description: string;
@@ -87,25 +87,25 @@ export declare const listViewArgTypes: {
         description: string;
     };
     'aria-controls': {
-        type: {
-            summary: string;
-        };
         control: {
             type: string;
         };
         table: {
+            type: {
+                summary: string;
+            };
             category: string;
         };
         description: string;
     };
     'aria-errormessage': {
-        type: {
-            summary: string;
-        };
         control: {
             type: string;
         };
         table: {
+            type: {
+                summary: string;
+            };
             category: string;
         };
         description: string;

package/lib/cjs/types/arrayField.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import { ThemeUICSSObject } from 'theme-ui';
+import { LabelProps, Status, ValidPositiveInteger } from '.';
+type RenderFieldFunction = (id: string, fieldValue: string, onFieldValueChange: (e: React.ChangeEvent<HTMLInputElement> | string, fieldId: string) => void, onFieldDelete: (fieldId: string) => void, isDisabled: boolean, otherFieldProps?: Record<string, string>) => React.ReactNode;
+export interface FieldValue {
+    id: string;
+    value?: string;
+    onComponentRender?: RenderFieldFunction;
+    fieldValue?: string;
+}
+export interface ArrayFieldProps {
+    /** Label for add button */
+    addButtonLabel?: string;
+    /** The default value for the array input field (uncontrolled). */
+    defaultValue?: FieldValue[];
+    /** The default value of the array input field (controlled). */
+    value?: FieldValue[];
+    /** The rendered label for the field. */
+    label?: React.ReactNode;
+    /** Props object that is spread directly into the label element. */
+    labelProps?: LabelProps;
+    /** Text to display before add button. Useful for errors or other info. */
+    helperText?: React.ReactNode;
+    /** Callback for changing array field data  */
+    onChange?: (value: FieldValue[]) => void;
+    /** Callback for adding new empty field */
+    onAdd?: () => void;
+    /** Callback for deleting a field */
+    onDelete?: (fieldId: string) => void;
+    /** Render prop to display an input field */
+    renderField?: RenderFieldFunction;
+    /** Determines the maximum number of items */
+    maxSize?: ValidPositiveInteger;
+    /** Text to display when the maximum number of items is reached */
+    maxSizeText?: React.ReactNode;
+    sx?: ThemeUICSSObject;
+    status?: Status;
+    /** Props object that is spread directly into the wrapper rendering the fields. */
+    fieldControlWrapperProps?: Record<string, string>;
+}
+export interface ArrayFieldDeleteButtonProps {
+    id?: number;
+    isDisabled?: boolean;
+    onDelete?: (id?: number) => void;
+}
+export {};

package/lib/cjs/types/arrayField.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/callout.d.ts

@@ -1,4 +1,5 @@
 import { Status } from './item';
 import { DOMAttributes, StyleProps } from './shared';
-export interface CalloutProps extends StyleProps, DOMAttributes, Status {
+export interface CalloutProps extends StyleProps, DOMAttributes {
+    status?: Status;
 }

package/lib/cjs/types/fieldHelperText.d.ts

@@ -2,7 +2,8 @@ import React from 'react';
 import { TestingAttributes } from './shared/test';
 import { Status } from './item';
 import { TextProps } from './text';
-export interface FieldHelperTextProps extends TestingAttributes, TextProps, Status {
+export interface FieldHelperTextProps extends TestingAttributes, TextProps {
     className?: string;
+    status?: Status;
     children?: React.ReactNode;
 }

package/lib/cjs/types/index.d.ts

@@ -1,3 +1,4 @@
+export * from './arrayField';
 export * from './badge';
 export * from './box';
 export * from './bracket';

package/lib/cjs/types/index.js

@@ -1,14 +1,25 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
+var _arrayField = require("./arrayField");
+_forEachInstanceProperty(_context = _Object$keys(_arrayField)).call(_context, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _arrayField[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _arrayField[key];
+    }
+  });
+});
 var _badge = require("./badge");
-_forEachInstanceProperty(_context = _Object$keys(_badge)).call(_context, function (key) {
+_forEachInstanceProperty(_context2 = _Object$keys(_badge)).call(_context2, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _badge[key]) return;
   _Object$defineProperty(exports, key, {
@@ -19,7 +30,7 @@ _forEachInstanceProperty(_context = _Object$keys(_badge)).call(_context, functio
   });
 });
 var _box = require("./box");
-_forEachInstanceProperty(_context2 = _Object$keys(_box)).call(_context2, function (key) {
+_forEachInstanceProperty(_context3 = _Object$keys(_box)).call(_context3, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _box[key]) return;
   _Object$defineProperty(exports, key, {
@@ -30,7 +41,7 @@ _forEachInstanceProperty(_context2 = _Object$keys(_box)).call(_context2, functio
   });
 });
 var _bracket = require("./bracket");
-_forEachInstanceProperty(_context3 = _Object$keys(_bracket)).call(_context3, function (key) {
+_forEachInstanceProperty(_context4 = _Object$keys(_bracket)).call(_context4, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _bracket[key]) return;
   _Object$defineProperty(exports, key, {
@@ -41,7 +52,7 @@ _forEachInstanceProperty(_context3 = _Object$keys(_bracket)).call(_context3, fun
   });
 });
 var _breadCrumbs = require("./breadCrumbs");
-_forEachInstanceProperty(_context4 = _Object$keys(_breadCrumbs)).call(_context4, function (key) {
+_forEachInstanceProperty(_context5 = _Object$keys(_breadCrumbs)).call(_context5, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _breadCrumbs[key]) return;
   _Object$defineProperty(exports, key, {
@@ -52,7 +63,7 @@ _forEachInstanceProperty(_context4 = _Object$keys(_breadCrumbs)).call(_context4,
   });
 });
 var _button = require("./button");
-_forEachInstanceProperty(_context5 = _Object$keys(_button)).call(_context5, function (key) {
+_forEachInstanceProperty(_context6 = _Object$keys(_button)).call(_context6, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _button[key]) return;
   _Object$defineProperty(exports, key, {
@@ -63,7 +74,7 @@ _forEachInstanceProperty(_context5 = _Object$keys(_button)).call(_context5, func
   });
 });
 var _buttonBar = require("./buttonBar");
-_forEachInstanceProperty(_context6 = _Object$keys(_buttonBar)).call(_context6, function (key) {
+_forEachInstanceProperty(_context7 = _Object$keys(_buttonBar)).call(_context7, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _buttonBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -74,7 +85,7 @@ _forEachInstanceProperty(_context6 = _Object$keys(_buttonBar)).call(_context6, f
   });
 });
 var _calendar = require("./calendar");
-_forEachInstanceProperty(_context7 = _Object$keys(_calendar)).call(_context7, function (key) {
+_forEachInstanceProperty(_context8 = _Object$keys(_calendar)).call(_context8, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _calendar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -85,7 +96,7 @@ _forEachInstanceProperty(_context7 = _Object$keys(_calendar)).call(_context7, fu
   });
 });
 var _card = require("./card");
-_forEachInstanceProperty(_context8 = _Object$keys(_card)).call(_context8, function (key) {
+_forEachInstanceProperty(_context9 = _Object$keys(_card)).call(_context9, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _card[key]) return;
   _Object$defineProperty(exports, key, {
@@ -96,7 +107,7 @@ _forEachInstanceProperty(_context8 = _Object$keys(_card)).call(_context8, functi
   });
 });
 var _copyText = require("./copyText");
-_forEachInstanceProperty(_context9 = _Object$keys(_copyText)).call(_context9, function (key) {
+_forEachInstanceProperty(_context10 = _Object$keys(_copyText)).call(_context10, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _copyText[key]) return;
   _Object$defineProperty(exports, key, {
@@ -107,7 +118,7 @@ _forEachInstanceProperty(_context9 = _Object$keys(_copyText)).call(_context9, fu
   });
 });
 var _environmentBreadcrumb = require("./environmentBreadcrumb");
-_forEachInstanceProperty(_context10 = _Object$keys(_environmentBreadcrumb)).call(_context10, function (key) {
+_forEachInstanceProperty(_context11 = _Object$keys(_environmentBreadcrumb)).call(_context11, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _environmentBreadcrumb[key]) return;
   _Object$defineProperty(exports, key, {
@@ -118,7 +129,7 @@ _forEachInstanceProperty(_context10 = _Object$keys(_environmentBreadcrumb)).call
   });
 });
 var _fieldHelperText = require("./fieldHelperText");
-_forEachInstanceProperty(_context11 = _Object$keys(_fieldHelperText)).call(_context11, function (key) {
+_forEachInstanceProperty(_context12 = _Object$keys(_fieldHelperText)).call(_context12, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _fieldHelperText[key]) return;
   _Object$defineProperty(exports, key, {
@@ -129,7 +140,7 @@ _forEachInstanceProperty(_context11 = _Object$keys(_fieldHelperText)).call(_cont
   });
 });
 var _helpHint = require("./helpHint");
-_forEachInstanceProperty(_context12 = _Object$keys(_helpHint)).call(_context12, function (key) {
+_forEachInstanceProperty(_context13 = _Object$keys(_helpHint)).call(_context13, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _helpHint[key]) return;
   _Object$defineProperty(exports, key, {
@@ -140,7 +151,7 @@ _forEachInstanceProperty(_context12 = _Object$keys(_helpHint)).call(_context12,
   });
 });
 var _icon = require("./icon");
-_forEachInstanceProperty(_context13 = _Object$keys(_icon)).call(_context13, function (key) {
+_forEachInstanceProperty(_context14 = _Object$keys(_icon)).call(_context14, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _icon[key]) return;
   _Object$defineProperty(exports, key, {
@@ -151,7 +162,7 @@ _forEachInstanceProperty(_context13 = _Object$keys(_icon)).call(_context13, func
   });
 });
 var _iconBadge = require("./iconBadge");
-_forEachInstanceProperty(_context14 = _Object$keys(_iconBadge)).call(_context14, function (key) {
+_forEachInstanceProperty(_context15 = _Object$keys(_iconBadge)).call(_context15, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconBadge[key]) return;
   _Object$defineProperty(exports, key, {
@@ -162,7 +173,7 @@ _forEachInstanceProperty(_context14 = _Object$keys(_iconBadge)).call(_context14,
   });
 });
 var _iconButton = require("./iconButton");
-_forEachInstanceProperty(_context15 = _Object$keys(_iconButton)).call(_context15, function (key) {
+_forEachInstanceProperty(_context16 = _Object$keys(_iconButton)).call(_context16, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconButton[key]) return;
   _Object$defineProperty(exports, key, {
@@ -173,7 +184,7 @@ _forEachInstanceProperty(_context15 = _Object$keys(_iconButton)).call(_context15
   });
 });
 var _iconButtonToggle = require("./iconButtonToggle");
-_forEachInstanceProperty(_context16 = _Object$keys(_iconButtonToggle)).call(_context16, function (key) {
+_forEachInstanceProperty(_context17 = _Object$keys(_iconButtonToggle)).call(_context17, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconButtonToggle[key]) return;
   _Object$defineProperty(exports, key, {
@@ -184,7 +195,7 @@ _forEachInstanceProperty(_context16 = _Object$keys(_iconButtonToggle)).call(_con
   });
 });
 var _input = require("./input");
-_forEachInstanceProperty(_context17 = _Object$keys(_input)).call(_context17, function (key) {
+_forEachInstanceProperty(_context18 = _Object$keys(_input)).call(_context18, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _input[key]) return;
   _Object$defineProperty(exports, key, {
@@ -195,7 +206,7 @@ _forEachInstanceProperty(_context17 = _Object$keys(_input)).call(_context17, fun
   });
 });
 var _item = require("./item");
-_forEachInstanceProperty(_context18 = _Object$keys(_item)).call(_context18, function (key) {
+_forEachInstanceProperty(_context19 = _Object$keys(_item)).call(_context19, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -206,7 +217,7 @@ _forEachInstanceProperty(_context18 = _Object$keys(_item)).call(_context18, func
   });
 });
 var _label = require("./label");
-_forEachInstanceProperty(_context19 = _Object$keys(_label)).call(_context19, function (key) {
+_forEachInstanceProperty(_context20 = _Object$keys(_label)).call(_context20, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _label[key]) return;
   _Object$defineProperty(exports, key, {
@@ -217,7 +228,7 @@ _forEachInstanceProperty(_context19 = _Object$keys(_label)).call(_context19, fun
   });
 });
 var _link = require("./link");
-_forEachInstanceProperty(_context20 = _Object$keys(_link)).call(_context20, function (key) {
+_forEachInstanceProperty(_context21 = _Object$keys(_link)).call(_context21, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
   _Object$defineProperty(exports, key, {
@@ -228,7 +239,7 @@ _forEachInstanceProperty(_context20 = _Object$keys(_link)).call(_context20, func
   });
 });
 var _listBox = require("./listBox");
-_forEachInstanceProperty(_context21 = _Object$keys(_listBox)).call(_context21, function (key) {
+_forEachInstanceProperty(_context22 = _Object$keys(_listBox)).call(_context22, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -239,7 +250,7 @@ _forEachInstanceProperty(_context21 = _Object$keys(_listBox)).call(_context21, f
   });
 });
 var _listItem = require("./listItem");
-_forEachInstanceProperty(_context22 = _Object$keys(_listItem)).call(_context22, function (key) {
+_forEachInstanceProperty(_context23 = _Object$keys(_listItem)).call(_context23, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -250,7 +261,7 @@ _forEachInstanceProperty(_context22 = _Object$keys(_listItem)).call(_context22,
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context23 = _Object$keys(_loader)).call(_context23, function (key) {
+_forEachInstanceProperty(_context24 = _Object$keys(_loader)).call(_context24, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -261,7 +272,7 @@ _forEachInstanceProperty(_context23 = _Object$keys(_loader)).call(_context23, fu
   });
 });
 var _menu = require("./menu");
-_forEachInstanceProperty(_context24 = _Object$keys(_menu)).call(_context24, function (key) {
+_forEachInstanceProperty(_context25 = _Object$keys(_menu)).call(_context25, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -272,7 +283,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_menu)).call(_context24, func
   });
 });
 var _menuItem = require("./menuItem");
-_forEachInstanceProperty(_context25 = _Object$keys(_menuItem)).call(_context25, function (key) {
+_forEachInstanceProperty(_context26 = _Object$keys(_menuItem)).call(_context26, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menuItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -283,7 +294,7 @@ _forEachInstanceProperty(_context25 = _Object$keys(_menuItem)).call(_context25,
   });
 });
 var _messages = require("./messages");
-_forEachInstanceProperty(_context26 = _Object$keys(_messages)).call(_context26, function (key) {
+_forEachInstanceProperty(_context27 = _Object$keys(_messages)).call(_context27, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _messages[key]) return;
   _Object$defineProperty(exports, key, {
@@ -294,7 +305,7 @@ _forEachInstanceProperty(_context26 = _Object$keys(_messages)).call(_context26,
   });
 });
 var _Modal = require("./Modal");
-_forEachInstanceProperty(_context27 = _Object$keys(_Modal)).call(_context27, function (key) {
+_forEachInstanceProperty(_context28 = _Object$keys(_Modal)).call(_context28, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Modal[key]) return;
   _Object$defineProperty(exports, key, {
@@ -305,7 +316,7 @@ _forEachInstanceProperty(_context27 = _Object$keys(_Modal)).call(_context27, fun
   });
 });
 var _navBar = require("./navBar");
-_forEachInstanceProperty(_context28 = _Object$keys(_navBar)).call(_context28, function (key) {
+_forEachInstanceProperty(_context29 = _Object$keys(_navBar)).call(_context29, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _navBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -316,7 +327,7 @@ _forEachInstanceProperty(_context28 = _Object$keys(_navBar)).call(_context28, fu
   });
 });
 var _overlayPanel = require("./overlayPanel");
-_forEachInstanceProperty(_context29 = _Object$keys(_overlayPanel)).call(_context29, function (key) {
+_forEachInstanceProperty(_context30 = _Object$keys(_overlayPanel)).call(_context30, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _overlayPanel[key]) return;
   _Object$defineProperty(exports, key, {
@@ -327,7 +338,7 @@ _forEachInstanceProperty(_context29 = _Object$keys(_overlayPanel)).call(_context
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context30 = _Object$keys(_popoverContainer)).call(_context30, function (key) {
+_forEachInstanceProperty(_context31 = _Object$keys(_popoverContainer)).call(_context31, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -338,7 +349,7 @@ _forEachInstanceProperty(_context30 = _Object$keys(_popoverContainer)).call(_con
   });
 });
 var _popoverMenu = require("./popoverMenu");
-_forEachInstanceProperty(_context31 = _Object$keys(_popoverMenu)).call(_context31, function (key) {
+_forEachInstanceProperty(_context32 = _Object$keys(_popoverMenu)).call(_context32, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverMenu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -349,7 +360,7 @@ _forEachInstanceProperty(_context31 = _Object$keys(_popoverMenu)).call(_context3
   });
 });
 var _progressBar = require("./progressBar");
-_forEachInstanceProperty(_context32 = _Object$keys(_progressBar)).call(_context32, function (key) {
+_forEachInstanceProperty(_context33 = _Object$keys(_progressBar)).call(_context33, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _progressBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -360,7 +371,7 @@ _forEachInstanceProperty(_context32 = _Object$keys(_progressBar)).call(_context3
   });
 });
 var _requirementsList = require("./requirementsList");
-_forEachInstanceProperty(_context33 = _Object$keys(_requirementsList)).call(_context33, function (key) {
+_forEachInstanceProperty(_context34 = _Object$keys(_requirementsList)).call(_context34, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _requirementsList[key]) return;
   _Object$defineProperty(exports, key, {
@@ -371,7 +382,7 @@ _forEachInstanceProperty(_context33 = _Object$keys(_requirementsList)).call(_con
   });
 });
 var _rockerButtonGroup = require("./rockerButtonGroup");
-_forEachInstanceProperty(_context34 = _Object$keys(_rockerButtonGroup)).call(_context34, function (key) {
+_forEachInstanceProperty(_context35 = _Object$keys(_rockerButtonGroup)).call(_context35, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
   _Object$defineProperty(exports, key, {
@@ -382,7 +393,7 @@ _forEachInstanceProperty(_context34 = _Object$keys(_rockerButtonGroup)).call(_co
   });
 });
 var _scrollBox = require("./scrollBox");
-_forEachInstanceProperty(_context35 = _Object$keys(_scrollBox)).call(_context35, function (key) {
+_forEachInstanceProperty(_context36 = _Object$keys(_scrollBox)).call(_context36, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _scrollBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -393,7 +404,7 @@ _forEachInstanceProperty(_context35 = _Object$keys(_scrollBox)).call(_context35,
   });
 });
 var _separator = require("./separator");
-_forEachInstanceProperty(_context36 = _Object$keys(_separator)).call(_context36, function (key) {
+_forEachInstanceProperty(_context37 = _Object$keys(_separator)).call(_context37, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -404,7 +415,7 @@ _forEachInstanceProperty(_context36 = _Object$keys(_separator)).call(_context36,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context37 = _Object$keys(_shared)).call(_context37, function (key) {
+_forEachInstanceProperty(_context38 = _Object$keys(_shared)).call(_context38, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -415,7 +426,7 @@ _forEachInstanceProperty(_context37 = _Object$keys(_shared)).call(_context37, fu
   });
 });
 var _tab = require("./tab");
-_forEachInstanceProperty(_context38 = _Object$keys(_tab)).call(_context38, function (key) {
+_forEachInstanceProperty(_context39 = _Object$keys(_tab)).call(_context39, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tab[key]) return;
   _Object$defineProperty(exports, key, {
@@ -426,7 +437,7 @@ _forEachInstanceProperty(_context38 = _Object$keys(_tab)).call(_context38, funct
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context39 = _Object$keys(_table)).call(_context39, function (key) {
+_forEachInstanceProperty(_context40 = _Object$keys(_table)).call(_context40, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -437,7 +448,7 @@ _forEachInstanceProperty(_context39 = _Object$keys(_table)).call(_context39, fun
   });
 });
 var _tabs = require("./tabs");
-_forEachInstanceProperty(_context40 = _Object$keys(_tabs)).call(_context40, function (key) {
+_forEachInstanceProperty(_context41 = _Object$keys(_tabs)).call(_context41, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tabs[key]) return;
   _Object$defineProperty(exports, key, {
@@ -448,7 +459,7 @@ _forEachInstanceProperty(_context40 = _Object$keys(_tabs)).call(_context40, func
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context41 = _Object$keys(_text)).call(_context41, function (key) {
+_forEachInstanceProperty(_context42 = _Object$keys(_text)).call(_context42, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -459,7 +470,7 @@ _forEachInstanceProperty(_context41 = _Object$keys(_text)).call(_context41, func
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context42 = _Object$keys(_tooltipTrigger)).call(_context42, function (key) {
+_forEachInstanceProperty(_context43 = _Object$keys(_tooltipTrigger)).call(_context43, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tooltipTrigger[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/cjs/types/item.d.ts

@@ -2,9 +2,7 @@ import { ElementType, Key, ReactNode } from 'react';
 import type { ItemProps } from '@react-types/shared';
 import { IconTypeExtended } from './icon';
 import { DOMAttributes, StyleProps } from './shared';
-export interface Status {
-    status?: 'default' | 'error' | 'success' | 'warning';
-}
+export type Status = 'default' | 'error' | 'success' | 'warning';
 declare module '@react-types/shared' {
     interface ItemProps<T> extends StyleProps, DOMAttributes {
         /** The rendered label for the item. */

package/lib/cjs/types/requirementsList.d.ts

@@ -1,7 +1,8 @@
 import { BoxProps } from './box';
 import { Status } from './item';
-export interface Requirement extends Status {
+export interface Requirement {
     name: string;
+    status?: Status;
 }
 export type Requirements = Array<Requirement>;
 export interface RequirementsListProps extends BoxProps {

package/lib/cjs/utils/docUtils/ariaAttributes.d.ts

@@ -7,85 +7,85 @@ export declare const descriptions: {
     ariaLabelledby: string;
 };
 export declare const ariaAttributeBaseDocSettings: {
-    type: {
-        summary: string;
-    };
     control: {
         type: string;
     };
     table: {
+        type: {
+            summary: string;
+        };
         category: string;
     };
 };
 export declare const ariaAttributeBaseArgTypes: {
     'aria-controls': {
-        type: {
-            summary: string;
-        };
         control: {
             type: string;
         };
         table: {
+            type: {
+                summary: string;
+            };
             category: string;
         };
         description: string;
     };
     'aria-describedby': {
-        type: {
-            summary: string;
-        };
         control: {
             type: string;
         };
         table: {
+            type: {
+                summary: string;
+            };
             category: string;
         };
         description: string;
     };
     'aria-details': {
-        type: {
-            summary: string;
-        };
         control: {
             type: string;
         };
         table: {
+            type: {
+                summary: string;
+            };
             category: string;
         };
         description: string;
     };
     'aria-errormessage': {
-        type: {
-            summary: string;
-        };
         control: {
             type: string;
         };
         table: {
+            type: {
+                summary: string;
+            };
             category: string;
         };
         description: string;
     };
     'aria-label': {
-        type: {
-            summary: string;
-        };
         control: {
             type: string;
         };
         table: {
+            type: {
+                summary: string;
+            };
             category: string;
         };
         description: string;
     };
     'aria-labelledby': {
-        type: {
-            summary: string;
-        };
         control: {
             type: string;
         };
         table: {
+            type: {
+                summary: string;
+            };
             category: string;
         };
         description: string;

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

@@ -32,13 +32,13 @@ var descriptions = {
 };
 exports.descriptions = descriptions;
 var ariaAttributeBaseDocSettings = {
-  type: {
-    summary: 'string'
-  },
   control: {
     type: 'text'
   },
   table: {
+    type: {
+      summary: 'string'
+    },
     category: 'Aria Attributes'
   }
 };

package/lib/components/ArrayField/ArrayField.js

@@ -18,14 +18,11 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { forwardRef, 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 { getPendoID } from '../../utils/devUtils/constants/pendoID';
 import statuses from '../../utils/devUtils/constants/statuses';
-import isValidPositiveInt from '../../utils/devUtils/props/isValidPositiveInt';
-import { ariaAttributesBasePropTypes, getAriaAttributeProps } from '../../utils/docUtils/ariaAttributes';
-import { statusPropTypes } from '../../utils/docUtils/statusProp';
+import { getAriaAttributeProps } from '../../utils/docUtils/ariaAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var ArrayField = /*#__PURE__*/forwardRef(function (props, ref) {
   var _context2;
@@ -79,7 +76,7 @@ var ArrayField = /*#__PURE__*/forwardRef(function (props, ref) {
     if (typeof event !== 'string') {
       tempValue = event.target.value;
     }
-    if (isControlled) {
+    if (isControlled && onChangeRef.current) {
       onChangeRef.current(mapArrayFieldWithNewValue(valueRef.current, tempValue, fieldId));
     } else {
       setFieldValues(function (oldValues) {
@@ -88,7 +85,7 @@ var ArrayField = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }, [isControlled, mapArrayFieldWithNewValue]);
   var onFieldDelete = useCallback(function (fieldId) {
-    if (isControlled) {
+    if (isControlled && onDeleteRef.current) {
       onDeleteRef.current(fieldId);
     } else {
       setFieldValues(function (oldValues) {
@@ -101,7 +98,7 @@ var ArrayField = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [isControlled]);
   var onFieldAdd = useCallback(function () {
     if (isControlled) {
-      return onAddRef.current();
+      return onAddRef.current && onAddRef.current();
     }
     return setFieldValues(function (oldValues) {
       var _context;
@@ -116,7 +113,10 @@ var ArrayField = /*#__PURE__*/forwardRef(function (props, ref) {
     if (onComponentRender) {
       return onComponentRender(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, labelId, otherFieldProps);
     }
-    return renderField(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps);
+    if (renderField) {
+      return renderField(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps);
+    }
+    return null;
   }, [onFieldValueChange, onFieldDelete, renderField, isDisabled]);
   var _getAriaAttributeProp = getAriaAttributeProps(others),
     ariaProps = _getAriaAttributeProp.ariaProps,
@@ -155,41 +155,8 @@ var ArrayField = /*#__PURE__*/forwardRef(function (props, ref) {
     color: "active"
   }, addButtonLabel)));
 });
-ArrayField.propTypes = _objectSpread(_objectSpread({
-  /** Label for add button */
-  addButtonLabel: PropTypes.string,
-  /** The default value for the array input field (uncontrolled). */
-  defaultValue: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    value: PropTypes.string
-  })),
-  /** The default value of the array input field (controlled). */
-  value: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    value: PropTypes.string
-  })),
-  /** The rendered label for the field. */
-  label: PropTypes.node,
-  /** Props object that is spread directly into the label element. */
-  labelProps: PropTypes.shape({}),
-  /** Props object that is spread directly into the wrapper rendering the fields. */
-  fieldControlWrapperProps: PropTypes.shape({}),
-  /** Text to display before add button. Useful for errors or other info. */
-  helperText: PropTypes.node,
-  /** Callback for changing array field data  */
-  onChange: PropTypes.func,
-  /** Callback for adding new empty field */
-  onAdd: PropTypes.func,
-  /** Callback for deleting a field */
-  onDelete: PropTypes.func,
-  /** Render prop to display an input field */
-  renderField: PropTypes.func,
-  /** Determines the maximum number of items */
-  maxSize: isValidPositiveInt,
-  /** Text to display when the maximum number of items is reached */
-  maxSizeText: PropTypes.node
-}, statusPropTypes), ariaAttributesBasePropTypes);
 ArrayField.defaultProps = {
-  addButtonLabel: '+ Add'
+  addButtonLabel: '+ Add',
+  status: statuses.DEFAULT
 };
 export default ArrayField;

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

@@ -55,7 +55,7 @@ export default {
     },
     maxSize: {
       control: {
-        type: 'number'
+        type: 'text'
       }
     },
     maxSizeText: {
@@ -274,7 +274,9 @@ export var Customizations = function Customizations(_ref5) {
       maxHeight: '150px'
     },
     defaultValue: defaultData,
-    width: "450px",
+    sx: {
+      width: '450px'
+    },
     labelProps: {
       hintText: 'Example Hint',
       isRequired: true,

package/lib/components/ArrayField/ArrayField.test.js

@@ -198,9 +198,7 @@ test('creates empty field when no data passed', function () {
   expect(screen.getByLabelText('Text field')).toBeInTheDocument();
 });
 test('check if tooltip on delete button renders on hover', function () {
-  render(___EmotionJSX(ArrayFieldDeleteButton, {
-    renderField: renderField
-  }));
+  render(___EmotionJSX(ArrayFieldDeleteButton, null));
   var button = screen.getByRole('button');
   fireEvent.mouseMove(button);
   fireEvent.mouseEnter(button);

package/lib/components/ArrayField/ArrayFieldDeleteButton.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import TrashIcon from '@pingux/mdi-react/TrashIcon';
-import PropTypes from 'prop-types';
 import Icon from '../Icon';
 import IconButton from '../IconButton';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -10,7 +9,7 @@ var ArrayFieldDeleteButton = function ArrayFieldDeleteButton(_ref) {
     onDelete = _ref.onDelete;
   return ___EmotionJSX(IconButton, {
     onPress: function onPress() {
-      return onDelete(id);
+      return onDelete && onDelete(id);
     },
     isDisabled: isDisabled,
     "aria-label": "delete-button",
@@ -31,9 +30,4 @@ var ArrayFieldDeleteButton = function ArrayFieldDeleteButton(_ref) {
     }
   }));
 };
-ArrayFieldDeleteButton.propTypes = {
-  id: PropTypes.number,
-  isDisabled: PropTypes.bool,
-  onDelete: PropTypes.func
-};
 export default ArrayFieldDeleteButton;

package/lib/types/arrayField.js

@@ -0,0 +1 @@
+export {};

package/lib/types/index.js

@@ -1,3 +1,4 @@
+export * from './arrayField';
 export * from './badge';
 export * from './box';
 export * from './bracket';

package/lib/utils/docUtils/ariaAttributes.js

@@ -23,13 +23,13 @@ export var descriptions = {
   ariaLabelledby: 'Identifies the element (or elements) that labels the current element.'
 };
 export var ariaAttributeBaseDocSettings = {
-  type: {
-    summary: 'string'
-  },
   control: {
     type: 'text'
   },
   table: {
+    type: {
+      summary: 'string'
+    },
     category: 'Aria Attributes'
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.64.1-alpha.0",
+  "version": "2.65.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",