@carbon/ibm-products 2.61.0 → 2.62.0-rc.0

package/lib/components/InlineTip/InlineTip.js

@@ -12,7 +12,6 @@ var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var React = require('react');
 var index = require('../../_virtual/index.js');
-var SteppedAnimatedMedia = require('../SteppedAnimatedMedia/SteppedAnimatedMedia.js');
 var cx = require('classnames');
 var utils = require('./utils.js');
 var devtools = require('../../global/js/utils/devtools.js');
@@ -20,7 +19,7 @@ var settings = require('../../settings.js');
 var uuidv4 = require('../../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(settings.pkg.prefix, "--inline-tip");
@@ -48,26 +47,24 @@ exports.InlineTip = /*#__PURE__*/React.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var hasMedia = renderMedia || media;
   var _useState = React.useState(collapsible),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     isCollapsed = _useState2[0],
@@ -77,7 +74,7 @@ exports.InlineTip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     return utils.getComponentText(React.Children.toArray(children));
   }, [children]);
   var childrenToRender = children;
-  if (!hasMedia && collapsible && isCollapsed) {
+  if (!renderMedia && collapsible && isCollapsed) {
     childrenToRender = /*#__PURE__*/React.createElement("p", {
       className: "".concat(blockClass, "__preview-text")
     }, previewText);
@@ -89,7 +86,7 @@ exports.InlineTip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, [collapsible]);
   return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.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"
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("div", {
@@ -102,7 +99,7 @@ exports.InlineTip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     size: "lg"
   }, _Close || (_Close = /*#__PURE__*/React.createElement(icons.Close, {
     size: 16
-  })))), (!hasMedia && narrow || !narrow) && /*#__PURE__*/React.createElement("div", {
+  })))), (!renderMedia && narrow || !narrow) && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__icon-idea"),
     tabIndex: -1
   }, _Idea || (_Idea = /*#__PURE__*/React.createElement(icons.Idea, {
@@ -118,7 +115,7 @@ exports.InlineTip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: "".concat(blockClass, "__secondary-btn")
   }, action)), (collapsible || tertiaryButtonLabel) && /*#__PURE__*/React.createElement("footer", {
     className: "".concat(blockClass, "__footer")
-  }, collapsible && !hasMedia && /*#__PURE__*/React.createElement(react.Button, {
+  }, collapsible && !renderMedia && /*#__PURE__*/React.createElement(react.Button, {
     className: "".concat(blockClass, "__toggle-btn"),
     kind: "ghost",
     size: "md",
@@ -137,12 +134,7 @@ exports.InlineTip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         size: 16
       }));
     }
-  }, tertiaryButtonLabel))), hasMedia && (media === null || media === undefined ? undefined : media.render) && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__media")
-  }, media.render()), hasMedia && (media === null || media === undefined ? undefined : media.filePaths) && /*#__PURE__*/React.createElement(SteppedAnimatedMedia.SteppedAnimatedMedia, {
-    className: "".concat(blockClass, "__media"),
-    filePaths: media.filePaths
-  }), hasMedia && renderMedia && /*#__PURE__*/React.createElement("div", {
+  }, tertiaryButtonLabel))), renderMedia && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__media")
   }, renderMedia()));
 });
