@carbon/react 1.40.0 → 1.41.0-rc.0

package/lib/components/ListBox/ListBoxSelection.js

@@ -22,6 +22,16 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var _Close, _Close2;
+const translationIds = {
+  'clear.all': 'clear.all',
+  'clear.selection': 'clear.selection'
+};
+const defaultTranslations = {
+  [translationIds['clear.all']]: 'Clear all selected items',
+  [translationIds['clear.selection']]: 'Clear selected item'
+};
+const defaultTranslateWithId = id => defaultTranslations[id];
+
 /**
  * `ListBoxSelection` is used to provide controls for clearing a selection, in
  * addition to conditionally rendering a badge if the control has more than one
@@ -31,7 +41,7 @@ const ListBoxSelection = _ref => {
   let {
     clearSelection,
     selectionCount,
-    translateWithId: t,
+    translateWithId: t = defaultTranslateWithId,
     disabled,
     onClearSelection,
     readOnly
@@ -79,14 +89,6 @@ const ListBoxSelection = _ref => {
     title: description
   }, selectionCount, _Close2 || (_Close2 = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, null)));
 };
-const translationIds = {
-  'clear.all': 'clear.all',
-  'clear.selection': 'clear.selection'
-};
-const defaultTranslations = {
-  [translationIds['clear.all']]: 'Clear all selected items',
-  [translationIds['clear.selection']]: 'Clear selected item'
-};
 ListBoxSelection.propTypes = {
   /**
    * Specify a function to be invoked when a user interacts with the clear
@@ -116,10 +118,7 @@ ListBoxSelection.propTypes = {
    * icon. This function takes in an id defined in `translationIds` and should
    * return a string message for that given message id.
    */
-  translateWithId: PropTypes__default["default"].func.isRequired
-};
-ListBoxSelection.defaultProps = {
-  translateWithId: id => defaultTranslations[id]
+  translateWithId: PropTypes__default["default"].func
 };
 
 exports["default"] = ListBoxSelection;

package/lib/components/ListBox/next/ListBoxSelection.js

@@ -29,11 +29,21 @@ var _Close, _Close2;
  * addition to conditionally rendering a badge if the control has more than one
  * selection.
  */
+
+const translationIds = {
+  'clear.all': 'clear.all',
+  'clear.selection': 'clear.selection'
+};
+const defaultTranslations = {
+  [translationIds['clear.all']]: 'Clear all selected items',
+  [translationIds['clear.selection']]: 'Clear selected item'
+};
+const defaultTranslateWithId = id => defaultTranslations[id];
 function ListBoxSelection(_ref) {
   let {
     clearSelection,
     selectionCount,
-    translateWithId: t,
+    translateWithId: t = defaultTranslateWithId,
     disabled,
     onClearSelection,
     ...rest
@@ -83,14 +93,6 @@ function ListBoxSelection(_ref) {
     type: "button"
   }), _Close2 || (_Close2 = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, null)));
 }
-const translationIds = {
-  'clear.all': 'clear.all',
-  'clear.selection': 'clear.selection'
-};
-const defaultTranslations = {
-  [translationIds['clear.all']]: 'Clear all selected items',
-  [translationIds['clear.selection']]: 'Clear selected item'
-};
 ListBoxSelection.propTypes = {
   /**
    * Specify a function to be invoked when a user interacts with the clear
@@ -126,10 +128,7 @@ ListBoxSelection.propTypes = {
    * icon. This function takes in an id defined in `translationIds` and should
    * return a string message for that given message id.
    */
-  translateWithId: PropTypes__default["default"].func.isRequired
-};
-ListBoxSelection.defaultProps = {
-  translateWithId: id => defaultTranslations[id]
+  translateWithId: PropTypes__default["default"].func
 };
 
 exports["default"] = ListBoxSelection;

package/lib/components/ListBox/next/ListBoxTrigger.js

