@carbon/ibm-products 2.61.0 → 2.62.0

package/es/components/InlineTip/InlineTip.js

@@ -10,7 +10,6 @@ import { IconButton, Button } from '@carbon/react';
 import { Close, Idea, Crossroads } from '@carbon/react/icons';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import PropTypes from '../../_virtual/index.js';
-import { SteppedAnimatedMedia } from '../SteppedAnimatedMedia/SteppedAnimatedMedia.js';
 import cx from 'classnames';
 import { getComponentText as _getComponentText } from './utils.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
@@ -18,7 +17,7 @@ import { pkg } from '../../settings.js';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
 
 var _Close, _Idea, _Crossroads;
-var _excluded = ["action", "children", "className", "closeIconDescription", "collapsible", "collapseButtonLabel", "expandButtonLabel", "media", "renderMedia", "narrow", "onClick", "onClose", "tertiaryButtonLabel", "title", "withLeftGutter"];
+var _excluded = ["action", "children", "className", "closeIconDescription", "collapsible", "collapseButtonLabel", "expandButtonLabel", "renderMedia", "narrow", "onClick", "onClose", "tertiaryButtonLabel", "title", "withLeftGutter"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--inline-tip");
@@ -46,26 +45,24 @@ var InlineTip = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     children = _ref.children,
     className = _ref.className,
     _ref$closeIconDescrip = _ref.closeIconDescription,
-    closeIconDescription = _ref$closeIconDescrip === undefined ? defaults.closeIconDescription : _ref$closeIconDescrip,
+    closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
     _ref$collapsible = _ref.collapsible,
-    collapsible = _ref$collapsible === undefined ? defaults.collapsible : _ref$collapsible,
+    collapsible = _ref$collapsible === void 0 ? defaults.collapsible : _ref$collapsible,
     _ref$collapseButtonLa = _ref.collapseButtonLabel,
-    collapseButtonLabel = _ref$collapseButtonLa === undefined ? defaults.collapseButtonLabel : _ref$collapseButtonLa,
+    collapseButtonLabel = _ref$collapseButtonLa === void 0 ? defaults.collapseButtonLabel : _ref$collapseButtonLa,
     _ref$expandButtonLabe = _ref.expandButtonLabel,
-    expandButtonLabel = _ref$expandButtonLabe === undefined ? defaults.expandButtonLabel : _ref$expandButtonLabe,
-    media = _ref.media,
+    expandButtonLabel = _ref$expandButtonLabe === void 0 ? defaults.expandButtonLabel : _ref$expandButtonLabe,
     renderMedia = _ref.renderMedia,
     _ref$narrow = _ref.narrow,
-    narrow = _ref$narrow === undefined ? defaults.narrow : _ref$narrow,
+    narrow = _ref$narrow === void 0 ? defaults.narrow : _ref$narrow,
     onClick = _ref.onClick,
     onClose = _ref.onClose,
     tertiaryButtonLabel = _ref.tertiaryButtonLabel,
     _ref$title = _ref.title,
-    title = _ref$title === undefined ? defaults.title : _ref$title,
+    title = _ref$title === void 0 ? defaults.title : _ref$title,
     _ref$withLeftGutter = _ref.withLeftGutter,
-    withLeftGutter = _ref$withLeftGutter === undefined ? defaults.withLeftGutter : _ref$withLeftGutter,
+    withLeftGutter = _ref$withLeftGutter === void 0 ? defaults.withLeftGutter : _ref$withLeftGutter,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var hasMedia = renderMedia || media;
   var _useState = useState(collapsible),
     _useState2 = _slicedToArray(_useState, 2),
     isCollapsed = _useState2[0],
@@ -75,7 +72,7 @@ var InlineTip = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     return _getComponentText(React__default.Children.toArray(children));
   }, [children]);
   var childrenToRender = children;