@@ -184,20 +176,6 @@ exports.InlineTip.propTypes = {
    * This button is not visible if `media` is specified.
    */
   expandButtonLabel: index.default.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: index.default.oneOfType([index.default.shape({
-    render: index.default.func
-  }), index.default.shape({
-    filePaths: index.default.string
-  })]),
   /**
    * Set to `true` to arrange the information in a format
    * that is easier to read in a limited space.

package/lib/components/InlineTip/utils.js

@@ -18,7 +18,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 
 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/lib/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/lib/components/InterstitialScreen/InterstitialScreen.js

@@ -14,13 +14,12 @@ var icons = require('@carbon/react/icons');
 var Carousel = require('../Carousel/Carousel.js');
 require('../Carousel/CarouselItem.js');
 var index = require('../../_virtual/index.js');
-var SteppedAnimatedMedia = require('../SteppedAnimatedMedia/SteppedAnimatedMedia.js');
 var cx = require('classnames');
 var clamp = require('../../global/js/utils/clamp.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../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(settings.pkg.prefix, "--interstitial-screen");
@@ -61,38 +60,37 @@ var defaults = {
  * newly purchased capability is presented).
  */
 exports.InterstitialScreen = /*#__PURE__*/React.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 = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
   var backupRef = React.useRef(null);
   var _forwardedRef = ref || backupRef;
@@ -109,12 +107,10 @@ exports.InterstitialScreen = /*#__PURE__*/React.forwardRef(function (props, ref)
     setProgStep = _useState4[1];
   var childArray = React.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 = React.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
   };
@@ -133,7 +129,7 @@ exports.InterstitialScreen = /*#__PURE__*/React.forwardRef(function (props, ref)
   }, [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'
     });
@@ -155,13 +151,13 @@ exports.InterstitialScreen = /*#__PURE__*/React.forwardRef(function (props, ref)
     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]);
   React.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