@@ -31,6 +31,7 @@ const defaultTranslations = {
   [translationIds['close.menu']]: 'Close',
   [translationIds['open.menu']]: 'Open'
 };
+const defaultTranslateWithId = id => defaultTranslations[id];
 
 /**
  * `ListBoxTrigger` is used to orient the icon up or down depending on the
@@ -39,7 +40,7 @@ const defaultTranslations = {
 const ListBoxTrigger = _ref => {
   let {
     isOpen,
-    translateWithId: t,
+    translateWithId: t = defaultTranslateWithId,
     ...rest
   } = _ref;
   const prefix = usePrefix.usePrefix();
@@ -67,10 +68,7 @@ ListBoxTrigger.propTypes = {
    * icon. This function takes in an id defined in `translationIds` and should
    * return a string message for that given message id.
    */
-  translateWithId: PropTypes__default["default"].func.isRequired
-};
-ListBoxTrigger.defaultProps = {
-  translateWithId: id => defaultTranslations[id]
+  translateWithId: PropTypes__default["default"].func
 };
 var ListBoxTrigger$1 = ListBoxTrigger;
 

package/lib/components/ListItem/ListItem.d.ts

@@ -7,7 +7,7 @@
 import PropTypes from 'prop-types';
 import { type ComponentProps } from 'react';
 type ListItemProps = ComponentProps<'li'>;
-declare function ListItem({ className, ...other }: ListItemProps): JSX.Element;
+declare function ListItem({ className, children, ...other }: ListItemProps): JSX.Element;
 declare namespace ListItem {
     var propTypes: {
         /**

package/lib/components/ListItem/ListItem.js

@@ -14,6 +14,8 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
+require('../Text/index.js');
+var Text = require('../Text/Text.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -24,13 +26,15 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 function ListItem(_ref) {
   let {
     className,
+    children,
     ...other
   } = _ref;
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](`${prefix}--list__item`, className);
-  return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React__default["default"].createElement(Text.Text, _rollupPluginBabelHelpers["extends"]({
+    as: "li",
     className: classNames
-  }, other));
+  }, other), children);
 }
 ListItem.propTypes = {
   /**

package/lib/components/Menu/MenuItem.js

@@ -19,7 +19,9 @@ var useMergedRefs = require('../../internal/useMergedRefs.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var Menu = require('./Menu.js');
 var MenuContext = require('./MenuContext.js');
+require('../Text/index.js');
 var useLayoutDirection = require('../LayoutDirection/useLayoutDirection.js');
+var Text = require('../Text/Text.js');
 var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
 
@@ -166,7 +168,8 @@ const MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function Menu
     onKeyDown: handleKeyDown
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--menu-item__icon`
-  }, IconElement && /*#__PURE__*/React__default["default"].createElement(IconElement, null)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, IconElement && /*#__PURE__*/React__default["default"].createElement(IconElement, null)), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    as: "div",
     className: `${prefix}--menu-item__label`
   }, label), shortcut && !hasChildren && /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--menu-item__shortcut`

package/lib/components/Modal/Modal.js

@@ -22,6 +22,9 @@ var requiredIfGivenPropIsTruthy = require('../../prop-types/requiredIfGivenPropI
 var wrapFocus = require('../../internal/wrapFocus.js');
 var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
 var usePrefix = require('../../internal/usePrefix.js');
+var noopFn = require('../../internal/noopFn.js');
+require('../Text/index.js');
+var Text = require('../Text/Text.js');
 var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
 
@@ -37,31 +40,27 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_
     'aria-label': ariaLabelProp,
     children,
     className,
-    modalHeading,
-    modalLabel,
+    modalHeading = '',
+    modalLabel = '',
     modalAriaLabel,
-    passiveModal,
+    passiveModal = false,
     secondaryButtonText,
     primaryButtonText,
     open,
-    onRequestClose,
-    onRequestSubmit,
+    onRequestClose = noopFn.noopFn,
+    onRequestSubmit = noopFn.noopFn,
     onSecondarySubmit,
-    primaryButtonDisabled,
+    primaryButtonDisabled = false,
     danger,
     alert,
     secondaryButtons,
-    selectorPrimaryFocus,
-    // eslint-disable-line
+    selectorPrimaryFocus = '[data-modal-primary-focus]',
     selectorsFloatingMenus,
-    // eslint-disable-line
     shouldSubmitOnEnter,
-    // eslint-disable-line
     size,
-    hasScrollingContent,
+    hasScrollingContent = false,
     closeButtonLabel,
-    preventCloseOnClickOutside,
-    // eslint-disable-line
+    preventCloseOnClickOutside = false,
     isFullWidth,
     launcherButtonRef,
     ...rest
@@ -210,10 +209,12 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_
     tabIndex: "-1"
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--modal-header`
-  }, passiveModal && modalButton, modalLabel && /*#__PURE__*/React__default["default"].createElement("h2", {
+  }, passiveModal && modalButton, modalLabel && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    as: "h2",
     id: modalLabelId,
     className: `${prefix}--modal-header__label`
-  }, modalLabel), /*#__PURE__*/React__default["default"].createElement("h3", {
+  }, modalLabel), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    as: "h3",
     id: modalHeadingId,
     className: `${prefix}--modal-header__heading`
   }, modalHeading), !passiveModal && modalButton), /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
