@carbon/ibm-products 2.43.2-canary.30 → 2.43.2-canary.300

package/lib/components/InterstitialScreenViewModule/index.d.ts

@@ -1 +1,8 @@
-export { InterstitialScreenViewModule } from "./InterstitialScreenViewModule";
+/**
+ * Copyright IBM Corp. 2024, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { InterstitialScreenViewModule } from './InterstitialScreenViewModule';
+export type { InterstitialScreenViewModuleProps } from './InterstitialScreenViewModule';

package/lib/components/MultiAddSelect/MultiAddSelect.d.ts

@@ -28,7 +28,7 @@ type ItemType = {
     sortBy: string[];
     filterBy: string[];
 };
-interface MultiAddSelectProps {
+export interface MultiAddSelectProps {
     /**
      * optional class name
      */

package/lib/components/MultiAddSelect/MultiAddSelect.js

@@ -7,25 +7,19 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var AddSelect = require('../AddSelect/AddSelect.js');
+var index = require('../../_virtual/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var AddSelect = require('../AddSelect/AddSelect.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var componentName = 'MultiAddSelect';
 /**
  * Used to add or select multiple or more items from larger lists or hierarchies.
  */
 exports.MultiAddSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default["default"].createElement(AddSelect.AddSelect, _rollupPluginBabelHelpers["extends"]({}, props, {
+  return /*#__PURE__*/React.createElement(AddSelect.AddSelect, _rollupPluginBabelHelpers.extends({}, props, {
     multi: true,
     ref: ref
   }, devtools.getDevtoolsProps(componentName)));
@@ -35,128 +29,128 @@ exports.MultiAddSelect.propTypes = {
   /**
    * optional class name
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * placeholder for column input filter
    */
-  columnInputPlaceholder: index["default"].string,
+  columnInputPlaceholder: index.default.string,
   /**
    * text description that appears under the title
    */
-  description: index["default"].string,
+  description: index.default.string,
   /**
    * options to display in the global filter box. values are generated
    * from the id which should correlate with a specific property in an
    * item entry
    */
   /**@ts-ignore */
-  globalFilters: index["default"].arrayOf(index["default"].shape({
-    id: index["default"].string,
-    label: index["default"].string
+  globalFilters: index.default.arrayOf(index.default.shape({
+    id: index.default.string,
+    label: index.default.string
   })),
-  globalFiltersIconDescription: index["default"].string,
+  globalFiltersIconDescription: index.default.string,
   /**
    * placeholder text for the global filter dropdown
    */
-  globalFiltersPlaceholderText: index["default"].string,
+  globalFiltersPlaceholderText: index.default.string,
   /**
    * text for the global filter primary button
    */
-  globalFiltersPrimaryButtonText: index["default"].string,
+  globalFiltersPrimaryButtonText: index.default.string,
   /**
    * text for the global filter secondary button
    */
-  globalFiltersSecondaryButtonText: index["default"].string,
+  globalFiltersSecondaryButtonText: index.default.string,
   /**
    * label for global search input
    */
-  globalSearchLabel: index["default"].string,
+  globalSearchLabel: index.default.string,
   /**
    * placeholder for global search input
    */
-  globalSearchPlaceholder: index["default"].string,
+  globalSearchPlaceholder: index.default.string,
   /**
    * the theme for the empty state illustration
    */
-  illustrationTheme: index["default"].oneOf(['light', 'dark']),
+  illustrationTheme: index.default.oneOf(['light', 'dark']),
   /**
    * title that displays in the sidebar / influencer
    */
-  influencerTitle: index["default"].string,
+  influencerTitle: index.default.string,
   /**
    * object that contains the item data. for more information reference the
    * "Structuring items" section in the docs tab
    */
   /**@ts-ignore */
-  items: index["default"].shape({
-    modifiers: index["default"].shape({
-      label: index["default"].string,
-      options: index["default"].array
+  items: index.default.shape({
+    modifiers: index.default.shape({
+      label: index.default.string,
+      options: index.default.array
     }),
-    sortBy: index["default"].array,
-    filterBy: index["default"].array,
-    entries: index["default"].arrayOf(index["default"].shape({
-      avatar: index["default"].shape({
-        alt: index["default"].string,
-        icon: index["default"].func,
-        src: index["default"].string,
-        theme: index["default"].oneOf(['light', 'dark'])
+    sortBy: index.default.array,
+    filterBy: index.default.array,
+    entries: index.default.arrayOf(index.default.shape({
+      avatar: index.default.shape({
+        alt: index.default.string,
+        icon: index.default.func,
+        src: index.default.string,
+        theme: index.default.oneOf(['light', 'dark'])
       }),
-      children: index["default"].object,
-      icon: index["default"].func,
-      id: index["default"].string.isRequired,
-      subtitle: index["default"].string,
-      title: index["default"].string.isRequired,
-      value: index["default"].string.isRequired
+      children: index.default.object,
+      icon: index.default.func,
+      id: index.default.string.isRequired,
+      subtitle: index.default.string,
+      title: index.default.string.isRequired,
+      value: index.default.string.isRequired
     }))
   }),
   /**
    * label that display above the list of items
    */
-  itemsLabel: index["default"].string,
+  itemsLabel: index.default.string,
   /**
    * text to display when no results are found from the global search
    */
-  noResultsDescription: index["default"].string,
+  noResultsDescription: index.default.string,
   /**
    * title to display when no results are found from the global search
    */
-  noResultsTitle: index["default"].string,
+  noResultsTitle: index.default.string,
   /**
    * text body that displays in the sidebar when nothing is selected
    */
-  noSelectionDescription: index["default"].string,
+  noSelectionDescription: index.default.string,
   /**
    * title that displays in the sidebar when nothing is selected
    */
-  noSelectionTitle: index["default"].string,
+  noSelectionTitle: index.default.string,
   /**
    * function to call when the close button clicked
    */
-  onClose: index["default"].func,
+  onClose: index.default.func,
   /**
    * text for close button
    */
-  onCloseButtonText: index["default"].string,
+  onCloseButtonText: index.default.string,
   /**
    * function to call when the submit button is clicked. returns a selection
    */
-  onSubmit: index["default"].func,
+  onSubmit: index.default.func,
   /**
    * text for the submit button
    */
-  onSubmitButtonText: index["default"].string,
+  onSubmitButtonText: index.default.string,
   /**
    * specifies if the component is open or not
    */
-  open: index["default"].bool,
+  open: index.default.bool,
   /**
    * text that displays when displaying filtered items
    */
-  searchResultsTitle: index["default"].string,
+  searchResultsTitle: index.default.string,
   /**
    * header text
    */
-  title: index["default"].string
+  title: index.default.string
 };
 exports.MultiAddSelect.displayName = componentName;

package/lib/components/MultiAddSelect/index.d.ts

@@ -1 +1,2 @@
-export { MultiAddSelect } from "./MultiAddSelect";
+export { MultiAddSelect } from './MultiAddSelect';
+export type { MultiAddSelectProps } from './MultiAddSelect';

package/lib/components/Nav/Nav.js

@@ -7,26 +7,19 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var NavList = require('./NavList.js');
 var NavItem = require('./NavItem.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["activeHref", "className", "children", "heading", "label"];
 var componentName = 'Nav';
 var blockClass = "".concat(settings.pkg.prefix, "--nav");
-exports.Nav = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.Nav = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var activeHref = _ref.activeHref,
     className = _ref.className,
     children = _ref.children,
@@ -55,7 +48,7 @@ exports.Nav = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
    */
   var buildNewItemChild = function buildNewItemChild(child, index) {
     var key = "".concat(NavItem.blockClass, "--").concat(index);
-    return /*#__PURE__*/React__default["default"].createElement(NavItem["default"], _rollupPluginBabelHelpers["extends"]({}, child.props, {
+    return /*#__PURE__*/React.createElement(NavItem.default, _rollupPluginBabelHelpers.extends({}, child.props, {
       activeHref: _activeHref,
       key: key,
       onClick: function onClick(event, href) {
@@ -72,7 +65,7 @@ exports.Nav = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
    */
   var buildNewListChild = function buildNewListChild(child, index) {
     var key = "".concat(NavList.blockClass, "--").concat(index);
-    return /*#__PURE__*/React__default["default"].createElement(NavList["default"], _rollupPluginBabelHelpers["extends"]({}, child.props, {
+    return /*#__PURE__*/React.createElement(NavList.default, _rollupPluginBabelHelpers.extends({}, child.props, {
       activeHref: _activeHref,
       id: key,
       key: key,
@@ -116,41 +109,41 @@ exports.Nav = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
       }
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement("nav", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement("nav", _rollupPluginBabelHelpers.extends({
+    className: cx(blockClass, className),
     "aria-label": label,
     ref: ref
-  }, devtools.getDevtoolsProps(componentName), rest), heading && /*#__PURE__*/React__default["default"].createElement("h1", {
+  }, devtools.getDevtoolsProps(componentName), rest), heading && /*#__PURE__*/React.createElement("h1", {
     className: "".concat(blockClass, "__heading")
-  }, heading), /*#__PURE__*/React__default["default"].createElement("ul", {
+  }, heading), /*#__PURE__*/React.createElement("ul", {
     className: "".concat(blockClass, "__wrapper"),
     role: "menubar"
-  }, React__default["default"].Children.map(children, function (child, index) {
+  }, React.Children.map(children, function (child, index) {
     var _child$type;
-    return (child === null || child === void 0 || (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _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.default.displayName ? buildNewListChild(child, index) : buildNewItemChild(child, index);
   })));
 });
 exports.Nav.propTypes = {
   /**
    * Hypertext reference for active page.
    */
-  activeHref: index["default"].string,
+  activeHref: index.default.string,
   /**
    * Child elements.
    */
-  children: index["default"].node,
+  children: index.default.node,
   /**
    * Extra classes to add.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Heading.
    */
-  heading: index["default"].string,
+  heading: index.default.string,
   /**
    * Aria-label on the rendered `nav` element.
    */
-  label: index["default"].string.isRequired
+  label: index.default.string.isRequired
 };
 
 // Return a placeholder if not released and not enabled by feature flag

package/lib/components/Nav/NavItem.js

@@ -11,18 +11,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var NavItemLink = require('./NavItemLink.js');
 var bucket9 = require('../../node_modules/@carbon/icons-react/es/generated/bucket-9.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["activeHref", "children", "className", "current", "disabled", "element", "href", "id", "label", "onClick", "tabIndex"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -41,7 +36,7 @@ var defaults = {
 /**
  * Navigation item component.
  */
-var NavItem = function NavItem(_ref) {
+exports.NavItem = function NavItem(_ref) {
   var _ref$activeHref = _ref.activeHref,
     activeHref = _ref$activeHref === void 0 ? defaults.activeHref : _ref$activeHref,
     _ref$children = _ref.children,
@@ -60,11 +55,20 @@ var NavItem = function NavItem(_ref) {
     _ref$tabIndex = _ref.tabIndex,
     tabIndex = _ref$tabIndex === void 0 ? defaults.tabIndex : _ref$tabIndex,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var internalId = React.useRef(uuidv4["default"]());
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    hrefHasDifferentHost = _useState2[0],
+    setHrefHasDifferentHost = _useState2[1];
+  React.useEffect(function () {
+    if ((href === null || href === void 0 ? void 0 : href.indexOf(window.location.host)) === -1) {
+      setHrefHasDifferentHost(true);
+    }
+  }, [href]);
+  var internalId = React.useRef(uuidv4.default());
   var instanceId = "".concat(blockClass, "__").concat(internalId.current);
   var navItemId = id || instanceId;
   var isAbsoluteLink = new RegExp('^([a-z]+://|//)', 'i');
-  var externalLink = isAbsoluteLink.test(href) && href.indexOf(window.location.host) === -1;
+  var externalLink = isAbsoluteLink.test(href) && hrefHasDifferentHost;
   var linkClassName = "".concat(blockClass, "__link");
   var handleDisabled = function handleDisabled(action) {
     var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -75,8 +79,8 @@ var NavItem = function NavItem(_ref) {
     rel: 'noopener noreferrer',
     target: '_blank'
   };
-  return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--active"), current !== null && current === navItemId || activeHref !== undefined && activeHref === href && !externalLink), "".concat(blockClass, "--disabled"), disabled)),
+  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--active"), current !== null && current === navItemId || activeHref !== undefined && activeHref === href && !externalLink), "".concat(blockClass, "--disabled"), disabled)),
     label: label,
     onClick: function onClick(event) {
       return handleDisabled(_onClick(event, href));
@@ -85,76 +89,78 @@ var NavItem = function NavItem(_ref) {
       return handleDisabled(_onClick(event, href));
     },
     role: "menuitem"
-  }), /*#__PURE__*/React__default["default"].createElement(NavItemLink["default"], _rollupPluginBabelHelpers["extends"]({
+  }), /*#__PURE__*/React.createElement(NavItemLink.default, _rollupPluginBabelHelpers.extends({
     id: navItemId,
-    className: cx__default["default"](linkClassName, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__link--external"), externalLink)),
+    className: cx(linkClassName, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__link--external"), externalLink)),
     element: element,
     href: href,
     tabIndex: navItemTabIndex
-  }, rest, externalLinkProps), children, externalLink && /*#__PURE__*/React__default["default"].createElement(bucket9.Launch, {
+  }, rest, externalLinkProps), children, externalLink && /*#__PURE__*/React.createElement(bucket9.Launch, {
     className: "".concat(blockClass, "__link--external__icon")
   })));
 };
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-NavItem.displayName = componentName;
+exports.NavItem.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.
-NavItem.propTypes = {
+exports.NavItem.propTypes = {
   /**
    * Hypertext reference for active page.
    */
-  activeHref: index["default"].string,
+  activeHref: index.default.string,
   /**
    * Provide the contents of the Nav.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Currently selected item.
    */
-  current: index["default"].string,
+  current: index.default.string,
   /**
    * Whether the item is disabled.
    */
-  disabled: index["default"].bool,
+  disabled: index.default.bool,
   /**
    * The base element to use to build the link. Defaults to `a`, can also accept alternative tag names or custom components like `Link` from `react-router`.
    */
-  element: index["default"].elementType,
+  element: index.default.elementType,
   /**
    * The href of the nav item.
    */
-  href: index["default"].string,
+  href: index.default.string,
   /**
    * Identifier.
    */
-  id: index["default"].string,
+  id: index.default.string,
   /**
    * Label of an item.
    */
-  label: index["default"].string,
+  label: index.default.string,
   /**
    * Whether the item is a link.
    */
-  link: index["default"].bool,
+  link: index.default.bool,
   /**
    * Click handler of an item.
    */
-  onClick: index["default"].func,
+  onClick: index.default.func,
   /**
    * `tabindex` of an item.
    */
-  tabIndex: index["default"].number
+  tabIndex: index.default.number
 };
-var NavItem$1 = NavItem;
 
-exports.NavItem = NavItem;
+// 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.blockClass = blockClass;
-exports["default"] = NavItem$1;
+exports.default = NavItem;

package/lib/components/Nav/NavItemLink.js

@@ -10,29 +10,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _excluded = ["element"];
-var NavItemLink = /*#__PURE__*/React__default["default"].forwardRef(function NavItemLink(props, ref) {
+var NavItemLink = /*#__PURE__*/React.forwardRef(function NavItemLink(props, ref) {
   var element = props.element,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(element, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+  return /*#__PURE__*/React.createElement(element, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
     ref: ref
   }));
 });
 NavItemLink.displayName = 'NavItemLink';
 NavItemLink.propTypes = {
   /** @type {elementType} The base element to use to build the link. Defaults to `a`, can also accept alternative tag names or custom components like `Link` from `react-router`. */
-  element: index["default"].elementType
+  element: index.default.elementType
 };
 NavItemLink.defaultProps = {
   element: 'a'
 };
 var NavItemLink$1 = NavItemLink;
 
-exports["default"] = NavItemLink$1;
+exports.default = NavItemLink$1;

package/lib/components/Nav/NavList.js

@@ -12,16 +12,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var cx = require('classnames');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var NavItem = require('./NavItem.js');
 var settings = require('../../settings.js');
 var bucket2 = require('../../node_modules/@carbon/icons-react/es/generated/bucket-2.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var componentName = 'NavList';
 var blockClass = "".concat(settings.pkg.prefix, "--nav-list");
 
@@ -39,7 +34,7 @@ var defaults = {
   icon: '',
   navigationItemTitle: ''
 };
-var NavList = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.NavList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$activeHref = _ref.activeHref,
     activeHref = _ref$activeHref === void 0 ? defaults.activeHref : _ref$activeHref,
     _ref$children = _ref.children,
@@ -67,7 +62,7 @@ var NavList = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
     open = _useState2[0],
     setOpen = _useState2[1];
   React.useEffect(function () {
-    var hrefs = React__default["default"].Children.toArray(children).filter(function (_ref2) {
+    var hrefs = React.Children.toArray(children).filter(function (_ref2) {
       var childProps = _ref2.props;
       return childProps.href && childProps.href.length > 0;
     }).map(function (_ref3) {
@@ -111,8 +106,8 @@ var NavList = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
       isExpandedOnPageLoad: isExpandedOnPageLoad
     };
   });
-  var newChildren = React__default["default"].Children.map(children, function (child, index) {
-    return /*#__PURE__*/React__default["default"].createElement(NavItem["default"], _rollupPluginBabelHelpers["extends"]({}, child.props, {
+  var newChildren = React.Children.map(children, function (child, index) {
+    return /*#__PURE__*/React.createElement(NavItem.default, _rollupPluginBabelHelpers.extends({}, child.props, {
       key: "".concat(NavItem.blockClass, "--").concat(index),
       onClick: function onClick(event, href) {
         var _child$props$onClick, _child$props;
@@ -123,31 +118,31 @@ var NavList = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
       tabIndex: open ? 0 : -1
     }));
   });
-  return /*#__PURE__*/React__default["default"].createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     ref: ref,
-    className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(NavItem.blockClass, "--expanded"), open)),
+    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(NavItem.blockClass, "--expanded"), open)),
     tabIndex: tabIndex,
     onClick: toggle,
     onKeyDown: toggle,
     role: "menuitem"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(NavItem.blockClass, "__link")
-  }, icon && /*#__PURE__*/React__default["default"].createElement("img", {
+  }, icon && /*#__PURE__*/React.createElement("img", {
     alt: navigationItemTitle,
     className: "".concat(NavItem.blockClass, "__img"),
     src: icon
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(NavItem.blockClass, "__content")
-  }, title), /*#__PURE__*/React__default["default"].createElement(bucket2.ChevronDown, {
+  }, title), /*#__PURE__*/React.createElement(bucket2.ChevronDown, {
     className: "".concat(blockClass, "__icon")
-  })), /*#__PURE__*/React__default["default"].createElement("ul", {
+  })), /*#__PURE__*/React.createElement("ul", {
     "aria-label": title,
     "aria-hidden": !open,
     className: "".concat(blockClass, " ").concat(blockClass, "--nested"),
     role: "menu"
   }, newChildren));
 });
-NavList.propTypes = {
+exports.NavList.propTypes = {
   /** @type {string} Hypertext reference for active page. */
   activeHref: index.propTypesExports.string,
   /** @type {Node} Child elements. */
@@ -171,9 +166,11 @@ NavList.propTypes = {
   /** @type {string} Label of the list. */
   title: index.propTypesExports.string
 };
-NavList.displayName = componentName;
-var NavList$1 = NavList;
+exports.NavList.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.NavList = NavList;
 exports.blockClass = blockClass;
-exports["default"] = NavList$1;
+exports.default = NavList;

package/lib/components/NonLinearReading/NonLinearReading.d.ts

@@ -6,7 +6,7 @@
  */
 import React, { ReactNode } from 'react';
 type Theme = 'light' | 'dark';
-interface NonLinearReadingProps {
+export interface NonLinearReadingProps {
     /**
      * The keyword of the component appears as a pill.
      */