@@ -254,7 +250,7 @@ exports.InterstitialScreen = /*#__PURE__*/React.forwardRef(function (props, ref)
       className: cx("".concat(blockClass, "--body")),
       ref: bodyScrollRef,
       tabIndex: 0
-    }, hasMedia ? /*#__PURE__*/React.createElement(react.FlexGrid, {
+    }, renderMedia ? /*#__PURE__*/React.createElement(react.FlexGrid, {
       fullWidth: true,
       className: cx("".concat(blockClass, "--body-grid"))
     }, /*#__PURE__*/React.createElement(react.Row, {
@@ -272,7 +268,7 @@ exports.InterstitialScreen = /*#__PURE__*/React.forwardRef(function (props, ref)
       disableArrowScroll: true,
       ref: scrollRef,
       onScroll: scrollToCurrentStep
-    }, children)) : childArray[0])), hasMedia && /*#__PURE__*/React.createElement(react.Column, {
+    }, children)) : childArray[0])), renderMedia && /*#__PURE__*/React.createElement(react.Column, {
       xlg: mediaBreakpoints.xlg,
       lg: mediaBreakpoints.lg,
       md: mediaBreakpoints.md,
@@ -280,11 +276,7 @@ exports.InterstitialScreen = /*#__PURE__*/React.forwardRef(function (props, ref)
       className: cx("".concat(blockClass, "--media-container"))
     }, /*#__PURE__*/React.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.createElement(SteppedAnimatedMedia.SteppedAnimatedMedia, {
-      className: "".concat(blockClass, "--stepped-animated-media"),
-      filePaths: media.filePaths,
-      playStep: progStep
-    }), hasMedia && renderMedia && /*#__PURE__*/React.createElement("div", {
+    }, renderMedia && /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "--stepped-animated-media")
     }, renderMedia({
       playStep: progStep
@@ -396,32 +388,6 @@ exports.InterstitialScreen.propTypes = {
    * Specifies whether the component is currently open.
    */
   isOpen: index.default.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: index.default.oneOfType([index.default.shape({
-    render: index.default.func,
-    breakpoints: index.default.shape({
-      xlg: index.default.number,
-      lg: index.default.number
-    })
-  }), index.default.shape({
-    filePaths: index.default.arrayOf(index.default.string),
-    breakpoints: index.default.shape({
-      xlg: index.default.number,
-      lg: index.default.number
-    })
-  })]),
   /**
    * The label for the Next button.
    */

package/lib/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/lib/components/MultiAddSelect/MultiAddSelect.js

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

package/lib/components/Nav/Nav.js

@@ -52,7 +52,7 @@ exports.Nav = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
    */
   var buildNewItemChild = function buildNewItemChild(child, index) {
     var key = "".concat(NavItem.blockClass, "--").concat(index);
-    return /*#__PURE__*/React.createElement(NavItem.default, _rollupPluginBabelHelpers.extends({}, child.props, {
+    return /*#__PURE__*/React.createElement(NavItem.NavItem, _rollupPluginBabelHelpers.extends({}, child.props, {
       activeHref: _activeHref,
       key: key,
       onClick: function onClick(event, href) {
@@ -69,7 +69,7 @@ exports.Nav = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
    */
   var buildNewListChild = function buildNewListChild(child, index) {
     var key = "".concat(NavList.blockClass, "--").concat(index);
-    return /*#__PURE__*/React.createElement(NavList.default, _rollupPluginBabelHelpers.extends({}, child.props, {
+    return /*#__PURE__*/React.createElement(NavList.NavList, _rollupPluginBabelHelpers.extends({}, child.props, {
       activeHref: _activeHref,
       id: key,
       key: key,
@@ -124,7 +124,7 @@ exports.Nav = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     role: "menubar"
   }, React.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.default.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.NavList.displayName ? buildNewListChild(child, index) : buildNewItemChild(child, index);
   })));
 });
 exports.Nav.deprecated = {

package/lib/components/Nav/NavItem.js

@@ -36,31 +36,31 @@ var defaults = {
 /**
  * Navigation item component.
  */
-exports.NavItem = function NavItem(_ref) {
+exports.default = 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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     hrefHasDifferentHost = _useState2[0],
     setHrefHasDifferentHost = _useState2[1];
   React.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]);
@@ -102,12 +102,12 @@ exports.NavItem = function NavItem(_ref) {
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.NavItem.displayName = componentName;
+exports.default.displayName = componentName;
 
 // The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-exports.NavItem.propTypes = {
+exports.default.propTypes = {
   /**
    * Hypertext reference for active page.
    */
@@ -159,8 +159,7 @@ exports.NavItem.propTypes = {
 };
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.NavItem = settings.pkg.checkComponentEnabled(exports.NavItem, componentName);
-var NavItem = exports.NavItem;
+exports.default = settings.pkg.checkComponentEnabled(exports.default, componentName);
 
+exports.NavItem = exports.default;
 exports.blockClass = blockClass;
-exports.default = NavItem;

package/lib/components/Nav/NavList.js

@@ -34,29 +34,29 @@ var defaults = {
   icon: '',
   navigationItemTitle: ''
 };
-exports.NavList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+exports.default = /*#__PURE__*/React.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 = React.useState(isExpandedOnPageLoad),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -107,12 +107,12 @@ exports.NavList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     };
   });
   var newChildren = React.Children.map(children, function (child, index) {
-    return /*#__PURE__*/React.createElement(NavItem.default, _rollupPluginBabelHelpers.extends({}, child.props, {
+    return /*#__PURE__*/React.createElement(NavItem.NavItem, _rollupPluginBabelHelpers.extends({}, child.props, {
       key: "".concat(NavItem.blockClass, "--").concat(index),
       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
@@ -142,7 +142,7 @@ exports.NavList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     role: "menu"
   }, newChildren));
 });
-exports.NavList.propTypes = {
+exports.default.propTypes = {
   /** @type {string} Hypertext reference for active page. */
   activeHref: index.propTypesExports.string,
   /** @type {Node} Child elements. */
@@ -166,11 +166,10 @@ exports.NavList.propTypes = {
   /** @type {string} Label of the list. */
   title: index.propTypesExports.string
 };
-exports.NavList.displayName = componentName;
+exports.default.displayName = componentName;
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.NavList = settings.pkg.checkComponentEnabled(exports.NavList, componentName);
-var NavList = exports.NavList;
+exports.default = settings.pkg.checkComponentEnabled(exports.default, componentName);
 
+exports.NavList = exports.default;
 exports.blockClass = blockClass;
-exports.default = NavList;

package/lib/components/NonLinearReading/NonLinearReading.js

@@ -32,7 +32,7 @@ exports.NonLinearReading = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),