@@ -402,18 +403,6 @@ Modal.propTypes = {
    */
   size: PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg'])
 };
-Modal.defaultProps = {
-  onRequestClose: () => {},
-  onRequestSubmit: () => {},
-  primaryButtonDisabled: false,
-  onKeyDown: () => {},
-  passiveModal: false,
-  modalHeading: '',
-  modalLabel: '',
-  preventCloseOnClickOutside: false,
-  selectorPrimaryFocus: '[data-modal-primary-focus]',
-  hasScrollingContent: false
-};
 var Modal$1 = Modal;
 
 exports["default"] = Modal$1;

package/lib/components/ModalWrapper/ModalWrapper.js

@@ -17,6 +17,7 @@ var Button = require('../Button/Button.js');
 require('../Button/Button.Skeleton.js');
 var types = require('../../prop-types/types.js');
 var warning = require('../../internal/warning.js');
+var noopFn = require('../../internal/noopFn.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -66,19 +67,21 @@ class ModalWrapper extends React__default["default"].Component {
   render() {
     const {
       children,
-      onKeyDown,
+      onKeyDown = noopFn.noopFn,
       buttonTriggerText,
       buttonTriggerClassName,
       renderTriggerButtonIcon,
-      triggerButtonIconDescription,
-      triggerButtonKind,
-      disabled,
+      primaryButtonText = 'Save',
+      secondaryButtonText = 'Cancel',
+      triggerButtonIconDescription = 'Provide icon description if icon is used',
+      triggerButtonKind = 'primary',
+      disabled = false,
       handleSubmit,
       // eslint-disable-line no-unused-vars
-      shouldCloseAfterSubmit,
+      shouldCloseAfterSubmit = true,
       // eslint-disable-line no-unused-vars
-      selectorPrimaryFocus,
-      preventCloseOnClickOutside,
+      selectorPrimaryFocus = '[data-modal-primary-focus]',
+      preventCloseOnClickOutside = false,
       // eslint-disable-line no-unused-vars
       ...other
     } = this.props;
@@ -106,7 +109,9 @@ class ModalWrapper extends React__default["default"].Component {
       onClick: this.handleOpen,
       ref: this.triggerButton
     }, buttonTriggerText), /*#__PURE__*/React__default["default"].createElement(Modal["default"], _rollupPluginBabelHelpers["extends"]({
-      ref: this.modal
+      ref: this.modal,
+      primaryButtonText: primaryButtonText,
+      secondaryButtonText: secondaryButtonText
     }, props), children));
   }
 }
