@deque/cauldron-react 5.12.0 → 5.13.0-canary.301c546b

package/lib/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var PropTypes = require('prop-types');
 var classNames = require('classnames');
 var nextId = require('react-id-generator');
 var keyname = require('keyname');
@@ -21,7 +20,6 @@ var yaml = require('react-syntax-highlighter/dist/cjs/languages/hljs/yaml');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 var nextId__default = /*#__PURE__*/_interopDefaultLegacy(nextId);
 var keyname__default = /*#__PURE__*/_interopDefaultLegacy(keyname);
@@ -46,13 +44,6 @@ var Main = /** @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         mainRef: function () { }
     };
-    Main.propTypes = {
-        children: PropTypes__default["default"].node.isRequired,
-        mainRef: PropTypes__default["default"].oneOfType([
-            PropTypes__default["default"].func,
-            PropTypes__default["default"].shape({ current: PropTypes__default["default"].any })
-        ])
-    };
     return Main;
 }(React.Component));
 
@@ -69,13 +60,6 @@ var Layout = /** @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         layoutRef: function () { }
     };
-    Layout.propTypes = {
-        children: PropTypes__default["default"].node.isRequired,
-        layoutRef: PropTypes__default["default"].oneOfType([
-            PropTypes__default["default"].func,
-            PropTypes__default["default"].shape({ current: PropTypes__default["default"].any })
-        ])
-    };
     return Layout;
 }(React__default["default"].Component));
 
@@ -111,22 +95,6 @@ var Workspace = /** @class */ (function (_super) {
         layoutRef: function () { },
         noSideBar: false
     };
-    Workspace.propTypes = {
-        children: PropTypes__default["default"].oneOfType([
-            PropTypes__default["default"].array,
-            PropTypes__default["default"].object,
-            PropTypes__default["default"].string
-        ]).isRequired,
-        workspaceRef: PropTypes__default["default"].oneOfType([
-            PropTypes__default["default"].func,
-            PropTypes__default["default"].shape({ current: PropTypes__default["default"].any })
-        ]),
-        layoutRef: PropTypes__default["default"].oneOfType([
-            PropTypes__default["default"].func,
-            PropTypes__default["default"].shape({ current: PropTypes__default["default"].any })
-        ]),
-        noSideBar: PropTypes__default["default"].bool
-    };
     return Workspace;
 }(React__default["default"].Component));
 
@@ -354,12 +322,6 @@ var Icon = React.forwardRef(function (_a, ref) {
         label && React__default["default"].createElement(Offscreen, null, label),
         IconSVG && React__default["default"].createElement(IconSVG, null)));
 });
-Icon.propTypes = {
-    label: PropTypes__default["default"].string,
-    className: PropTypes__default["default"].string,
-    // @ts-expect-error
-    type: PropTypes__default["default"].string.isRequired
-};
 Icon.displayName = 'Icon';
 
 var PanelTrigger = function (_a) {
@@ -376,15 +338,6 @@ var PanelTrigger = function (_a) {
                 : children),
             React__default["default"].createElement(Icon, { type: open ? iconExpanded : iconCollapsed }))));
 };
-PanelTrigger.propTypes = {
-    children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].node]),
-    open: PropTypes__default["default"].bool,
-    iconExpanded: PropTypes__default["default"].string,
-    iconCollapsed: PropTypes__default["default"].string,
-    heading: PropTypes__default["default"].shape({
-        level: PropTypes__default["default"].number
-    })
-};
 PanelTrigger.displayName = 'PanelTrigger';
 var PanelTrigger$1 = React__default["default"].memo(PanelTrigger);
 