-  if (!hasMedia && collapsible && isCollapsed) {
+  if (!renderMedia && collapsible && isCollapsed) {
     childrenToRender = /*#__PURE__*/React__default.createElement("p", {
       className: "".concat(blockClass, "__preview-text")
     }, previewText);
@@ -87,7 +84,7 @@ var InlineTip = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   }, [collapsible]);
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     "aria-labelledby": labelId,
-    className: cx(blockClass, className, collapsible && "".concat(blockClass, "__collapsible"), isCollapsed && "".concat(blockClass, "__collapsible-collapsed"), hasMedia && "".concat(blockClass, "__has-media"), [narrow ? "".concat(blockClass, "__narrow") : "".concat(blockClass, "__wide")], withLeftGutter && !narrow && "".concat(blockClass, "__with-left-gutter")),
+    className: cx(blockClass, className, collapsible && "".concat(blockClass, "__collapsible"), isCollapsed && "".concat(blockClass, "__collapsible-collapsed"), renderMedia && "".concat(blockClass, "__has-media"), [narrow ? "".concat(blockClass, "__narrow") : "".concat(blockClass, "__wide")], withLeftGutter && !narrow && "".concat(blockClass, "__with-left-gutter")),
     ref: ref,
     role: "complementary"
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement("div", {
@@ -100,7 +97,7 @@ var InlineTip = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     size: "lg"
   }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, {
     size: 16
-  })))), (!hasMedia && narrow || !narrow) && /*#__PURE__*/React__default.createElement("div", {
+  })))), (!renderMedia && narrow || !narrow) && /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__icon-idea"),
     tabIndex: -1
   }, _Idea || (_Idea = /*#__PURE__*/React__default.createElement(Idea, {
@@ -116,7 +113,7 @@ var InlineTip = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     className: "".concat(blockClass, "__secondary-btn")
   }, action)), (collapsible || tertiaryButtonLabel) && /*#__PURE__*/React__default.createElement("footer", {
     className: "".concat(blockClass, "__footer")
-  }, collapsible && !hasMedia && /*#__PURE__*/React__default.createElement(Button, {
+  }, collapsible && !renderMedia && /*#__PURE__*/React__default.createElement(Button, {
     className: "".concat(blockClass, "__toggle-btn"),
     kind: "ghost",
     size: "md",
@@ -135,12 +132,7 @@ var InlineTip = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
         size: 16
       }));
     }
-  }, tertiaryButtonLabel))), hasMedia && (media === null || media === undefined ? undefined : media.render) && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__media")
-  }, media.render()), hasMedia && (media === null || media === undefined ? undefined : media.filePaths) && /*#__PURE__*/React__default.createElement(SteppedAnimatedMedia, {
-    className: "".concat(blockClass, "__media"),
-    filePaths: media.filePaths
-  }), hasMedia && renderMedia && /*#__PURE__*/React__default.createElement("div", {
+  }, tertiaryButtonLabel))), renderMedia && /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__media")
   }, renderMedia()));
 });