@@ -135,16 +140,5 @@ _rollupPluginBabelHelpers.defineProperty(ModalWrapper, "propTypes", {
   triggerButtonKind: PropTypes__default["default"].oneOf(types.ButtonKinds),
   withHeader: PropTypes__default["default"].bool
 });
-_rollupPluginBabelHelpers.defineProperty(ModalWrapper, "defaultProps", {
-  shouldCloseAfterSubmit: true,
-  primaryButtonText: 'Save',
-  secondaryButtonText: 'Cancel',
-  triggerButtonIconDescription: 'Provide icon description if icon is used',
-  triggerButtonKind: 'primary',
-  disabled: false,
-  preventCloseOnClickOutside: false,
-  selectorPrimaryFocus: '[data-modal-primary-focus]',
-  onKeyDown: () => {}
-});
 
 exports["default"] = ModalWrapper;

package/lib/components/MultiSelect/FilterableMultiSelect.js

@@ -45,35 +45,35 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 const FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function FilterableMultiSelect(_ref, ref) {
   let {
     className: containerClassName,
-    clearSelectionDescription,
-    clearSelectionText,
-    compareItems,
-    direction,
-    disabled,
+    clearSelectionDescription = 'Total items selected: ',
+    clearSelectionText = 'To clear selection, press Delete or Backspace',
+    compareItems = sorting.defaultCompareItems,
+    direction = 'bottom',
+    disabled = false,
     downshiftProps,
-    filterItems,
+    filterItems = filter.defaultFilterItems,
     helperText,
     hideLabel,
     id,
-    initialSelectedItems,
+    initialSelectedItems = [],
     invalid,
     invalidText,
     items,
     itemToElement: ItemToElement,
     // needs to be capitalized for react to render it correctly
-    itemToString,
+    itemToString: itemToString$1 = itemToString.defaultItemToString,
     light,
-    locale,
+    locale = 'en',
     onInputValueChange,
-    open,
+    open = false,
     onChange,
     onMenuChange,
     placeholder,
     titleText,
     type,
-    selectionFeedback,
+    selectionFeedback = 'top-after-reopen',
     size,
-    sortItems,
+    sortItems = sorting.defaultSortItems,
     translateWithId,
     useTitleInItem,
     warn,
@@ -221,7 +221,7 @@ const FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(
             onItemChange(selectedItem);
           }
         },
-        itemToString: itemToString,
+        itemToString: itemToString$1,
         onStateChange: handleOnStateChange,
         onOuterClick: handleOnOuterClick,
         selectedItem: selectedItems,
@@ -309,10 +309,10 @@ const FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(
             if (match.match(event, keys.Tab)) {
               handleOnMenuChange(false);
             }
-            if (match.match(event, keys.Home)) {
+            if (match.match(event, keys.Home) && event.code !== 'Numpad7') {
               event.target.setSelectionRange(0, 0);
             }
-            if (match.match(event, keys.End)) {
+            if (match.match(event, keys.End) && event.code !== 'Numpad1') {
               event.target.setSelectionRange(event.target.value.length, event.target.value.length);
             }
           },
@@ -394,7 +394,7 @@ const FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(
           isOpen: isOpen,
           translateWithId: translateWithId
         }))), isOpen ? /*#__PURE__*/React__default["default"].createElement(index["default"].Menu, menuProps, sortItems(filterItems(items, {
-          itemToString,
+          itemToString: itemToString$1,
           inputValue
         }), {
           selectedItems: {
@@ -402,7 +402,7 @@ const FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(
             fixed: [],
             'top-after-reopen': topItems
           }[selectionFeedback],
-          itemToString,
+          itemToString: itemToString$1,
           compareItems,
           locale
         }).map((item, index$1) => {
@@ -412,7 +412,7 @@ const FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(
             disabled: item.disabled,
             ['aria-selected']: isChecked
           });
-          const itemText = itemToString(item);
+          const itemText = itemToString$1(item);
           return /*#__PURE__*/React__default["default"].createElement(index["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
             key: itemProps.id,
             "aria-label": itemText,
@@ -564,20 +564,6 @@ FilterableMultiSelect.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
-FilterableMultiSelect.defaultProps = {
-  compareItems: sorting.defaultCompareItems,
-  direction: 'bottom',
-  disabled: false,
-  filterItems: filter.defaultFilterItems,
-  initialSelectedItems: [],
-  itemToString: itemToString.defaultItemToString,
-  locale: 'en',
-  sortItems: sorting.defaultSortItems,
-  open: false,
-  selectionFeedback: 'top-after-reopen',
-  clearSelectionText: 'To clear selection, press Delete or Backspace,',
-  clearSelectionDescription: 'Total items selected: '
-};
 var FilterableMultiSelect$1 = FilterableMultiSelect;
 
 exports["default"] = FilterableMultiSelect$1;

package/lib/components/MultiSelect/MultiSelect.js

@@ -26,6 +26,7 @@ var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
+var noopFn = require('../../internal/noopFn.js');
 var match = require('../../internal/keyboard/match.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
 var keys = require('../../internal/keyboard/keys.js');
@@ -37,7 +38,6 @@ var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const noop = () => {};
 const getInstanceId = setupGetInstanceId["default"]();
 const {
   ItemClick,
@@ -71,18 +71,18 @@ const MultiSelect = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref
     items,
     itemToElement,
     itemToString = defaultItemToString,
-    titleText,
+    titleText = false,
     hideLabel,
     helperText,
     label,
-    type,
+    type = 'default',
     size,
-    disabled,
-    initialSelectedItems,
-    sortItems,
-    compareItems,
-    clearSelectionText,
-    clearSelectionDescription,
+    disabled = false,
+    initialSelectedItems = [],
+    sortItems = sorting.defaultSortItems,
+    compareItems = sorting.defaultCompareItems,
+    clearSelectionText = 'To clear selection, press Delete or Backspace',
+    clearSelectionDescription = 'Total items selected: ',
     light,
     invalid,
     invalidText,
@@ -91,14 +91,14 @@ const MultiSelect = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref
     useTitleInItem,
     translateWithId,
     downshiftProps,
-    open,
-    selectionFeedback,
+    open = false,
+    selectionFeedback = 'top-after-reopen',
     onChange,
     onMenuChange,
-    direction,
+    direction = 'bottom',
     selectedItems: selected,
     readOnly,
-    locale
+    locale = 'en'
   } = _ref;
   const prefix = usePrefix.usePrefix();
   const {
@@ -332,7 +332,7 @@ const MultiSelect = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref
     className: multiSelectFieldWrapperClasses
   }, selectedItems.length > 0 && /*#__PURE__*/React__default["default"].createElement(index["default"].Selection, {
     readOnly: readOnly,
-    clearSelection: !disabled && !readOnly ? clearSelection : noop,
+    clearSelection: !disabled && !readOnly ? clearSelection : noopFn.noopFn,
     selectionCount: selectedItems.length
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     ,
@@ -405,7 +405,7 @@ MultiSelect.propTypes = {
    * Provide a compare function that is used to determine the ordering of
    * options. See 'sortItems' for more control.
    */
-  compareItems: PropTypes__default["default"].func.isRequired,
+  compareItems: PropTypes__default["default"].func,
   /**
    * Specify the direction of the multiselect dropdown. Can be either top or bottom.
    */
@@ -527,7 +527,7 @@ MultiSelect.propTypes = {
    *     locale: string,
    *   }) => Array<Item>
    */
-  sortItems: PropTypes__default["default"].func.isRequired,
+  sortItems: PropTypes__default["default"].func,
   /**
    * Provide text to be used in a `<label>` element that is tied to the
    * multiselect via ARIA attributes.
@@ -554,22 +554,6 @@ MultiSelect.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
-MultiSelect.defaultProps = {
-  compareItems: sorting.defaultCompareItems,
-  disabled: false,
-  locale: 'en',
-  itemToString: defaultItemToString,
-  initialSelectedItems: [],
-  sortItems: sorting.defaultSortItems,
-  type: 'default',
-  titleText: false,
-  open: false,
-  selectionFeedback: 'top-after-reopen',
-  direction: 'bottom',
-  clearSelectionText: 'To clear selection, press Delete or Backspace,',
-  clearSelectionDescription: 'Total items selected: ',
-  selectedItems: undefined
-};
 var MultiSelect$1 = MultiSelect;
 
 exports["default"] = MultiSelect$1;

package/lib/components/MultiSelect/MultiSelectPropTypes.js

@@ -23,7 +23,7 @@ const sortingPropTypes = {
    * compareFunction :
    *  (itemA: string, itemB: string, { locale: string }) => number
    */
-  compareItems: PropTypes__default["default"].func.isRequired,
+  compareItems: PropTypes__default["default"].func,
   /**
    * Provide a method that sorts all options in the control. Overriding this
    * prop means that you also have to handle the sort logic for selected versus
@@ -42,7 +42,7 @@ const sortingPropTypes = {
    *     locale: string,
    *   }) => Array<Item>
    */
-  sortItems: PropTypes__default["default"].func.isRequired
+  sortItems: PropTypes__default["default"].func
 };
 
 exports.sortingPropTypes = sortingPropTypes;

package/lib/components/MultiSelect/tools/sorting.js

@@ -13,8 +13,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * Use the local `localCompare` with the `numeric` option to sort two,
  * potentially alpha-numeric, strings in a list of items.
  *
- * @param {string} itemA
- * @param {string} itemB
+ * @param {ItemType} itemA
+ * @param {ItemType} itemB
  * @param {object} options
  * @param {string} options.locale
  * @returns {number}

package/lib/components/Notification/Notification.d.ts

@@ -51,6 +51,16 @@ export declare namespace NotificationActionButton {
  * ==================
  */
 export interface NotificationButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Specify a label to be read by screen readers on the container node
+     * 'aria-label' of the NotificationButton component.
+     */
+    ['aria-label']?: string;
+    /**
+     * @deprecated please use `aria-label` instead.
+     * 'aria-label' of the NotificationButton component.
+     */
+    ariaLabel?: string;
     /**
      * Specify an optional icon for the Button through a string,
      * if provided. However, regular "close" icon is preferred.
@@ -107,12 +117,6 @@ export declare namespace NotificationButton {
          */
         type: PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        "aria-label": string;
-        notificationType: string;
-        type: string;
-        renderIcon: any;
-    };
 }
 export interface NotificationIconProps {
     iconDescription: string;
@@ -248,13 +252,6 @@ export declare namespace ToastNotification {
          */
         title: PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        kind: string;
-        role: string;
-        onCloseButtonClick: () => void;
-        hideCloseButton: boolean;
-        timeout: number;
-    };
 }
 /**
  * InlineNotification
@@ -364,12 +361,6 @@ export declare namespace InlineNotification {
          */
         title: PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        kind: string;
-        role: string;
-        onCloseButtonClick: () => void;
-        hideCloseButton: boolean;
-    };
 }
 /**
  * ActionableNotification
@@ -484,7 +475,7 @@ export declare namespace ActionableNotification {
         /**
          * Specify what state the notification represents
          */
-        kind: PropTypes.Validator<string>;
+        kind: PropTypes.Requireable<string>;
         /**
          * Specify whether you are using the low contrast variant of the ActionableNotification.
          */
@@ -519,13 +510,4 @@ export declare namespace ActionableNotification {
          */
         title: PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        kind: string;
-        role: string;
-        onCloseButtonClick: () => void;
-        hideCloseButton: boolean;
-        hasFocus: boolean;
-        closeOnEscape: boolean;
-        inline: boolean;
-    };
 }