@@ -421,8 +374,7 @@ var ExpandCollapsePanel = /** @class */ (function (_super) {
         _this.animateOpen = function () {
             var panel = _this.panel.current;
             var animationTiming = _this.props.animationTiming;
-            var prefersReducedMotion = matchMedia('(prefers-reduced-motion: reduce)')
-                .matches;
+            var prefersReducedMotion = matchMedia('(prefers-reduced-motion: reduce)').matches;
             if (!animationTiming || prefersReducedMotion) {
                 _this.setState({ isAnimating: false });
                 return;
@@ -445,8 +397,7 @@ var ExpandCollapsePanel = /** @class */ (function (_super) {
         _this.animateClose = function () {
             var panel = _this.panel.current;
             var animationTiming = _this.props.animationTiming;
-            var prefersReducedMotion = matchMedia('(prefers-reduced-motion: reduce)')
-                .matches;
+            var prefersReducedMotion = matchMedia('(prefers-reduced-motion: reduce)').matches;
             if (!animationTiming || prefersReducedMotion) {
                 _this.setState({ isAnimating: false });
                 return;
@@ -512,13 +463,6 @@ var ExpandCollapsePanel = /** @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         onToggle: function () { }
     };
-    ExpandCollapsePanel.propTypes = {
-        open: PropTypes__default["default"].bool,
-        children: PropTypes__default["default"].node.isRequired,
-        className: PropTypes__default["default"].string,
-        animationTiming: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].bool]),
-        onToggle: PropTypes__default["default"].func
-    };
     return ExpandCollapsePanel;
 }(React__default["default"].Component));
 
@@ -559,20 +503,6 @@ var Accordion = function (_a) {
 Accordion.displayName = 'Accordion';
 AccordionContent.displayName = 'AccordionContent';
 AccordionTrigger.displayName = 'AccordionTrigger';
-Accordion.propTypes = {
-    children: PropTypes__default["default"].node,
-    className: PropTypes__default["default"].string
-};
-AccordionTrigger.propTypes = {
-    children: PropTypes__default["default"].node,
-    heading: PropTypes__default["default"].shape({
-        level: PropTypes__default["default"].number
-    })
-};
-AccordionContent.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string
-};
 
 var Scrim = /** @class */ (function (_super) {
     tslib.__extends(Scrim, _super);
@@ -635,9 +565,6 @@ var Scrim = /** @class */ (function (_super) {
         }
         return (React__default["default"].createElement("div", { ref: function (el) { return (_this.el = el); }, className: "Scrim ".concat(animationClass) }));
     };
-    Scrim.propTypes = {
-        show: PropTypes__default["default"].bool.isRequired
-    };
     return Scrim;
 }(React__default["default"].Component));
 
@@ -707,16 +634,6 @@ var MenuItem = /** @class */ (function (_super) {
         onKeyDown: function () { },
         autoClickLink: true
     };
-    MenuItem.propTypes = {
-        children: PropTypes__default["default"].node.isRequired,
-        menuItemRef: PropTypes__default["default"].oneOfType([
-            PropTypes__default["default"].func,
-            PropTypes__default["default"].shape({ current: PropTypes__default["default"].any })
-        ]),
-        onClick: PropTypes__default["default"].func,
-        onKeyDown: PropTypes__default["default"].func,
-        autoClickLink: PropTypes__default["default"].bool
-    };
     return MenuItem;
 }(React.Component));
 
@@ -837,12 +754,6 @@ var TopBar$1 = /** @class */ (function (_super) {
         var _a = this.props, children = _a.children, className = _a.className; _a.thin; _a.hasTrigger; tslib.__rest(_a, ["children", "className", "thin", "hasTrigger"]);
         return (React__default["default"].createElement("ul", { role: "menubar", className: className }, React.Children.map(children, this.renderChild)));
     };
-    TopBar.propTypes = {
-        children: PropTypes__default["default"].node.isRequired,
-        className: PropTypes__default["default"].string,
-        thin: PropTypes__default["default"].bool,
-        hasTrigger: PropTypes__default["default"].bool
-    };
     TopBar.defaultProps = {
         thin: false,
         hasTrigger: false
@@ -863,10 +774,6 @@ var TopBarTrigger = function (_a) {
     return (React__default["default"].createElement(MenuItem, tslib.__assign({ "aria-haspopup": "true", className: classNames__default["default"]('TopBar__menu-trigger', className) }, other), children));
 };
 TopBarTrigger.displayName = 'TopBarTrigger';
-TopBarTrigger.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string
-};
 
 var menuAlignment = function (type) {
     switch (type) {
@@ -883,11 +790,6 @@ var OptionsMenuWrapper = function (_a) {
     var className = _a.className, align = _a.align, other = tslib.__rest(_a, ["className", "align"]);
     return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('OptionsMenu', menuAlignment(align), className) }, other)));
 };
-OptionsMenuWrapper.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string,
-    align: PropTypes__default["default"].oneOf(['left', 'right'])
-};
 
 var ClickOutsideListener = /** @class */ (function (_super) {
     tslib.__extends(ClickOutsideListener, _super);
@@ -955,13 +857,6 @@ var ClickOutsideListener = /** @class */ (function (_super) {
         mouseEvent: 'click',
         touchEvent: 'touchend'
     };
-    ClickOutsideListener.propTypes = {
-        children: PropTypes__default["default"].node,
-        target: PropTypes__default["default"].any,
-        onClickOutside: PropTypes__default["default"].func.isRequired,
-        mouseEvent: PropTypes__default["default"].oneOf(['mousedown', 'click', 'mouseup', false]),
-        touchEvent: PropTypes__default["default"].oneOf(['touchstart', 'touchend', false])
-    };
     return ClickOutsideListener;
 }(React__default["default"].Component));
 
@@ -1085,18 +980,6 @@ var OptionsMenuList = /** @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         onClose: function () { }
     };
-    OptionsMenuList.propTypes = {
-        show: PropTypes__default["default"].bool,
-        children: PropTypes__default["default"].node.isRequired,
-        onClose: PropTypes__default["default"].func,
-        className: PropTypes__default["default"].string,
-        onSelect: PropTypes__default["default"].func,
-        closeOnSelect: PropTypes__default["default"].bool,
-        menuRef: PropTypes__default["default"].oneOfType([
-            PropTypes__default["default"].func,
-            PropTypes__default["default"].shape({ current: PropTypes__default["default"].any })
-        ])
-    };
     return OptionsMenuList;
 }(React__default["default"].Component));
 
@@ -1156,19 +1039,6 @@ var OptionsMenu = /** @class */ (function (_super) {
         onSelect: function () { },
         align: 'right'
     };
-    OptionsMenu.propTypes = {
-        trigger: PropTypes__default["default"].func,
-        children: PropTypes__default["default"].node.isRequired,
-        onClose: PropTypes__default["default"].func,
-        className: PropTypes__default["default"].string,
-        onSelect: PropTypes__default["default"].func,
-        closeOnSelect: PropTypes__default["default"].bool,
-        menuRef: PropTypes__default["default"].oneOfType([
-            PropTypes__default["default"].func,
-            PropTypes__default["default"].shape({ current: PropTypes__default["default"].any })
-        ]),
-        align: PropTypes__default["default"].oneOf(['left', 'right'])
-    };
     return OptionsMenu;
 }(React.Component));
 
@@ -1196,11 +1066,6 @@ var OptionsMenuItemComponent = /** @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         onSelect: function () { }
     };
-    OptionsMenuItemComponent.propTypes = {
-        disabled: PropTypes__default["default"].bool,
-        className: PropTypes__default["default"].string,
-        onSelect: PropTypes__default["default"].func
-    };
     return OptionsMenuItemComponent;
 }(React__default["default"].Component));
 var OptionsMenuItem = React__default["default"].forwardRef(function OptionsMenuItem(props, ref) {
@@ -1215,14 +1080,6 @@ function OptionsMenuTriggerComponent(_a) {
     var className = _a.className, triggerRef = _a.triggerRef, other = tslib.__rest(_a, ["className", "triggerRef"]);
     return (React__default["default"].createElement("button", tslib.__assign({ type: "button", "aria-haspopup": "menu", ref: triggerRef }, other, { className: classNames__default["default"]('OptionsMenu__trigger', className) })));
 }
-OptionsMenuTriggerComponent.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string,
-    triggerRef: PropTypes__default["default"].oneOfType([
-        PropTypes__default["default"].func,
-        PropTypes__default["default"].shape({ current: PropTypes__default["default"].any })
-    ])
-};
 var OptionsMenuTrigger = React__default["default"].forwardRef(function OptionsMenuTrigger(props, ref) {
     return React__default["default"].createElement(OptionsMenuTriggerComponent, tslib.__assign({}, props, { triggerRef: ref }));
 });
@@ -1295,10 +1152,6 @@ var TopBarMenu = /** @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         menuItemRef: function () { }
     };
-    TopBarMenu.propTypes = {
-        id: PropTypes__default["default"].string.isRequired,
-        children: PropTypes__default["default"].node.isRequired
-    };
     return TopBarMenu;
 }(React__default["default"].Component));
 
@@ -1346,13 +1199,6 @@ var NavBar = function (_a) {
         showNavItems && (React__default["default"].createElement("ul", { onKeyDown: handleKeyDown, id: menuId }, children))));
 };
 NavBar.displayName = 'NavBar';
-NavBar.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string,
-    collapsed: PropTypes__default["default"].bool,
-    navTriggerLabel: PropTypes__default["default"].string,
-    propId: PropTypes__default["default"].string
-};
 
 var NavItem = function (_a) {
     var children = _a.children, active = _a.active, _b = _a["aria-current"], ariaCurrent = _b === void 0 ? true : _b, other = tslib.__rest(_a, ["children", "active", 'aria-current']);
@@ -1365,9 +1211,6 @@ var NavItem = function (_a) {
         }) }, additionalProps, other), children));
 };
 NavItem.displayName = 'NavItem';
-NavItem.propTypes = {
-    children: PropTypes__default["default"].node.isRequired
-};
 
 /**
  * Selector for NATURALLY focusable elements
@@ -1479,12 +1322,6 @@ var SideBar = /** @class */ (function (_super) {
         className: '',
         show: false
     };
-    SideBar.propTypes = {
-        children: PropTypes__default["default"].node.isRequired,
-        onDismiss: PropTypes__default["default"].func.isRequired,
-        className: PropTypes__default["default"].string,
-        show: PropTypes__default["default"].bool
-    };
     return SideBar;
 }(React.Component));
 
@@ -1504,10 +1341,6 @@ SideBarItem.displayName = 'SideBarItem';
 SideBarItem.defaultProps = {
     autoClickLink: true
 };
-SideBarItem.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    autoClickLink: PropTypes__default["default"].bool
-};
 
 /**
  * Handles aria-hidden for dialogs.
@@ -1561,6 +1394,7 @@ var Dialog = /** @class */ (function (_super) {
     tslib.__extends(Dialog, _super);
     function Dialog(props) {
         var _this = _super.call(this, props) || this;
+        _this.headingId = nextId__default["default"]('dialog-title-');
         _this.close = _this.close.bind(_this);
         _this.focusHeading = _this.focusHeading.bind(_this);
         _this.handleClickOutside = _this.handleClickOutside.bind(_this);
@@ -1617,10 +1451,10 @@ var Dialog = /** @class */ (function (_super) {
                             return;
                         }
                         setRef(dialogRef, el);
-                    } }, other),
+                    }, "aria-labelledby": this.headingId }, other),
                     React__default["default"].createElement("div", { className: "Dialog__inner" },
                         React__default["default"].createElement("div", { className: "Dialog__header" },
-                            React__default["default"].createElement(Heading, { className: "Dialog__heading", ref: function (el) { return (_this.heading = el); }, tabIndex: -1 }, typeof heading === 'object' && 'text' in heading
+                            React__default["default"].createElement(Heading, { className: "Dialog__heading", ref: function (el) { return (_this.heading = el); }, tabIndex: -1, id: this.headingId }, typeof heading === 'object' && 'text' in heading
                                 ? heading.text
                                 : heading),
                             close),
@@ -1652,19 +1486,6 @@ var Dialog = /** @class */ (function (_super) {
         forceAction: false,
         closeButtonText: 'Close'
     };
-    Dialog.propTypes = {
-        className: PropTypes__default["default"].string,
-        show: PropTypes__default["default"].bool,
-        dialogRef: PropTypes__default["default"].oneOfType([
-            PropTypes__default["default"].func,
-            PropTypes__default["default"].shape({ current: PropTypes__default["default"].any })
-        ]),
-        onClose: PropTypes__default["default"].func,
-        forceAction: PropTypes__default["default"].bool,
-        heading: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].node]).isRequired,
-        closeButtonText: PropTypes__default["default"].string,
-        portal: PropTypes__default["default"].any
-    };
     return Dialog;
 }(React__default["default"].Component));
 var DialogContent = function (_a) {
@@ -1676,11 +1497,6 @@ var DialogContent = function (_a) {
         }) }, other), children));
 };
 DialogContent.displayName = 'DialogContent';