@@ -182,20 +174,6 @@ InlineTip.propTypes = {
    * This button is not visible if `media` is specified.
    */
   expandButtonLabel: PropTypes.string,
-  /**
-   * The object describing an image in one of two shapes.
-   * - If a single media element is required, use `{render}`.
-   * - If a stepped animation is required, use `{filePaths}`.
-   *
-   * Enabling `media` disables the `collapsible` feature.
-   * @deprecated please use the `renderMedia` prop
-   */
-  /**@ts-ignore*/
-  media: PropTypes.oneOfType([PropTypes.shape({
-    render: PropTypes.func
-  }), PropTypes.shape({
-    filePaths: PropTypes.string
-  })]),
   /**
    * Set to `true` to arrange the information in a format
    * that is easier to read in a limited space.

package/es/components/InlineTip/utils.js

@@ -16,7 +16,7 @@ import { typeof as _typeof } from '../../_virtual/_rollupPluginBabelHelpers.js';
 
 var _getComponentText = function getComponentText(reactNode) {
   var _reactNode$props;
-  var tmpChildren = (reactNode === null || reactNode === undefined || (_reactNode$props = reactNode.props) === null || _reactNode$props === undefined ? undefined : _reactNode$props.children) || undefined;
+  var tmpChildren = (reactNode === null || reactNode === void 0 || (_reactNode$props = reactNode.props) === null || _reactNode$props === void 0 ? void 0 : _reactNode$props.children) || undefined;
   if (Array.isArray(reactNode)) {
     var joinedNodes = [];
     reactNode.forEach(function (node) {

package/es/components/InterstitialScreen/InterstitialScreen.d.ts

@@ -5,18 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { PropsWithChildren, ReactNode } from 'react';
-type Media = {
-    breakpoints?: {
-        xlg?: number;
-        lg?: number;
-    };
-} & ({
-    render?: () => ReactNode;
-    filePaths?: never;
-} | {
-    render?: never;
-    filePaths?: string[];
-});
 type BreakpointsWithMedia = {
     xlg?: number;
     lg?: number;
@@ -63,20 +51,6 @@ export interface InterstitialScreenProps extends PropsWithChildren {
      * Specifies whether the component is currently open.
      */
     isOpen?: boolean;
-    /**
-     * The object describing an image in one of two shapes.
-     *
-     * If a single media element is required, use `{render}`.
-     *
-     * If a stepped animation is required, use `{filePaths}`.
-     *
-     * Breakpoints are used to set the media content column size as well as the remainder for the main content areas column size.
-     * Medium and small breakpoints will be set to 0 internally to focus on the main content area.
-     *
-     * @deprecated please use the `renderMedia` prop
-     * @see {@link MEDIA_PROP_TYPE}.
-     */
-    media?: Media;
     /**
      * Optional prop to render any media like images or any animated media.
      */

package/es/components/InterstitialScreen/InterstitialScreen.js

@@ -12,13 +12,12 @@ import { ArrowRight } from '@carbon/react/icons';
 import { Carousel } from '../Carousel/Carousel.js';
 import '../Carousel/CarouselItem.js';
 import PropTypes from '../../_virtual/index.js';
-import { SteppedAnimatedMedia } from '../SteppedAnimatedMedia/SteppedAnimatedMedia.js';
 import cx from 'classnames';
 import { clamp } from '../../global/js/utils/clamp.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
-var _excluded = ["children", "className", "closeIconDescription", "domainName", "hideProgressIndicator", "interstitialAriaLabel", "isFullScreen", "isOpen", "media", "renderMedia", "breakpointsWithMedia", "nextButtonLabel", "onClose", "previousButtonLabel", "productName", "headerClassName", "headerTitle", "startButtonLabel", "skipButtonLabel"];
+var _excluded = ["children", "className", "closeIconDescription", "domainName", "hideProgressIndicator", "interstitialAriaLabel", "isFullScreen", "isOpen", "renderMedia", "breakpointsWithMedia", "nextButtonLabel", "onClose", "previousButtonLabel", "productName", "headerClassName", "headerTitle", "startButtonLabel", "skipButtonLabel"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--interstitial-screen");
@@ -59,38 +58,37 @@ var defaults = {
  * newly purchased capability is presented).
  */
 var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var _media$breakpoints, _media$breakpoints2, _h, _strong, _h2;
+  var _h, _strong, _h2;
   var children = props.children,
     className = props.className,
     _props$closeIconDescr = props.closeIconDescription,
-    closeIconDescription = _props$closeIconDescr === undefined ? defaults.closeIconDescription : _props$closeIconDescr,
+    closeIconDescription = _props$closeIconDescr === void 0 ? defaults.closeIconDescription : _props$closeIconDescr,
     _props$domainName = props.domainName,
-    domainName = _props$domainName === undefined ? defaults.domainName : _props$domainName,
+    domainName = _props$domainName === void 0 ? defaults.domainName : _props$domainName,
     _props$hideProgressIn = props.hideProgressIndicator,
-    hideProgressIndicator = _props$hideProgressIn === undefined ? defaults.hideProgressIndicator : _props$hideProgressIn,
+    hideProgressIndicator = _props$hideProgressIn === void 0 ? defaults.hideProgressIndicator : _props$hideProgressIn,
     _props$interstitialAr = props.interstitialAriaLabel,
-    interstitialAriaLabel = _props$interstitialAr === undefined ? defaults.interstitialAriaLabel : _props$interstitialAr,
+    interstitialAriaLabel = _props$interstitialAr === void 0 ? defaults.interstitialAriaLabel : _props$interstitialAr,
     _props$isFullScreen = props.isFullScreen,
-    isFullScreen = _props$isFullScreen === undefined ? defaults.isFullScreen : _props$isFullScreen,
+    isFullScreen = _props$isFullScreen === void 0 ? defaults.isFullScreen : _props$isFullScreen,
     _props$isOpen = props.isOpen,
-    isOpen = _props$isOpen === undefined ? defaults.isOpen : _props$isOpen,
-    media = props.media,
+    isOpen = _props$isOpen === void 0 ? defaults.isOpen : _props$isOpen,
     renderMedia = props.renderMedia,
     breakpointsWithMedia = props.breakpointsWithMedia,
     _props$nextButtonLabe = props.nextButtonLabel,
-    nextButtonLabel = _props$nextButtonLabe === undefined ? defaults.nextButtonLabel : _props$nextButtonLabe,
+    nextButtonLabel = _props$nextButtonLabe === void 0 ? defaults.nextButtonLabel : _props$nextButtonLabe,
     _props$onClose = props.onClose,
-    onClose = _props$onClose === undefined ? defaults.onClose : _props$onClose,
+    onClose = _props$onClose === void 0 ? defaults.onClose : _props$onClose,
     _props$previousButton = props.previousButtonLabel,
-    previousButtonLabel = _props$previousButton === undefined ? defaults.previousButtonLabel : _props$previousButton,
+    previousButtonLabel = _props$previousButton === void 0 ? defaults.previousButtonLabel : _props$previousButton,
     _props$productName = props.productName,
-    productName = _props$productName === undefined ? defaults.productName : _props$productName,
+    productName = _props$productName === void 0 ? defaults.productName : _props$productName,
     headerClassName = props.headerClassName,
     headerTitle = props.headerTitle,
     _props$startButtonLab = props.startButtonLabel,
-    startButtonLabel = _props$startButtonLab === undefined ? defaults.startButtonLabel : _props$startButtonLab,
+    startButtonLabel = _props$startButtonLab === void 0 ? defaults.startButtonLabel : _props$startButtonLab,
     _props$skipButtonLabe = props.skipButtonLabel,
-    skipButtonLabel = _props$skipButtonLabe === undefined ? defaults.skipButtonLabel : _props$skipButtonLabe,
+    skipButtonLabel = _props$skipButtonLabe === void 0 ? defaults.skipButtonLabel : _props$skipButtonLabe,
     rest = _objectWithoutProperties(props, _excluded);
   var backupRef = useRef(null);
   var _forwardedRef = ref || backupRef;
@@ -107,12 +105,10 @@ var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (props,
     setProgStep = _useState4[1];
   var childArray = Children.toArray(children);
   var isMultiStep = childArray.length > 1;
-  var mediaIsDefined = (media === null || media === undefined ? undefined : media.render) || (media === null || media === undefined ? undefined : media.filePaths);
-  var hasMedia = mediaIsDefined || renderMedia;
   var bodyScrollRef = useRef(null);
   var mediaBreakpoints = {
-    xlg: (media === null || media === undefined || (_media$breakpoints = media.breakpoints) === null || _media$breakpoints === undefined ? undefined : _media$breakpoints.xlg) || (breakpointsWithMedia === null || breakpointsWithMedia === undefined ? undefined : breakpointsWithMedia.xlg) || 0,
-    lg: (media === null || media === undefined || (_media$breakpoints2 = media.breakpoints) === null || _media$breakpoints2 === undefined ? undefined : _media$breakpoints2.lg) || (breakpointsWithMedia === null || breakpointsWithMedia === undefined ? undefined : breakpointsWithMedia.lg) || 0,
+    xlg: (breakpointsWithMedia === null || breakpointsWithMedia === void 0 ? void 0 : breakpointsWithMedia.xlg) || 0,
+    lg: (breakpointsWithMedia === null || breakpointsWithMedia === void 0 ? void 0 : breakpointsWithMedia.lg) || 0,
     md: 0,
     sm: 0
   };
@@ -131,7 +127,7 @@ var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (props,
   }, [onClose]);
   var scrollBodyToTop = function scrollBodyToTop() {
     var _bodyScrollRef$curren, _bodyScrollRef$curren2;
-    (_bodyScrollRef$curren = bodyScrollRef.current) === null || _bodyScrollRef$curren === undefined || (_bodyScrollRef$curren2 = _bodyScrollRef$curren.scroll) === null || _bodyScrollRef$curren2 === undefined || _bodyScrollRef$curren2.call(_bodyScrollRef$curren, {
+    (_bodyScrollRef$curren = bodyScrollRef.current) === null || _bodyScrollRef$curren === void 0 || (_bodyScrollRef$curren2 = _bodyScrollRef$curren.scroll) === null || _bodyScrollRef$curren2 === void 0 || _bodyScrollRef$curren2.call(_bodyScrollRef$curren, {
       top: 0,
       behavior: 'smooth'
     });
@@ -153,13 +149,13 @@ var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (props,
     if (!isOpen) {
       setProgStep(0);
     }
-    (_startButtonRef$curre = startButtonRef.current) === null || _startButtonRef$curre === undefined || _startButtonRef$curre.focus();
+    (_startButtonRef$curre = startButtonRef.current) === null || _startButtonRef$curre === void 0 || _startButtonRef$curre.focus();
   }, [isOpen, progStep, onClose]);
   useEffect(function () {
     var _nextButtonRef$curren;
     // for modal only, "is-visible" triggers animation
     setIsVisibleClass(!isFullScreen && isOpen ? 'is-visible' : null);
-    nextButtonRef === null || nextButtonRef === undefined || (_nextButtonRef$curren = nextButtonRef.current) === null || _nextButtonRef$curren === undefined || _nextButtonRef$curren.focus();
+    nextButtonRef === null || nextButtonRef === void 0 || (_nextButtonRef$curren = nextButtonRef.current) === null || _nextButtonRef$curren === void 0 || _nextButtonRef$curren.focus();
   }, [isFullScreen, isOpen]);
 
   // hitting escape key also closes this component
@@ -252,7 +248,7 @@ var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (props,
       className: cx("".concat(blockClass, "--body")),
       ref: bodyScrollRef,
       tabIndex: 0
-    }, hasMedia ? /*#__PURE__*/React__default.createElement(FlexGrid, {
+    }, renderMedia ? /*#__PURE__*/React__default.createElement(FlexGrid, {
       fullWidth: true,
       className: cx("".concat(blockClass, "--body-grid"))
     }, /*#__PURE__*/React__default.createElement(Row, {
@@ -270,7 +266,7 @@ var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (props,
       disableArrowScroll: true,
       ref: scrollRef,
       onScroll: scrollToCurrentStep
-    }, children)) : childArray[0])), hasMedia && /*#__PURE__*/React__default.createElement(Column, {
+    }, children)) : childArray[0])), renderMedia && /*#__PURE__*/React__default.createElement(Column, {
       xlg: mediaBreakpoints.xlg,
       lg: mediaBreakpoints.lg,
       md: mediaBreakpoints.md,
@@ -278,11 +274,7 @@ var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (props,
       className: cx("".concat(blockClass, "--media-container"))
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(blockClass, "--media")
-    }, hasMedia && (media === null || media === undefined ? undefined : media.render) && media.render(), hasMedia && (media === null || media === undefined ? undefined : media.filePaths) && /*#__PURE__*/React__default.createElement(SteppedAnimatedMedia, {
-      className: "".concat(blockClass, "--stepped-animated-media"),
-      filePaths: media.filePaths,
-      playStep: progStep
-    }), hasMedia && renderMedia && /*#__PURE__*/React__default.createElement("div", {
+    }, renderMedia && /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(blockClass, "--stepped-animated-media")
     }, renderMedia({
       playStep: progStep
@@ -394,32 +386,6 @@ InterstitialScreen.propTypes = {
    * Specifies whether the component is currently open.
    */
   isOpen: PropTypes.bool,
-  /**
-   * The object describing an image in one of two shapes.
-   *
-   * If a single media element is required, use `{render}`.
-   *
-   * If a stepped animation is required, use `{filePaths}`.
-   *
-   * Breakpoints are used to set the media content column size as well as the remainder for the main content areas column size.
-   * Medium and small breakpoints will be set to 0 internally to focus on the main content area.
-   * @see {@link MEDIA_PROP_TYPE}.
-   * @deprecated please use the `renderMedia` prop
-   */
-  /**@ts-ignore*/
-  media: PropTypes.oneOfType([PropTypes.shape({
-    render: PropTypes.func,
-    breakpoints: PropTypes.shape({
-      xlg: PropTypes.number,
-      lg: PropTypes.number
-    })
-  }), PropTypes.shape({
-    filePaths: PropTypes.arrayOf(PropTypes.string),
-    breakpoints: PropTypes.shape({
-      xlg: PropTypes.number,
-      lg: PropTypes.number
-    })
-  })]),
   /**
    * The label for the Next button.
    */

package/es/components/MultiAddSelect/MultiAddSelect.d.ts

@@ -6,6 +6,10 @@ type Filter = {
 type Modifier = {
     label?: string;
     options?: string[];
+    /**
+     * Allows to select multiple modifier items, default it is false
+     */
+    multiSelect?: boolean;
 };
 interface Entry {
     avatar?: {

package/es/components/MultiAddSelect/MultiAddSelect.js

@@ -83,7 +83,8 @@ MultiAddSelect.propTypes = {
   items: PropTypes.shape({
     modifiers: PropTypes.shape({
       label: PropTypes.string,
-      options: PropTypes.array
+      options: PropTypes.array,
+      multiSelect: PropTypes.bool
     }),
     sortBy: PropTypes.array,
     filterBy: PropTypes.array,

package/es/components/Nav/Nav.js

@@ -9,8 +9,8 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
-import NavList, { blockClass as blockClass$1 } from './NavList.js';
-import NavItem, { blockClass as blockClass$2 } from './NavItem.js';
+import { NavList, blockClass as blockClass$1 } from './NavList.js';
+import { NavItem, blockClass as blockClass$2 } from './NavItem.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
@@ -122,7 +122,7 @@ var Nav = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     role: "menubar"
   }, React__default.Children.map(children, function (child, index) {
     var _child$type;
-    return (child === null || child === undefined || (_child$type = child.type) === null || _child$type === undefined ? undefined : _child$type.displayName) === NavList.displayName ? buildNewListChild(child, index) : buildNewItemChild(child, index);
+    return (child === null || child === void 0 || (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === NavList.displayName ? buildNewListChild(child, index) : buildNewItemChild(child, index);
   })));
 });
 Nav.deprecated = {

package/es/components/Nav/NavItem.js

@@ -34,29 +34,29 @@ var defaults = {
  */
 var NavItem = function NavItem(_ref) {
   var _ref$activeHref = _ref.activeHref,
-    activeHref = _ref$activeHref === undefined ? defaults.activeHref : _ref$activeHref,
+    activeHref = _ref$activeHref === void 0 ? defaults.activeHref : _ref$activeHref,
     _ref$children = _ref.children,
-    children = _ref$children === undefined ? defaults.children : _ref$children,
+    children = _ref$children === void 0 ? defaults.children : _ref$children,
     className = _ref.className,
     current = _ref.current,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? defaults.disabled : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? defaults.disabled : _ref$disabled,
     _ref$element = _ref.element,
-    element = _ref$element === undefined ? defaults.element : _ref$element,
+    element = _ref$element === void 0 ? defaults.element : _ref$element,
     href = _ref.href,
     id = _ref.id,
     label = _ref.label,
     _ref$onClick = _ref.onClick,
-    _onClick = _ref$onClick === undefined ? defaults.onClick : _ref$onClick,
+    _onClick = _ref$onClick === void 0 ? defaults.onClick : _ref$onClick,
     _ref$tabIndex = _ref.tabIndex,
-    tabIndex = _ref$tabIndex === undefined ? defaults.tabIndex : _ref$tabIndex,
+    tabIndex = _ref$tabIndex === void 0 ? defaults.tabIndex : _ref$tabIndex,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     hrefHasDifferentHost = _useState2[0],
     setHrefHasDifferentHost = _useState2[1];
   useEffect(function () {
-    if ((href === null || href === undefined ? undefined : href.indexOf(window.location.host)) === -1) {
+    if ((href === null || href === void 0 ? void 0 : href.indexOf(window.location.host)) === -1) {
       setHrefHasDifferentHost(true);
     }
   }, [href]);
@@ -156,6 +156,5 @@ NavItem.propTypes = {
 
 // Return a placeholder if not released and not enabled by feature flag
 NavItem = pkg.checkComponentEnabled(NavItem, componentName);
-var NavItem$1 = NavItem;
 
-export { NavItem, blockClass, NavItem$1 as default };
+export { NavItem, blockClass, NavItem as default };

package/es/components/Nav/NavList.js

@@ -9,7 +9,7 @@ import { slicedToArray as _slicedToArray, extends as _extends, defineProperty as
 import React__default, { useState, useEffect, useImperativeHandle } from 'react';
 import cx from 'classnames';
 import { p as propTypesExports } from '../../_virtual/index.js';
-import NavItem, { blockClass as blockClass$1 } from './NavItem.js';
+import { NavItem, blockClass as blockClass$1 } from './NavItem.js';
 import { pkg } from '../../settings.js';
 import { ChevronDown } from '../../node_modules/@carbon/icons-react/es/generated/bucket-3.js';
 
@@ -32,27 +32,27 @@ var defaults = {
 };
 var NavList = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$activeHref = _ref.activeHref,
-    activeHref = _ref$activeHref === undefined ? defaults.activeHref : _ref$activeHref,
+    activeHref = _ref$activeHref === void 0 ? defaults.activeHref : _ref$activeHref,
     _ref$children = _ref.children,
-    children = _ref$children === undefined ? defaults.children : _ref$children,
+    children = _ref$children === void 0 ? defaults.children : _ref$children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? defaults.className : _ref$className,
+    className = _ref$className === void 0 ? defaults.className : _ref$className,
     _ref$icon = _ref.icon,
-    icon = _ref$icon === undefined ? defaults.icon : _ref$icon,
+    icon = _ref$icon === void 0 ? defaults.icon : _ref$icon,
     _ref$id = _ref.id,
-    id = _ref$id === undefined ? defaults.id : _ref$id,
+    id = _ref$id === void 0 ? defaults.id : _ref$id,
     _ref$isExpandedOnPage = _ref.isExpandedOnPageLoad,
-    isExpandedOnPageLoad = _ref$isExpandedOnPage === undefined ? defaults.isExpandedOnPageLoad : _ref$isExpandedOnPage,
+    isExpandedOnPageLoad = _ref$isExpandedOnPage === void 0 ? defaults.isExpandedOnPageLoad : _ref$isExpandedOnPage,
     _ref$navigationItemTi = _ref.navigationItemTitle,
-    navigationItemTitle = _ref$navigationItemTi === undefined ? defaults.navigationItemTitle : _ref$navigationItemTi,
+    navigationItemTitle = _ref$navigationItemTi === void 0 ? defaults.navigationItemTitle : _ref$navigationItemTi,
     _ref$onItemClick = _ref.onItemClick,
-    onItemClick = _ref$onItemClick === undefined ? defaults.onItemClick : _ref$onItemClick,
+    onItemClick = _ref$onItemClick === void 0 ? defaults.onItemClick : _ref$onItemClick,
     _ref$onListClick = _ref.onListClick,
-    onListClick = _ref$onListClick === undefined ? defaults.onListClick : _ref$onListClick,
+    onListClick = _ref$onListClick === void 0 ? defaults.onListClick : _ref$onListClick,
     _ref$tabIndex = _ref.tabIndex,
-    tabIndex = _ref$tabIndex === undefined ? defaults.tabIndex : _ref$tabIndex,
+    tabIndex = _ref$tabIndex === void 0 ? defaults.tabIndex : _ref$tabIndex,
     _ref$title = _ref.title,
-    title = _ref$title === undefined ? defaults.title : _ref$title;
+    title = _ref$title === void 0 ? defaults.title : _ref$title;
   var _useState = useState(isExpandedOnPageLoad),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -108,7 +108,7 @@ var NavList = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       onClick: function onClick(event, href) {
         var _child$props$onClick, _child$props;
         onItemClick(event, href);
-        (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === undefined || _child$props$onClick.call(_child$props, event);
+        (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, event);
       },
       activeHref: activeHref,
       tabIndex: open ? 0 : -1
@@ -166,6 +166,5 @@ NavList.displayName = componentName;
 
 // Return a placeholder if not released and not enabled by feature flag
 NavList = pkg.checkComponentEnabled(NavList, componentName);
-var NavList$1 = NavList;
 
-export { NavList, blockClass, NavList$1 as default };
+export { NavList, blockClass, NavList as default };

package/es/components/NonLinearReading/NonLinearReading.js

@@ -30,7 +30,7 @@ var NonLinearReading = /*#__PURE__*/React__default.forwardRef(function (_ref, re
     className = _ref.className,
     definition = _ref.definition,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === undefined ? 'light' : _ref$theme,
+    theme = _ref$theme === void 0 ? 'light' : _ref$theme,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),

package/es/components/NotificationsPanel/NotificationsPanel.d.ts

@@ -6,7 +6,8 @@
  */
 import { Link } from '@carbon/react';
 import React, { RefObject } from 'react';
-export type Themes = 'light' | 'dark';
+type Themes = 'light' | 'dark';
+type DateTimeStyles = 'long' | 'short' | 'narrow';
 interface Link {
     url: string;
     text: string;
@@ -30,8 +31,22 @@ export interface NotificationsPanelProps {
      * Array of data for Notifications component to render
      */
     data: Data[];
+    /**
+     * The language for each notification's time stamp.
+     * Used with `dateTimeStyle`.
+     */
+    dateTimeLocale?: string;
+    /**
+     * The date/time format for each notification's time stamp.
+     * Used with `dateTimeLocale`.
+     *
+     * E.g. `long` as "6 minutes ago", `short` as "6m ago".
+     */
+    dateTimeStyle?: DateTimeStyles;
     /**
      * Sets the `days ago` label text
+     *
+     * @deprecated use `dateTimeLocale` instead.
      */
     daysAgoText?: (value: number) => string;
     /**
@@ -56,10 +71,14 @@ export interface NotificationsPanelProps {
     emptyStateLabel?: string;
     /**
      * Sets the `hour ago` label text
+     *
+     * @deprecated use `dateTimeLocale` instead.
      */
     hourAgoText?: (value: number) => string;
     /**
      * Sets the `hours ago` label text
+     *
+     * @deprecated use `dateTimeLocale` instead.
      */
     hoursAgoText?: (value: number) => string;
     /**
@@ -68,22 +87,32 @@ export interface NotificationsPanelProps {
     illustrationTheme: Themes;
     /**
      * Sets the `minute ago` label text
+     *
+     * @deprecated use `dateTimeLocale` instead.
      */
     minuteAgoText?: (value: number) => string;
     /**
      * Sets the `minutes ago` label text
+     *
+     * @deprecated use `dateTimeLocale` instead.
      */
     minutesAgoText?: (value: number) => string;
     /**
      * Sets the `month ago` label text
+     *
+     * @deprecated use `dateTimeLocale` instead.
      */
     monthAgoText?: (value: number) => string;
     /**
      * Sets the `months ago` label text
+     *
+     * @deprecated use `dateTimeLocale` instead.
      */
     monthsAgoText?: (value: number) => string;
     /**
      * Sets the `now` label text
+     *
+     * @deprecated use `dateTimeLocale` instead.
      */
     nowText?: string;
     /**
@@ -128,6 +157,8 @@ export interface NotificationsPanelProps {
     readMoreLabel?: string;
     /**
      * Sets the `seconds ago` label text
+     *
+     * @deprecated use `dateTimeLocale` instead.
      */
     secondsAgoText?: (value: number) => string;
     /**
@@ -152,14 +183,20 @@ export interface NotificationsPanelProps {
     viewAllLabel?: (value: number) => string;
     /**
      * Sets the `year ago` label text
+     *
+     * @deprecated use `dateTimeLocale` instead.
      */
     yearAgoText?: (value: number) => string;
     /**
      * Sets the `years ago` label text
+     *
+     * @deprecated use `dateTimeLocale` instead.
      */
     yearsAgoText?: (value: number) => string;
     /**
      * Sets the `Yesterday at` label text
+     *
+     * @deprecated use `dateTimeLocale` instead.
      */
     yesterdayAtText?: (value: number) => string;
     /**
@@ -167,5 +204,20 @@ export interface NotificationsPanelProps {
      */
     yesterdayLabel?: string;
 }
+/**
+ * The `NotificationsPanel` sets expectations on the behavior for notifications,
+ * allowing the user to view and interact with them all in one place.
+ *
+ * **To adopt the new localization:**
+ *
+ * **Step 1:** Provide a locale to the `dateTimeLocale` prop, such as "de" or "fr-CA".
+ *
+ * **Step 2:** Remove the now _deprecated_ props: `daysAgoText`,
+ * `hourAgoText`, `hoursAgoText`, `minuteAgoText`, `minutesAgoText`,
+ * `monthAgoText`, `monthsAgoText`, `nowText`, `secondsAgoText`,
+ * `yearAgoText`, `yearsAgoText`, `yesterdayAtText`.
+ *
+ * If you do not provide a locale, the deprecated props will be applied instead.
+ */
 export declare let NotificationsPanel: React.ForwardRefExoticComponent<NotificationsPanelProps & React.RefAttributes<unknown>>;
 export {};