-DialogContent.propTypes = {
-    className: PropTypes__default["default"].string,
-    children: PropTypes__default["default"].node,
-    align: PropTypes__default["default"].string
-};
 var DialogFooter = function (_a) {
     var children = _a.children, className = _a.className, align = _a.align, other = tslib.__rest(_a, ["children", "className", "align"]);
     return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('Dialog__footer', className, {
@@ -1690,11 +1506,6 @@ var DialogFooter = function (_a) {
         }) }, other), children));
 };
 DialogFooter.displayName = 'DialogFooter';
-DialogFooter.propTypes = {
-    className: PropTypes__default["default"].string,
-    children: PropTypes__default["default"].node,
-    align: PropTypes__default["default"].string
-};
 
 var Alert = function (_a) {
     var children = _a.children, className = _a.className, _b = _a.variant, variant = _b === void 0 ? 'default' : _b, heading = _a.heading, other = tslib.__rest(_a, ["children", "className", "variant", "heading"]);
@@ -1774,17 +1585,6 @@ var SkipLink = /** @class */ (function (_super) {
         skipText: 'Skip to',
         targetText: 'Main Content'
     };
-    SkipLink.propTypes = {
-        // enforce a valid id hash string (example: '#foo')
-        target: function (props, propName, componentName) {
-            var value = props[propName];
-            if (!value || typeof value !== 'string' || value[0] !== '#') {
-                return new Error("Invalid prop ".concat(propName, " supplied to ").concat(componentName, " (must be string starting with \"#\")"));
-            }
-        },
-        skipText: PropTypes__default["default"].string,
-        targetText: PropTypes__default["default"].string
-    };
     return SkipLink;
 }(React__default["default"].Component));
 
@@ -1941,29 +1741,14 @@ function Tooltip(_a) {
         : null));
 }
 Tooltip.displayName = 'Tooltip';
-Tooltip.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    target: PropTypes__default["default"].any.isRequired,
-    association: PropTypes__default["default"].oneOf(['aria-labelledby', 'aria-describedby']),
-    show: PropTypes__default["default"].bool,
-    placement: PropTypes__default["default"].string,
-    variant: PropTypes__default["default"].string,
-    portal: PropTypes__default["default"].any
-};
 var TooltipHead = function (_a) {
     var className = _a.className, other = tslib.__rest(_a, ["className"]);
     return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('TooltipHead', className) }, other)));
 };
-TooltipHead.propTypes = {
-    className: PropTypes__default["default"].string
-};
 var TooltipContent = function (_a) {
     var className = _a.className, other = tslib.__rest(_a, ["className"]);
     return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('TooltipContent', className) }, other)));
 };
-TooltipContent.propTypes = {
-    className: PropTypes__default["default"].string
-};
 
 /**
  * Unfortunately, eslint does not recognize that this Polymorphic component has a displayName set
@@ -2002,20 +1787,6 @@ var IconButton = React.forwardRef(function (_a, ref) {
             disabled && React__default["default"].createElement(Offscreen, null, label)),
         !disabled && (React__default["default"].createElement(Tooltip, { target: internalRef, placement: tooltipPlacement, variant: tooltipVariant, portal: tooltipPortal, association: "aria-labelledby", hideElementOnHidden: true }, label))));
 });
-IconButton.propTypes = {
-    // @ts-expect-error
-    as: PropTypes__default["default"].elementType,
-    // @ts-expect-error
-    icon: PropTypes__default["default"].string.isRequired,
-    label: PropTypes__default["default"].node.isRequired,
-    // @ts-expect-error
-    tooltipPlacement: PropTypes__default["default"].string,
-    // @ts-expect-error
-    tooltipVariant: PropTypes__default["default"].string,
-    tooltipPortal: PropTypes__default["default"].any,
-    // @ts-expect-error
-    variant: PropTypes__default["default"].string
-};
 IconButton.displayName = 'IconButton';
 
 var i = 0;
@@ -2312,32 +2083,6 @@ var Pointout = /** @class */ (function (_super) {
         arrowPosition: 'top-left',
         position: 'center'
     };
-    Pointout.propTypes = {
-        heading: PropTypes__default["default"].node,
-        children: PropTypes__default["default"].node.isRequired,
-        ftpRef: PropTypes__default["default"].oneOfType([
-            PropTypes__default["default"].func,
-            PropTypes__default["default"].shape({ current: PropTypes__default["default"].any })
-        ]),
-        noArrow: function (props, propName) {
-            if (props[propName] === true && typeof props['target'] !== 'undefined') {
-                return new Error('A "target" prop with "noArrow=true" is not currently supported.');
-            }
-        },
-        arrowPosition: PropTypes__default["default"].string,
-        onClose: PropTypes__default["default"].func,
-        dismissText: PropTypes__default["default"].string,
-        className: PropTypes__default["default"].string,
-        target: PropTypes__default["default"].oneOfType([
-            PropTypes__default["default"].func,
-            PropTypes__default["default"].shape({ current: PropTypes__default["default"].any })
-        ]),
-        disableOffscreenPointout: PropTypes__default["default"].bool,
-        portal: PropTypes__default["default"].any,
-        previousButtonProps: PropTypes__default["default"].any,
-        nextButtonProps: PropTypes__default["default"].any,
-        closeButtonProps: PropTypes__default["default"].any
-    };
     return Pointout;
 }(React__default["default"].Component));
 
@@ -2514,27 +2259,6 @@ var Toast = /** @class */ (function (_super) {
         show: false,
         dismissible: true
     };
-    Toast.propTypes = {
-        // the ui to be added as the message of the toast
-        children: PropTypes__default["default"].node.isRequired,
-        // "confirmation", "caution", or "action-needed"
-        type: PropTypes__default["default"].string.isRequired,
-        // function to be exectued when toast is dismissed
-        onDismiss: PropTypes__default["default"].func,
-        // text to be added as the aria-label of the "x" dismiss button (default: "Dismiss")
-        dismissText: PropTypes__default["default"].string,
-        // an optional ref function to get a handle on the toast element
-        toastRef: PropTypes__default["default"].oneOfType([
-            PropTypes__default["default"].func,
-            PropTypes__default["default"].shape({ current: PropTypes__default["default"].any })
-        ]),
-        // whether or not to focus the toast
-        focus: PropTypes__default["default"].bool,
-        // whether or not to show the toast
-        show: PropTypes__default["default"].bool,
-        // whether or not the toast is dismissible
-        dismissible: PropTypes__default["default"].bool
-    };
     Toast.displayName = 'Toast';
     return Toast;
 }(React__default["default"].Component));
@@ -2548,16 +2272,6 @@ var Link = function (_a) {
             'Button--thin': thin
         }) }, other), children));
 };
-Link.propTypes = {
-    children: PropTypes__default["default"].node,
-    className: PropTypes__default["default"].string,
-    variant: PropTypes__default["default"].string,
-    thin: PropTypes__default["default"].bool,
-    linkRef: PropTypes__default["default"].oneOfType([
-        PropTypes__default["default"].func,
-        PropTypes__default["default"].shape({ current: PropTypes__default["default"].any })
-    ])
-};
 Link.displayName = 'Link';
 
 var Loader = React__default["default"].forwardRef(function (_a, ref) {
@@ -2571,9 +2285,6 @@ var Loader = React__default["default"].forwardRef(function (_a, ref) {
     }
     return (React__default["default"].createElement("div", tslib.__assign({ ref: ref, className: classNames__default["default"]('Loader', className, variant === 'large' && 'Loader--large', variant === 'small' && 'Loader--small') }, props)));
 });
-Loader.propTypes = {
-    className: PropTypes__default["default"].string
-};
 Loader.displayName = 'Loader';
 
 /**
@@ -2709,24 +2420,6 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
     inputs.current = [];
     return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"](className, { 'Radio--inline': inline }), role: "radiogroup", ref: ref }, other), radioButtons));
 });
-RadioGroup.propTypes = {
-    name: PropTypes__default["default"].string,
-    radios: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-        value: PropTypes__default["default"].string.isRequired,
-        id: PropTypes__default["default"].string.isRequired,
-        label: PropTypes__default["default"].string.isRequired,
-        labelDescription: PropTypes__default["default"].string
-    }).isRequired).isRequired,
-    hasLabel: function (props, _propName, componentName) {
-        if (!props['aria-label'] && !props['aria-labelledby']) {
-            return new Error("".concat(componentName, " must have an \"aria-label\" or \"aria-labelledby\" prop"));
-        }
-        return null;
-    },
-    className: PropTypes__default["default"].string,
-    defaultValue: PropTypes__default["default"].string,
-    onChange: PropTypes__default["default"].func
-};
 RadioGroup.displayName = 'RadioGroup';
 
 var Card = function (_a) {
@@ -2737,37 +2430,24 @@ var Card = function (_a) {
         }) }, other)));
 };
 Card.displayName = 'Card';
-Card.propTypes = {
-    className: PropTypes__default["default"].string,
-    variant: PropTypes__default["default"].string
-};
 
 var CardHeader = function (_a) {
     var className = _a.className, other = tslib.__rest(_a, ["className"]);
     return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('Card__header', className) }, other)));
 };
 CardHeader.displayName = 'CardHeader';
-CardHeader.propTypes = {
-    className: PropTypes__default["default"].string
-};
 
 var CardContent = function (_a) {
     var className = _a.className, other = tslib.__rest(_a, ["className"]);
     return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('Card__content', className) }, other)));
 };
 CardContent.displayName = 'CardContent';
-CardContent.propTypes = {
-    className: PropTypes__default["default"].string
-};
 
 var CardFooter = function (_a) {
     var className = _a.className, other = tslib.__rest(_a, ["className"]);
     return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('Card__footer', className) }, other)));
 };
 CardFooter.displayName = 'CardFooter';
-CardFooter.propTypes = {
-    className: PropTypes__default["default"].string
-};
 
 var RadioCardGroup = function (_a) {
     var name = _a.name, radios = _a.radios, defaultValue = _a.defaultValue, value = _a.value, 
@@ -2828,24 +2508,6 @@ var RadioCardGroup = function (_a) {
     inputs.current = [];
     return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('RadioCardGroup'), role: "radiogroup" }, other), radioButtons));
 };
-RadioCardGroup.propTypes = {
-    name: PropTypes__default["default"].string,
-    radios: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-        value: PropTypes__default["default"].string.isRequired,
-        id: PropTypes__default["default"].string.isRequired,
-        label: PropTypes__default["default"].string.isRequired,
-        cardImg: PropTypes__default["default"].element.isRequired,
-        cardIcon: PropTypes__default["default"].string.isRequired
-    })).isRequired,
-    hasLabel: function (props, propName, componentName) {
-        if (!props['aria-label'] && !props['aria-labelledby']) {
-            return new Error("".concat(componentName, " must have an \"aria-label\" or \"aria-labelledby\" prop"));
-        }
-    },
-    className: PropTypes__default["default"].string,
-    defaultValue: PropTypes__default["default"].string,
-    onChange: PropTypes__default["default"].func
-};
 RadioCardGroup.displayName = 'RadioCardGroup';
 
 var Checkbox = React.forwardRef(function (_a, ref) {
@@ -3001,22 +2663,6 @@ var TextField = /** @class */ (function (_super) {
         requiredText: 'Required',
         multiline: false
     };
-    TextField.propTypes = {
-        label: PropTypes__default["default"].node.isRequired,
-        id: PropTypes__default["default"].string,
-        error: PropTypes__default["default"].node,
-        defaultValue: PropTypes__default["default"].string,
-        value: PropTypes__default["default"].string,
-        onChange: PropTypes__default["default"].func,
-        fieldRef: PropTypes__default["default"].oneOfType([
-            PropTypes__default["default"].func,
-            PropTypes__default["default"].shape({ current: PropTypes__default["default"].any })
-        ]),
-        required: PropTypes__default["default"].bool,
-        requiredText: PropTypes__default["default"].string,
-        multiline: PropTypes__default["default"].bool,
-        'aria-describedby': PropTypes__default["default"].string
-    };
     return TextField;
 }(React__default["default"].Component));
 
@@ -3058,13 +2704,6 @@ var Code = function (_a) {
         }), tabIndex: scrollableRegion ? 0 : undefined }), children));
 };
 Code.displayName = 'Code';
-Code.propTypes = {
-    children: PropTypes__default["default"].string.isRequired,
-    language: PropTypes__default["default"].oneOf(['javascript', 'css', 'html', 'yaml']),
-    className: PropTypes__default["default"].string,
-    tabIndex: PropTypes__default["default"].number,
-    scrollable: PropTypes__default["default"].bool
-};
 
 function AxeLoader() {
     return (React__default["default"].createElement("svg", { version: "1.1", xmlns: "http://www.w3.org/2000/svg", x: "0", y: "0", viewBox: "0 0 800 800" },
@@ -3137,22 +2776,12 @@ var LoaderOverlay = React.forwardRef(function (_a, ref) {
             label ? (React__default["default"].createElement("span", { className: "Loader__overlay__label" }, label)) : null,
             children)));
 });
-LoaderOverlay.propTypes = {
-    className: PropTypes__default["default"].string,
-    variant: PropTypes__default["default"].oneOf(['large', 'small']),
-    label: PropTypes__default["default"].string,
-    focusOnInitialRender: PropTypes__default["default"].bool,
-    children: PropTypes__default["default"].node
-};
 LoaderOverlay.displayName = 'LoaderOverlay';
 
 var Line = function (_a) {
     var className = _a.className, other = tslib.__rest(_a, ["className"]);
     return (React__default["default"].createElement("hr", tslib.__assign({ className: classNames__default["default"]('Line', className) }, other)));
 };
-Line.propTypes = {
-    className: PropTypes__default["default"].string
-};
 Line.displayName = 'Line';
 
 var TagLabel = function (_a) {
@@ -3160,19 +2789,11 @@ var TagLabel = function (_a) {
     return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('Tag__label', className) }, other), children));
 };
 TagLabel.displayName = 'TagLabel';
-TagLabel.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string
-};
 var Tag = function (_a) {
     var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
     return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('Tag', className) }, other), children));
 };
 Tag.displayName = 'Tag';
-Tag.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string
-};
 
 var TagButton = React__default["default"].forwardRef(function (_a, ref) {
     var label = _a.label, value = _a.value, icon = _a.icon, className = _a.className, rest = tslib.__rest(_a, ["label", "value", "icon", "className"]);
@@ -3188,41 +2809,24 @@ var Table = function (_a) {
     return (React__default["default"].createElement("table", tslib.__assign({ className: classNames__default["default"]('Table', variant === 'border' && 'Table--border', className) }, other), children));
 };
 Table.displayName = 'Table';
-Table.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string,
-    variant: PropTypes__default["default"].string
-};
 
 var TableBody = function (_a) {
     var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
     return (React__default["default"].createElement("tbody", tslib.__assign({ className: classNames__default["default"]('TableBody', className) }, other), children));
 };
 TableBody.displayName = 'TableBody';
-TableBody.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string
-};
 
 var TableCell = function (_a) {
     var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
     return (React__default["default"].createElement("td", tslib.__assign({ className: classNames__default["default"]('TableCell', className) }, other), children));
 };
 TableCell.displayName = 'TableCell';
-TableCell.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string
-};
 
 var TableHead = function (_a) {
     var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
     return (React__default["default"].createElement("thead", tslib.__assign({ className: classNames__default["default"]('TableHead', className) }, other), children));
 };
 TableHead.displayName = 'TableHead';
-TableHead.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string
-};
 
 var TableHeader = function (_a) {
     var children = _a.children, sortDirection = _a.sortDirection, onSort = _a.onSort, className = _a.className, _b = _a.sortAscendingAnnouncement, sortAscendingAnnouncement = _b === void 0 ? 'sorted ascending' : _b, _c = _a.sortDescendingAnnouncement, sortDescendingAnnouncement = _c === void 0 ? 'sorted descending' : _c, other = tslib.__rest(_a, ["children", "sortDirection", "onSort", "className", "sortAscendingAnnouncement", "sortDescendingAnnouncement"]);
@@ -3244,45 +2848,24 @@ var TableHeader = function (_a) {
             React__default["default"].createElement("span", { role: "status", "aria-live": "polite" }, announcement)))) : (children)));
 };
 TableHeader.displayName = 'TableHeader';
-TableHeader.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    sortDirection: PropTypes__default["default"].string,
-    onSort: PropTypes__default["default"].func,
-    className: PropTypes__default["default"].string,
-    sortAscendingAnnouncement: PropTypes__default["default"].string,
-    sortDescendingAnnouncement: PropTypes__default["default"].string
-};
 
 var TableRow = function (_a) {
     var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
     return (React__default["default"].createElement("tr", tslib.__assign({ className: classNames__default["default"]('TableRow', className) }, other), children));
 };
 TableRow.displayName = 'TableRow';
-TableRow.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string
-};
 
 var TableFooter = function (_a) {
     var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
     return (React__default["default"].createElement("tfoot", tslib.__assign({ className: classNames__default["default"]('TableFooter', className) }, other), children));
 };
 TableFooter.displayName = 'TableFooter';
-TableFooter.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string
-};
 
 var Tab = React__default["default"].forwardRef(function (_a, ref) {
     var children = _a.children, propId = _a.id; _a.target; var other = tslib.__rest(_a, ["children", "id", "target"]);
     return (React__default["default"].createElement("li", tslib.__assign({ id: propId, ref: ref, role: "tab" }, other), children));
 });
 Tab.displayName = 'Tab';
-Tab.propTypes = {
-    target: PropTypes__default["default"].any.isRequired,
-    id: PropTypes__default["default"].string,
-    children: PropTypes__default["default"].node
-};
 
 /**
  * Hook to be used similarly to the React.Component#componentDidMount.
@@ -3398,15 +2981,6 @@ var Tabs = function (_a) {
         React__default["default"].createElement("ul", tslib.__assign({ role: "tablist", className: "Tablist" }, labelProp, { onKeyDown: handleKeyDown }), tabComponents)));
 };
 Tabs.displayName = 'Tabs';
-Tabs.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    'aria-label': PropTypes__default["default"].string,
-    'aria-labelledby': PropTypes__default["default"].string,
-    initialActiveIndex: PropTypes__default["default"].number,
-    thin: PropTypes__default["default"].bool,
-    orientation: PropTypes__default["default"].string,
-    className: PropTypes__default["default"].string
-};
 
 var TabPanel = React.forwardRef(function (_a, ref) {
     var children = _a.children, propId = _a.id, className = _a.className, other = tslib.__rest(_a, ["children", "id", "className"]);
@@ -3414,16 +2988,7 @@ var TabPanel = React.forwardRef(function (_a, ref) {
     return (React__default["default"].createElement("div", tslib.__assign({ role: "tabpanel", className: classNames__default["default"]('TabPanel', className), id: id, ref: ref }, other), children));
 });
 TabPanel.displayName = 'TabPanel';
-TabPanel.propTypes = {
-    id: PropTypes__default["default"].string,
-    children: PropTypes__default["default"].node,
-    className: PropTypes__default["default"].string
-};
 
-var commonPropTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string
-};
 var DescriptionList = function (_a) {
     var children = _a.children, className = _a.className, _b = _a.collapsed, collapsed = _b === void 0 ? false : _b, other = tslib.__rest(_a, ["children", "className", "collapsed"]);
     return (React__default["default"].createElement("dl", tslib.__assign({ className: classNames__default["default"]('DescriptionList', className, {
@@ -3431,25 +2996,21 @@ var DescriptionList = function (_a) {
         }) }, other), children));
 };
 DescriptionList.displayName = 'DescriptionList';
-DescriptionList.propTypes = commonPropTypes;
 var DescriptionListItem = function (_a) {
     var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
     return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('DescriptionList__item', className) }, other), children));
 };
 DescriptionListItem.displayName = 'DescriptionListItem';
-DescriptionListItem.propTypes = commonPropTypes;
 var DescriptionTerm = function (_a) {
     var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
     return (React__default["default"].createElement("dt", tslib.__assign({ className: classNames__default["default"]('DescriptionList__term', className) }, other), children));
 };
 DescriptionTerm.displayName = 'DescriptionTerm';
-DescriptionTerm.propTypes = commonPropTypes;
 var DescriptionDetails = function (_a) {
     var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
     return (React__default["default"].createElement("dd", tslib.__assign({ className: classNames__default["default"]('DescriptionList__details', className) }, other), children));
 };
 DescriptionDetails.displayName = 'DescriptionDetails';
-DescriptionDetails.propTypes = commonPropTypes;
 
 var isTooltipProps = function (props) {
     return !!props.tooltip;
@@ -3481,21 +3042,11 @@ var Step = function (props) {
             children ? (React__default["default"].createElement("div", { className: "Stepper__step-label" }, children)) : null)))));
 };
 Step.displayName = 'Step';
-Step.propTypes = {
-    children: PropTypes__default["default"].node,
-    tooltip: PropTypes__default["default"].node,
-    tooltipText: PropTypes__default["default"].string,
-    className: PropTypes__default["default"].string
-};
 var Stepper = function (_a) {
     var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
     return (React__default["default"].createElement("ol", tslib.__assign({ className: classNames__default["default"]('Stepper', className) }, other), children));
 };
 Stepper.displayName = 'Stepper';
-Stepper.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string
-};
 
 var Panel = React.forwardRef(function (_a, ref) {
     var _b;
@@ -3527,14 +3078,6 @@ var Panel = React.forwardRef(function (_a, ref) {
         children));
 });
 Panel.displayName = 'Panel';
-Panel.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    // @ts-expect-error
-    heading: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].node]),
-    className: PropTypes__default["default"].string,
-    padding: PropTypes__default["default"].bool,
-    collapsed: PropTypes__default["default"].bool
-};
 
 var PanelContent = React.forwardRef(function (_a, ref) {
     var _b;
@@ -3544,21 +3087,12 @@ var PanelContent = React.forwardRef(function (_a, ref) {
             _b)), ref: ref }, otherProps), children));
 });
 PanelContent.displayName = 'PanelContent';
-PanelContent.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string,
-    padding: PropTypes__default["default"].bool
-};
 
 var PanelHeader = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, otherProps = tslib.__rest(_a, ["children", "className"]);
     return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('Panel__Header', className), ref: ref }, otherProps), children));
 });
 PanelHeader.displayName = 'PanelHeader';
-PanelHeader.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string
-};
 
 var IssuePanel = function (_a) {
     var className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, actions = _a.actions, children = _a.children;
@@ -3569,10 +3103,6 @@ var IssuePanel = function (_a) {
         React__default["default"].createElement("div", { className: "IssuePanel__Content" }, children)));
 };
 IssuePanel.displayName = 'IssuePanel';
-IssuePanel.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string
-};
 
 var ProgressBar = React.forwardRef(function (_a, ref) {
     var _b = _a.progress, progress = _b === void 0 ? 0 : _b, _c = _a.progressMax, progressMax = _c === void 0 ? 100 : _c, _d = _a.progressMin, progressMin = _d === void 0 ? 0 : _d, props = tslib.__rest(_a, ["progress", "progressMax", "progressMin"]);
@@ -3587,19 +3117,11 @@ var Address = function (_a) {
     return (React__default["default"].createElement("address", tslib.__assign({ className: classNames__default["default"]('Address', className) }, other), children));
 };
 Address.displayName = 'Address';
-Address.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string
-};
 var AddressLine = function (_a) {
     var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
     return children ? (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('Address__line', className) }, other), children)) : null;
 };
 AddressLine.displayName = 'AddressLine';
-AddressLine.propTypes = {
-    children: PropTypes__default["default"].node,
-    className: PropTypes__default["default"].string
-};
 var AddressCityStateZip = function (_a) {
     var city = _a.city, state = _a.state, zip = _a.zip, className = _a.className, other = tslib.__rest(_a, ["city", "state", "zip", "className"]);
     return city || state || zip ? (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('Address__city-state-zip', className) }, other), [[city, state].filter(Boolean).join(', '), zip]
@@ -3607,22 +3129,6 @@ var AddressCityStateZip = function (_a) {
         .join(' '))) : null;
 };
 AddressCityStateZip.displayName = 'AddressCityStateZip';
-AddressCityStateZip.propTypes = {
-    city: PropTypes__default["default"].node,
-    state: PropTypes__default["default"].node,
-    zip: PropTypes__default["default"].node,
-    className: PropTypes__default["default"].string
-};
-
-/**
- * This prop type is meant to ensure that a prop can actually be rendered as content.
- * It should match the ContentNode type in types.ts
- */
-var contentNode = PropTypes__default["default"].oneOfType([
-    PropTypes__default["default"].string,
-    PropTypes__default["default"].number,
-    PropTypes__default["default"].element
-]);
 
 var Pagination = React__default["default"].forwardRef(function (_a, ref) {
     var totalItems = _a.totalItems, _b = _a.itemsPerPage, itemsPerPage = _b === void 0 ? 10 : _b, _c = _a.currentPage, currentPage = _c === void 0 ? 1 : _c, statusLabel = _a.statusLabel, _d = _a.firstPageLabel, firstPageLabel = _d === void 0 ? 'First page' : _d, _e = _a.previousPageLabel, previousPageLabel = _e === void 0 ? 'Previous page' : _e, _f = _a.nextPageLabel, nextPageLabel = _f === void 0 ? 'Next page' : _f, _g = _a.lastPageLabel, lastPageLabel = _g === void 0 ? 'Last page' : _g, _h = _a.tooltipPlacement, tooltipPlacement = _h === void 0 ? 'bottom' : _h, onNextPageClick = _a.onNextPageClick, onPreviousPageClick = _a.onPreviousPageClick, onFirstPageClick = _a.onFirstPageClick, onLastPageClick = _a.onLastPageClick, className = _a.className, _j = _a.thin, thin = _j === void 0 ? false : _j, other = tslib.__rest(_a, ["totalItems", "itemsPerPage", "currentPage", "statusLabel", "firstPageLabel", "previousPageLabel", "nextPageLabel", "lastPageLabel", "tooltipPlacement", "onNextPageClick", "onPreviousPageClick", "onFirstPageClick", "onLastPageClick", "className", "thin"]);
@@ -3653,24 +3159,6 @@ var Pagination = React__default["default"].forwardRef(function (_a, ref) {
                 React__default["default"].createElement(IconButton, { icon: "chevron-double-right", tooltipPlacement: tooltipPlacement, label: lastPageLabel, "aria-disabled": isLastPage, onClick: isLastPage ? undefined : onLastPageClick })))));
 });
 Pagination.displayName = 'Pagination';
-Pagination.propTypes = {
-    totalItems: PropTypes__default["default"].number.isRequired,
-    itemsPerPage: PropTypes__default["default"].number,
-    currentPage: PropTypes__default["default"].number,
-    statusLabel: PropTypes__default["default"].element,
-    firstPageLabel: contentNode,
-    previousPageLabel: contentNode,
-    nextPageLabel: contentNode,
-    lastPageLabel: contentNode,
-    onNextPageClick: PropTypes__default["default"].func,
-    onPreviousPageClick: PropTypes__default["default"].func,
-    onFirstPageClick: PropTypes__default["default"].func,
-    onLastPageClick: PropTypes__default["default"].func,
-    // @ts-expect-error
-    tooltipPlacement: PropTypes__default["default"].string,
-    className: PropTypes__default["default"].string,
-    thin: PropTypes__default["default"].bool
-};
 
 var usePagination = function (_a) {
     var totalItems = _a.totalItems, _b = _a.initialPageSize, initialPageSize = _b === void 0 ? 10 : _b, _c = _a.initialPage, initialPage = _c === void 0 ? 1 : _c;
@@ -3706,11 +3194,6 @@ var FieldWrap = React__default["default"].forwardRef(function (_a, ref) {
     return (React__default["default"].createElement(Component, tslib.__assign({ ref: ref, className: classNames__default["default"]('Panel', className) }, props), children));
 });
 FieldWrap.displayName = 'FieldWrap';
-FieldWrap.propTypes = {
-    children: PropTypes__default["default"].node.isRequired,
-    className: PropTypes__default["default"].string,
-    as: PropTypes__default["default"].string
-};
 
 var Breadcrumb = React.forwardRef(function (_a, ref) {
     var _b = _a.separator, separator = _b === void 0 ? '/' : _b, className = _a.className, children = _a.children, props = tslib.__rest(_a, ["separator", "className", "children"]);
@@ -3736,9 +3219,6 @@ function (_a, ref) {
     var className = _a.className, children = _a.children, props = tslib.__rest(_a, ["className", "children"]);
     return (React__default["default"].createElement("span", tslib.__assign({ className: classNames__default["default"]('Breadcrumb__Item', className), ref: ref, "aria-current": "location" }, props), children));
 });
-BreadcrumbItem.propTypes = {
-    className: PropTypes__default["default"].string
-};
 
 var BreadcrumbLink = React.forwardRef(function (_a, ref) {
     var className = _a.className, _b = _a.as, ElementType = _b === void 0 ? 'a' : _b, children = _a.children, props = tslib.__rest(_a, ["className", "as", "children"]);
@@ -3917,27 +3397,18 @@ var ColumnHeader = React.forwardRef(function (_a, ref) {
     return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('TwoColumnPanel__Header', className) }, props, { ref: ref }), children));
 });
 ColumnHeader.displayName = 'ColumnHeader';
-ColumnHeader.propTypes = {
-    className: PropTypes__default["default"].string
-};
 
 var ColumnGroupHeader = React.forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, props = tslib.__rest(_a, ["className", "children"]);
     return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('TwoColumnPanel__GroupHeader', className) }, props, { ref: ref }), children));
 });
 ColumnGroupHeader.displayName = 'ColumnGroupHeader';
-ColumnGroupHeader.propTypes = {
-    className: PropTypes__default["default"].string
-};
 
 var ColumnList = React.forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, props = tslib.__rest(_a, ["className", "children"]);
     return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('TwoColumnPanel__List', className) }, props, { ref: ref }), children));
 });
 ColumnList.displayName = 'ColumnList';
-ColumnList.propTypes = {
-    className: PropTypes__default["default"].string
-};
 
 var iconTypeMap = {
     caution: 'caution',
@@ -3956,18 +3427,6 @@ var Notice = React.forwardRef(function (_a, ref) {
         children && React__default["default"].createElement("div", { className: "Notice__content" }, children)));
 });
 Notice.displayName = 'Notice';
-Notice.propTypes = {
-    children: PropTypes__default["default"].node,
-    type: PropTypes__default["default"].oneOf(['caution', 'info', 'danger']),
-    // @ts-expect-error
-    title: PropTypes__default["default"].oneOfType([
-        PropTypes__default["default"].string,
-        PropTypes__default["default"].number,
-        PropTypes__default["default"].element
-    ]),
-    // @ts-expect-error
-    icon: PropTypes__default["default"].string
-};
 
 /* istanbul ignore next */
 var ListboxContext = React.createContext({
@@ -4382,16 +3841,16 @@ var ComboboxNoResults = function (_a) {
     return (React__default["default"].createElement("div", { className: "ComboboxListbox__empty", role: "alert", "aria-live": "polite" }, children || 'No results found.'));
 };
 var Combobox = React.forwardRef(function (_a, ref) {
-    var propId = _a.id, className = _a.className, label = _a.label, children = _a.children, _b = _a.options, options = _b === void 0 ? [] : _b, propValue = _a.value, defaultValue = _a.defaultValue, _c = _a.requiredText, requiredText = _c === void 0 ? 'Required' : _c, error = _a.error, _d = _a.autocomplete, autocomplete = _d === void 0 ? 'manual' : _d, onSelectionChange = _a.onSelectionChange, onActiveChange = _a.onActiveChange, onChange = _a.onChange, onKeyDown = _a.onKeyDown, onFocus = _a.onFocus, onBlur = _a.onBlur, name = _a.name, renderNoResults = _a.renderNoResults, portal = _a.portal, props = tslib.__rest(_a, ["id", "className", "label", "children", "options", "value", "defaultValue", "requiredText", "error", "autocomplete", "onSelectionChange", "onActiveChange", "onChange", "onKeyDown", "onFocus", "onBlur", "name", "renderNoResults", "portal"]);
-    var _e = tslib.__read(React.useState(defaultValue || propValue || ''), 2), value = _e[0], setValue = _e[1];
-    var _f = tslib.__read(React.useState(new Map()), 2), matchingOptions = _f[0], setMatchingOptions = _f[1];
-    var _g = tslib.__read(React.useState(value || ''), 2), selectedValue = _g[0], setSelectedValue = _g[1];
-    var _h = tslib.__read(React.useState(''), 2), formValue = _h[0], setFormValue = _h[1];
-    var _j = tslib.__read(React.useState(false), 2), open = _j[0], setOpen = _j[1];
-    var _k = tslib.__read(React.useState(null), 2), activeDescendant = _k[0], setActiveDescendant = _k[1];
-    var _l = tslib.__read(propId ? [propId] : nextId.useId(1, 'combobox'), 1), id = _l[0];
+    var propId = _a.id, className = _a.className, label = _a.label, children = _a.children, _b = _a.options, options = _b === void 0 ? [] : _b, propValue = _a.value, defaultValue = _a.defaultValue, _c = _a.requiredText, requiredText = _c === void 0 ? 'Required' : _c, error = _a.error, _d = _a.autocomplete, autocomplete = _d === void 0 ? 'manual' : _d, onSelectionChange = _a.onSelectionChange, onActiveChange = _a.onActiveChange, onChange = _a.onChange, onKeyDown = _a.onKeyDown, onFocus = _a.onFocus, onBlur = _a.onBlur, name = _a.name, renderNoResults = _a.renderNoResults, portal = _a.portal, _e = _a.inputRef, propInputRef = _e === void 0 ? null : _e, ariaDescribedby = _a["aria-describedby"], props = tslib.__rest(_a, ["id", "className", "label", "children", "options", "value", "defaultValue", "requiredText", "error", "autocomplete", "onSelectionChange", "onActiveChange", "onChange", "onKeyDown", "onFocus", "onBlur", "name", "renderNoResults", "portal", "inputRef", 'aria-describedby']);
+    var _f = tslib.__read(React.useState(defaultValue || propValue || ''), 2), value = _f[0], setValue = _f[1];
+    var _g = tslib.__read(React.useState(new Map()), 2), matchingOptions = _g[0], setMatchingOptions = _g[1];
+    var _h = tslib.__read(React.useState(value || ''), 2), selectedValue = _h[0], setSelectedValue = _h[1];
+    var _j = tslib.__read(React.useState(''), 2), formValue = _j[0], setFormValue = _j[1];
+    var _k = tslib.__read(React.useState(false), 2), open = _k[0], setOpen = _k[1];
+    var _l = tslib.__read(React.useState(null), 2), activeDescendant = _l[0], setActiveDescendant = _l[1];
+    var _m = tslib.__read(propId ? [propId] : nextId.useId(1, 'combobox'), 1), id = _m[0];
     var comboboxRef = useSharedRef(ref);
-    var inputRef = React.useRef(null);
+    var inputRef = useSharedRef(propInputRef);
     var listboxRef = React.useRef(null);
     var isControlled = typeof propValue !== 'undefined';
     var isRequired = !!props.required;
@@ -4562,6 +4021,10 @@ var Combobox = React.forwardRef(function (_a, ref) {
         }), role: "listbox", "aria-labelledby": "".concat(id, "-label"), id: "".concat(id, "-listbox"), value: selectedValue, onMouseDown: handleComboboxOptionMouseDown, onClick: handleComboboxOptionClick, onSelectionChange: handleSelectionChange, onActiveChange: handleActiveChange, ref: listboxRef, tabIndex: undefined, "aria-activedescendant": undefined },
         comboboxOptions,
         noMatchingOptions));
+    var errorId = "".concat(id, "-error");
+    var inputProps = tslib.__assign(tslib.__assign({}, props), { 'aria-describedby': error
+            ? tokenList(errorId, ariaDescribedby)
+            : ariaDescribedby });
     return (React__default["default"].createElement("div", { id: id, className: classNames__default["default"]('Combobox', className), ref: comboboxRef },
         name && React__default["default"].createElement("input", { type: "hidden", name: name, value: formValue }),
         React__default["default"].createElement("label", { className: classNames__default["default"]('Field__label', {
@@ -4576,7 +4039,7 @@ var Combobox = React.forwardRef(function (_a, ref) {
             // We're handling click here to open the listbox when the wrapping element is clicked,
             // there's already keyboard handlers to open the listbox on the input element
             onClick: handleInputClick },
-            React__default["default"].createElement("input", tslib.__assign({ type: "text", id: "".concat(id, "-input"), ref: inputRef, value: value, role: "combobox", "aria-autocomplete": !isAutoComplete ? 'none' : 'list', "aria-controls": "".concat(id, "-listbox"), "aria-expanded": open, "aria-haspopup": "listbox", "aria-activedescendant": open && activeDescendant ? activeDescendant.element.id : undefined }, props, { onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur })),
+            React__default["default"].createElement("input", tslib.__assign({ type: "text", id: "".concat(id, "-input"), ref: inputRef, value: value, role: "combobox", "aria-autocomplete": !isAutoComplete ? 'none' : 'list', "aria-controls": "".concat(id, "-listbox"), "aria-expanded": open, "aria-haspopup": "listbox", "aria-activedescendant": open && activeDescendant ? activeDescendant.element.id : undefined }, inputProps, { onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur })),
             React__default["default"].createElement("span", { className: "Combobox__arrow" })),
         React__default["default"].createElement(ComboboxProvider, { autocomplete: autocomplete, inputValue: value, formValue: formValue, selectedValue: selectedValue, matches: !isAutoComplete || defaultAutoCompleteMatches, matchingOptions: matchingOptions, setMatchingOptions: setMatchingOptions, setFormValue: setFormValue }, portal
             ? reactDom.createPortal(comboboxListbox, portal instanceof HTMLElement
@@ -4584,7 +4047,7 @@ var Combobox = React.forwardRef(function (_a, ref) {
                 : portal.current ||
                     /* istanbul ignore next: default fallback value */ document.body)
             : comboboxListbox),
-        hasError && (React__default["default"].createElement("div", { className: "Error", id: "".concat(id, "-error") }, error))));
+        hasError && (React__default["default"].createElement("div", { className: "Error", id: errorId }, error))));
 });
 Combobox.displayName = 'Combobox';
 
@@ -4632,7 +4095,9 @@ var Popover = React.forwardRef(function (_a, ref) {
     var placement = (attributes.popper &&
         attributes.popper['data-popper-placement']) ||
         initialPlacement;
-    var additionalProps = variant === 'prompt' ? { 'aria-labelledby': "".concat(id, "-label") } : {};
+    var additionalProps = variant === 'prompt' && !props['aria-label']
+        ? { 'aria-labelledby': "".concat(id, "-label") }
+        : {};
     // Keep targetElement in sync with target prop
     React.useEffect(function () {
         var targetElement = target && 'current' in target ? target.current : target;
@@ -4724,7 +4189,7 @@ var Popover = React.forwardRef(function (_a, ref) {
             React__default["default"].createElement("div", tslib.__assign({ id: id, className: classNames__default["default"]('Popover', "Popover--".concat(placement), className, {
                     'Popover--hidden': !show,
                     'Popover--prompt': variant === 'prompt'
-                }), ref: popoverRef, role: "dialog", style: styles.popper }, attributes.popper, props, additionalProps),
+                }), ref: popoverRef, role: "dialog", style: styles.popper }, attributes.popper, additionalProps, props),
                 React__default["default"].createElement("div", { className: "Popover__popoverArrow", ref: setArrowElement, style: styles.arrow }),
                 React__default["default"].createElement("div", { className: "Popover__borderLeft" }),
                 variant === 'prompt' ? (React__default["default"].createElement(PromptPopoverContent, { applyButtonText: applyButtonText, onApply: onApply, closeButtonText: closeButtonText, infoText: infoText || '', onClose: handleClosePopover, infoTextId: "".concat(id, "-label") })) : (children)))), (portal && 'current' in portal ? portal.current : portal) || document.body);
@@ -4790,10 +4255,6 @@ var ThemeProvider = function (_a) {
 function useThemeContext() {
     return React.useContext(ThemeContext);
 }
-ThemeProvider.propTypes = {
-    children: PropTypes__default["default"].any,
-    initialTheme: PropTypes__default["default"].string
-};
 
 exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;