@carbon/ibm-products 2.43.2-canary.132 → 2.43.2-canary.139

package/es/index.js

@@ -7,8 +7,6 @@
 
 import './feature-flags.js';
 export { pkg } from './settings.js';
-export { useColumnOrder } from 'react-table';
-export { usePrefix } from './global/js/hooks/usePrefix.js';
 export { AboutModal } from './components/AboutModal/AboutModal.js';
 export { APIKeyModal } from './components/APIKeyModal/APIKeyModal.js';
 export { Cascade } from './components/Cascade/Cascade.js';
@@ -22,19 +20,8 @@ export { CreateTearsheet } from './components/CreateTearsheet/CreateTearsheet.js
 export { CreateTearsheetStep } from './components/CreateTearsheet/CreateTearsheetStep.js';
 export { CreateTearsheetDivider } from './components/CreateTearsheet/CreateTearsheetDivider.js';
 export { CreateTearsheetNarrow } from './components/CreateTearsheetNarrow/CreateTearsheetNarrow.js';
-export { EmptyState } from './components/EmptyStates/EmptyState.js';
-export { EmptyStateV2 } from './components/EmptyStates/EmptyStateV2.js';
-export { ErrorEmptyState } from './components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js';
-export { NoDataEmptyState } from './components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js';
-export { NoTagsEmptyState } from './components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js';
-export { NotFoundEmptyState } from './components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js';
-export { NotificationsEmptyState } from './components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js';
-export { UnauthorizedEmptyState } from './components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js';
 export { ExportModal } from './components/ExportModal/ExportModal.js';
 export { ExpressiveCard } from './components/ExpressiveCard/ExpressiveCard.js';
-export { HTTPError403 } from './components/HTTPErrors/HTTPError403/HTTPError403.js';
-export { HTTPError404 } from './components/HTTPErrors/HTTPError404/HTTPError404.js';
-export { HTTPErrorOther } from './components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js';
 export { ImportModal } from './components/ImportModal/ImportModal.js';
 export { MultiAddSelect } from './components/MultiAddSelect/MultiAddSelect.js';
 export { NotificationsPanel } from './components/NotificationsPanel/NotificationsPanel.js';
@@ -59,29 +46,6 @@ export { EditSidePanel } from './components/EditSidePanel/EditSidePanel.js';
 export { OptionsTile } from './components/OptionsTile/OptionsTile.js';
 export { EditInPlace } from './components/EditInPlace/EditInPlace.js';
 export { DataSpreadsheet } from './components/DataSpreadsheet/DataSpreadsheet.js';
-export { Datagrid } from './components/Datagrid/Datagrid/Datagrid.js';
-export { default as useDatagrid } from './components/Datagrid/useDatagrid.js';
-export { default as useInfiniteScroll } from './components/Datagrid/useInfiniteScroll.js';
-export { default as useNestedRows } from './components/Datagrid/useNestedRows.js';
-export { default as useSelectRows } from './components/Datagrid/useSelectRows.js';
-export { default as useExpandedRow } from './components/Datagrid/useExpandedRow.js';
-export { default as useOnRowClick } from './components/Datagrid/useOnRowClick.js';
-export { default as useSortableColumns } from './components/Datagrid/useSortableColumns.js';
-export { default as useRowIsMouseOver } from './components/Datagrid/useRowIsMouseOver.js';
-export { default as useColumnCenterAlign } from './components/Datagrid/useColumnCenterAlign.js';
-export { default as useColumnRightAlign } from './components/Datagrid/useColumnRightAlign.js';
-export { default as useDisableSelectRows } from './components/Datagrid/useDisableSelectRows.js';
-export { default as useStickyColumn } from './components/Datagrid/useStickyColumn.js';
-export { default as useActionsColumn } from './components/Datagrid/useActionsColumn.js';
-export { default as useCustomizeColumns } from './components/Datagrid/useCustomizeColumns.js';
-export { default as useSelectAllWithToggle } from './components/Datagrid/useSelectAllToggle.js';
-export { default as useInlineEdit } from './components/Datagrid/useInlineEdit.js';
-export { default as useFiltering } from './components/Datagrid/useFiltering.js';
-export { getAutoSizedColumnWidth } from './components/Datagrid/utils/getAutoSizedColumnWidth.js';
-export { default as useFilterContext } from './components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js';
-export { default as useEditableCell } from './components/Datagrid/useEditableCell.js';
-export { EditTearsheet } from './components/EditTearsheet/EditTearsheet.js';
-export { EditTearsheetForm } from './components/EditTearsheet/EditTearsheetForm.js';
 export { EditTearsheetNarrow } from './components/EditTearsheetNarrow/EditTearsheetNarrow.js';
 export { EditFullPage } from './components/EditFullPage/EditFullPage.js';
 export { EditUpdateCards } from './components/EditUpdateCards/EditUpdateCards.js';
@@ -92,7 +56,6 @@ export { CoachmarkButton } from './components/CoachmarkButton/CoachmarkButton.js
 export { CoachmarkFixed } from './components/CoachmarkFixed/CoachmarkFixed.js';
 export { CoachmarkOverlayElement } from './components/CoachmarkOverlayElement/CoachmarkOverlayElement.js';
 export { CoachmarkOverlayElements } from './components/CoachmarkOverlayElements/CoachmarkOverlayElements.js';
-export { CoachmarkStack } from './components/CoachmarkStack/CoachmarkStack.js';
 export { Guidebanner } from './components/Guidebanner/Guidebanner.js';
 export { GuidebannerElement } from './components/Guidebanner/GuidebannerElement.js';
 export { GuidebannerElementButton } from './components/Guidebanner/GuidebannerElementButton.js';
@@ -101,12 +64,55 @@ export { InlineTip } from './components/InlineTip/InlineTip.js';
 export { InlineTipButton } from './components/InlineTip/InlineTipButton.js';
 export { InlineTipLink } from './components/InlineTip/InlineTipLink.js';
 export { NonLinearReading } from './components/NonLinearReading/NonLinearReading.js';
-export { BigNumbers } from './components/BigNumbers/BigNumbers.js';
 export { TruncatedList } from './components/TruncatedList/TruncatedList.js';
 export { InterstitialScreen } from './components/InterstitialScreen/InterstitialScreen.js';
 export { InterstitialScreenView } from './components/InterstitialScreenView/InterstitialScreenView.js';
 export { InterstitialScreenViewModule } from './components/InterstitialScreenViewModule/InterstitialScreenViewModule.js';
 export { DelimitedList } from './components/DelimitedList/DelimitedList.js';
+export { FullPageError } from './components/FullPageError/FullPageError.js';
+export { SearchBar } from './components/SearchBar/SearchBar.js';
+export { TagOverflow } from './components/TagOverflow/TagOverflow.js';
+export { GetStartedCard } from './components/GetStartedCard/GetStartedCard.js';
+export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags } from './components/FeatureFlags/index.js';
+export { useColumnOrder } from 'react-table';
+export { usePrefix } from './global/js/hooks/usePrefix.js';
+export { ActionBar } from './components/ActionBar/ActionBar.js';
+export { EmptyState } from './components/EmptyStates/EmptyState.js';
+export { EmptyStateV2 } from './components/EmptyStates/EmptyStateV2.js';
+export { ErrorEmptyState } from './components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js';
+export { NoDataEmptyState } from './components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js';
+export { NoTagsEmptyState } from './components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js';
+export { NotFoundEmptyState } from './components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js';
+export { NotificationsEmptyState } from './components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js';
+export { UnauthorizedEmptyState } from './components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js';
+export { HTTPError403 } from './components/HTTPErrors/HTTPError403/HTTPError403.js';
+export { HTTPError404 } from './components/HTTPErrors/HTTPError404/HTTPError404.js';
+export { HTTPErrorOther } from './components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js';
+export { Datagrid } from './components/Datagrid/Datagrid/Datagrid.js';
+export { default as useDatagrid } from './components/Datagrid/useDatagrid.js';
+export { default as useInfiniteScroll } from './components/Datagrid/useInfiniteScroll.js';
+export { default as useNestedRows } from './components/Datagrid/useNestedRows.js';
+export { default as useSelectRows } from './components/Datagrid/useSelectRows.js';
+export { default as useExpandedRow } from './components/Datagrid/useExpandedRow.js';
+export { default as useOnRowClick } from './components/Datagrid/useOnRowClick.js';
+export { default as useSortableColumns } from './components/Datagrid/useSortableColumns.js';
+export { default as useRowIsMouseOver } from './components/Datagrid/useRowIsMouseOver.js';
+export { default as useColumnRightAlign } from './components/Datagrid/useColumnRightAlign.js';
+export { default as useDisableSelectRows } from './components/Datagrid/useDisableSelectRows.js';
+export { default as useStickyColumn } from './components/Datagrid/useStickyColumn.js';
+export { default as useActionsColumn } from './components/Datagrid/useActionsColumn.js';
+export { default as useCustomizeColumns } from './components/Datagrid/useCustomizeColumns.js';
+export { default as useSelectAllWithToggle } from './components/Datagrid/useSelectAllToggle.js';
+export { default as useColumnCenterAlign } from './components/Datagrid/useColumnCenterAlign.js';
+export { default as useInlineEdit } from './components/Datagrid/useInlineEdit.js';
+export { default as useEditableCell } from './components/Datagrid/useEditableCell.js';
+export { default as useFiltering } from './components/Datagrid/useFiltering.js';
+export { getAutoSizedColumnWidth } from './components/Datagrid/utils/getAutoSizedColumnWidth.js';
+export { default as useFilterContext } from './components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js';
+export { EditTearsheet } from './components/EditTearsheet/EditTearsheet.js';
+export { EditTearsheetForm } from './components/EditTearsheet/EditTearsheetForm.js';
+export { CoachmarkStack } from './components/CoachmarkStack/CoachmarkStack.js';
+export { BigNumbers } from './components/BigNumbers/BigNumbers.js';
 export { Decorator } from './components/Decorator/Decorator.js';
 export { DecoratorLink } from './components/DecoratorLink/DecoratorLink.js';
 export { DecoratorSingleButton } from './components/DecoratorSingleButton/DecoratorSingleButton.js';
@@ -115,16 +121,14 @@ export { DescriptionList } from './components/DescriptionList/DescriptionList.js
 export { DescriptionListBody } from './components/DescriptionList/DescriptionListBody.js';
 export { DescriptionListCell } from './components/DescriptionList/DescriptionListCell.js';
 export { DescriptionListRow } from './components/DescriptionList/DescriptionListRow.js';
-export { FullPageError } from './components/FullPageError/FullPageError.js';
-export { SearchBar } from './components/SearchBar/SearchBar.js';
 export { Nav } from './components/Nav/Nav.js';
+export { NavList } from './components/Nav/NavList.js';
+export { NavItem } from './components/Nav/NavItem.js';
 export { StringFormatter } from './components/StringFormatter/StringFormatter.js';
 export { UserAvatar } from './components/UserAvatar/UserAvatar.js';
 export { ScrollGradient } from './components/ScrollGradient/ScrollGradient.js';
 export { StatusIndicator } from './components/StatusIndicator/StatusIndicator.js';
 export { StatusIndicatorStep } from './components/StatusIndicator/StatusIndicatorStep.js';
-export { TagOverflow } from './components/TagOverflow/TagOverflow.js';
-export { ActionBar } from './components/ActionBar/ActionBar.js';
 export { FilterPanel } from './components/FilterPanel/FilterPanel.js';
 export { FilterPanelAccordion } from './components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js';
 export { FilterPanelAccordionItem } from './components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js';
@@ -134,5 +138,3 @@ export { FilterPanelGroup } from './components/FilterPanel/FilterPanelGroup/Filt
 export { FilterPanelLabel } from './components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js';
 export { FilterPanelSearch } from './components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js';
 export { ConditionBuilder } from './components/ConditionBuilder/ConditionBuilder.js';
-export { GetStartedCard } from './components/GetStartedCard/GetStartedCard.js';
-export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags } from './components/FeatureFlags/index.js';

package/es/settings.d.ts

@@ -64,6 +64,8 @@ export const pkg: {
         EditFullPage: boolean;
         EditUpdateCards: boolean;
         Nav: boolean;
+        NavItem: boolean;
+        NavList: boolean;
         BigNumbers: boolean;
         TruncatedList: boolean;
         DelimitedList: boolean;

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js

@@ -169,10 +169,10 @@ var DraggableItemsList = function DraggableItemsList(_ref) {
     strategy: sortable.verticalListSortingStrategy
   }, visibleCols.map(function (colDef) {
     var colHeaderTitle = getNodeTextContent.getNodeTextContent(colDef.Header);
-    var searchString = new RegExp('(' + filterString + ')');
-    var res = filterString.length ? colHeaderTitle.toLowerCase().split(searchString) : null;
-    var firstWord = res !== null ? res[0] === '' ? res[1].charAt(0).toUpperCase() + res[1].substring(1) : res[0].charAt(0).toUpperCase() + res[0].substring(1) : null;
-    var highlightedText = res !== null ? res[0] === '' ? "<strong>".concat(firstWord, "</strong>") + res[2] : firstWord + "<strong>".concat(res[1], "</strong>") + res[2] : colHeaderTitle;
+    var parts = colHeaderTitle.split(new RegExp("(".concat(filterString, ")"), 'gi'));
+    var highlightedText = parts.map(function (part) {
+      return part.toLowerCase() === filterString.toLowerCase() ? "<strong>".concat(part, "</strong>") : part;
+    }).join('');
     var isFrozenColumn = !!colDef.sticky;
     var isDisabled = colDef.disabled;
     var listContents = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(react.Checkbox, {

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.d.ts

@@ -1,7 +1,8 @@
 export default FilterFlyout;
-declare function FilterFlyout({ updateMethod, flyoutIconDescription, filters, title, primaryActionLabel, onFlyoutOpen, onFlyoutClose, onApply, onCancel, secondaryActionLabel, setAllFilters, data, reactTableFiltersState, }: {
+declare function FilterFlyout({ updateMethod, flyoutIconDescription, align, filters, title, primaryActionLabel, onFlyoutOpen, onFlyoutClose, onApply, onCancel, secondaryActionLabel, setAllFilters, data, reactTableFiltersState, }: {
     updateMethod: any;
     flyoutIconDescription?: string | undefined;
+    align?: string | undefined;
     filters?: any[] | undefined;
     title?: string | undefined;
     primaryActionLabel?: string | undefined;
@@ -16,6 +17,7 @@ declare function FilterFlyout({ updateMethod, flyoutIconDescription, filters, ti
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace FilterFlyout {
     namespace propTypes {
+        let align: PropTypes.Requireable<string>;
         let data: PropTypes.Validator<any[]>;
         let filters: PropTypes.Validator<(PropTypes.InferProps<{
             type: PropTypes.Validator<string>;

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js

@@ -37,12 +37,15 @@ var defaults = {
   flyoutIconDescription: 'Open filters',
   title: 'Filter',
   primaryActionLabel: 'Apply',
-  secondaryActionLabel: 'Cancel'
+  secondaryActionLabel: 'Cancel',
+  align: 'bottom'
 };
 var FilterFlyout = function FilterFlyout(_ref) {
   var updateMethod = _ref.updateMethod,
     _ref$flyoutIconDescri = _ref.flyoutIconDescription,
     flyoutIconDescription = _ref$flyoutIconDescri === void 0 ? defaults.flyoutIconDescription : _ref$flyoutIconDescri,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? defaults.align : _ref$align,
     _ref$filters = _ref.filters,
     filters = _ref$filters === void 0 ? [] : _ref$filters,
     _ref$title = _ref.title,
@@ -233,7 +236,7 @@ var FilterFlyout = function FilterFlyout(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
     label: flyoutIconDescription,
     kind: "ghost",
-    align: "bottom",
+    align: align,
     onClick: open ? closeFlyout : openFlyout,
     className: cx__default["default"]("".concat(componentClass, "__trigger"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "__trigger--open"), open)),
     disabled: data.length === 0
@@ -250,6 +253,10 @@ var FilterFlyout = function FilterFlyout(_ref) {
   }, renderFilters())), renderActionSet()));
 };
 FilterFlyout.propTypes = {
+  /**
+   * Tooltip alignment for the filter button
+   */
+  align: index["default"].string,
   /**
    * All data rows in the table
    */

package/lib/components/EditInPlace/EditInPlace.d.ts

@@ -90,6 +90,10 @@ export interface EditInplaceProps extends PropsWithChildren {
      * current value of the input
      */
     value: string;
+    /**
+     * placeholder for the input
+     */
+    placeholder?: string;
 }
 export declare let EditInPlace: React.ForwardRefExoticComponent<EditInplaceProps & React.RefAttributes<HTMLDivElement>>;
 export declare const deprecatedProps: {

package/lib/components/EditInPlace/EditInPlace.js

@@ -24,7 +24,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _Close, _Checkmark, _Edit;
-var _excluded = ["cancelLabel", "editAlwaysVisible", "editLabel", "id", "inheritTypography", "invalid", "invalidLabel", "invalidText", "labelText", "onCancel", "onChange", "onSave", "onBlur", "saveLabel", "size", "tooltipAlignment", "value"];
+var _excluded = ["cancelLabel", "editAlwaysVisible", "editLabel", "id", "inheritTypography", "invalid", "invalidLabel", "invalidText", "labelText", "onCancel", "onChange", "onSave", "onBlur", "saveLabel", "size", "tooltipAlignment", "value", "placeholder"];
 var componentName = 'EditInPlace';
 var blockClass = "".concat(settings.pkg.prefix, "--edit-in-place");
 var defaults = {
@@ -51,6 +51,7 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     size = _ref$size === void 0 ? 'sm' : _ref$size,
     tooltipAlignment = _ref.tooltipAlignment,
     value = _ref.value,
+    placeholder = _ref.placeholder,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -165,6 +166,7 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     id: id,
     className: cx__default["default"]("".concat(blockClass, "__text-input"), "".concat(settings.carbon.prefix, "--text-input"), "".concat(settings.carbon.prefix, "--text-input--").concat(size)),
     type: "text",
+    placeholder: placeholder,
     value: value,
     onChange: onChangeHandler,
     ref: inputRef
@@ -283,6 +285,10 @@ exports.EditInPlace.propTypes = _rollupPluginBabelHelpers.objectSpread2({
    * handler that is called when the save button is pressed or when the user removes focus from the input if it has a new value
    */
   onSave: index["default"].func.isRequired,
+  /**
+   * Placeholder for text input
+   */
+  placeholder: index["default"].string,
   /**
    * determines if the input is in readOnly mode
    */

package/lib/components/Guidebanner/Guidebanner.js

@@ -13,10 +13,10 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var React = require('react');
-var index = require('../../node_modules/@carbon/colors/es/index.js');
+var index$1 = require('../../node_modules/@carbon/colors/es/index.js');
 var Carousel = require('../Carousel/Carousel.js');
 require('../Carousel/CarouselItem.js');
-var index$1 = require('../../node_modules/prop-types/index.js');
+var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
@@ -104,8 +104,8 @@ exports.Guidebanner = /*#__PURE__*/React__default["default"].forwardRef(function
     // against the Guidebanner's gradient background.
     ,
     fadedEdgeColor: {
-      left: index.blue90,
-      right: index.purple70
+      left: index$1.blue90,
+      right: index$1.purple70
     },
     ref: scrollRef,
     onChangeIsScrollable: function onChangeIsScrollable(value) {
@@ -199,47 +199,47 @@ exports.Guidebanner.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * Tooltip text and aria label for the Close button icon.
    */
-  closeIconDescription: index$1["default"].string,
+  closeIconDescription: index["default"].string,
   /**
    * Text label for the Collapse button.
    */
-  collapseButtonLabel: index$1["default"].string,
+  collapseButtonLabel: index["default"].string,
   /**
    * When true, the Guidebanner will initialize in a collapsed state,
    * showing the title and the Expand button.
    *
    * When expanded, it will show the GuidebannerElement child components and the Collapse button.
    */
-  collapsible: index$1["default"].bool,
+  collapsible: index["default"].bool,
   /**
    * Text label for the Expand button.
    */
-  expandButtonLabel: index$1["default"].string,
+  expandButtonLabel: index["default"].string,
   /**
    * Tooltip text and aria label for the Next button icon.
    */
-  nextIconDescription: index$1["default"].string,
+  nextIconDescription: index["default"].string,
   /**
    * If defined, a Close button will render in the top-right corner and a
    * callback function will be triggered when button is clicked.
    */
-  onClose: index$1["default"].func,
+  onClose: index["default"].func,
   /**
    * Tooltip text and aria label for the Back button icon.
    */
-  previousIconDescription: index$1["default"].string,
+  previousIconDescription: index["default"].string,
   /**
    * Title text.
    */
-  title: index$1["default"].string.isRequired,
+  title: index["default"].string.isRequired,
   /**
    * If true, insert 1 rem of "space" on the left of the component.
    * This will allow the component's content to line up with other
    * content on the page under special circumstances.
    */
-  withLeftGutter: index$1["default"].bool
+  withLeftGutter: index["default"].bool
 };

package/lib/components/Nav/NavItem.js

@@ -41,7 +41,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,
@@ -65,7 +65,7 @@ var NavItem = function NavItem(_ref) {
     hrefHasDifferentHost = _useState2[0],
     setHrefHasDifferentHost = _useState2[1];
   React.useEffect(function () {
-    if (href.indexOf(window.location.host) === -1) {
+    if ((href === null || href === void 0 ? void 0 : href.indexOf(window.location.host)) === -1) {
       setHrefHasDifferentHost(true);
     }
   }, [href]);
@@ -107,12 +107,12 @@ var 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.
-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.
    */
@@ -162,8 +162,10 @@ NavItem.propTypes = {
    */
   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/NavList.js

@@ -39,7 +39,7 @@ var defaults = {
   icon: '',
   navigationItemTitle: ''
 };
-var NavList = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.NavList = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$activeHref = _ref.activeHref,
     activeHref = _ref$activeHref === void 0 ? defaults.activeHref : _ref$activeHref,
     _ref$children = _ref.children,
@@ -147,7 +147,7 @@ var NavList = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
     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 +171,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/OptionsTile/OptionsTile.d.ts

@@ -53,7 +53,7 @@ export interface OptionsTileProps {
     /**
      * Define the size of the OptionsTile.
      */
-    size: 'lg' | 'xl';
+    size?: 'lg' | 'xl';
     /**
      * Optionally provide a text summarizing the current state of the content.
      */

package/lib/components/OptionsTile/OptionsTile.js

@@ -332,7 +332,6 @@ exports.OptionsTile.propTypes = {
   /**
    * Define the size of the OptionsTile.
    */
-  /**@ts-ignore*/
   size: index["default"].oneOf(['lg', 'xl']),
   /**
    * Optionally provide a text summarizing the current state of the content.

package/lib/components/WebTerminal/WebTerminal.js

@@ -13,13 +13,13 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var React = require('react');
-var index$1 = require('../../node_modules/prop-types/index.js');
+var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var carbonMotion = require('@carbon/motion');
 var settings = require('../../settings.js');
 var usePrefersReducedMotion = require('../../global/js/hooks/usePrefersReducedMotion.js');
-var index = require('./hooks/index.js');
+var index$1 = require('./hooks/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -58,7 +58,7 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
     _ref$webTerminalAriaL = _ref.webTerminalAriaLabel,
     webTerminalAriaLabel = _ref$webTerminalAriaL === void 0 ? defaults.webTerminalAriaLabel : _ref$webTerminalAriaL,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var _useWebTerminal = index.useWebTerminal(),
+  var _useWebTerminal = index$1.useWebTerminal(),
     open = _useWebTerminal.open,
     closeWebTerminal = _useWebTerminal.closeWebTerminal,
     openWebTerminal = _useWebTerminal.openWebTerminal;
@@ -179,37 +179,37 @@ exports.WebTerminal.propTypes = {
    * An array of actions to be displayed in the web terminal header bar
    */
   /**@ts-ignore */
-  actions: index$1["default"].arrayOf(index$1["default"].shape({
-    renderIcon: index$1["default"].func.isRequired,
-    onClick: index$1["default"].func.isRequired,
-    iconDescription: index$1["default"].string.isRequired
+  actions: index["default"].arrayOf(index["default"].shape({
+    renderIcon: index["default"].func.isRequired,
+    onClick: index["default"].func.isRequired,
+    iconDescription: index["default"].string.isRequired
   })),
   /**
    * Provide your own terminal component as children to show up in the web terminal
    */
-  children: index$1["default"].oneOfType([index$1["default"].arrayOf(index$1["default"].node), index$1["default"].node]).isRequired,
+  children: index["default"].oneOfType([index["default"].arrayOf(index["default"].node), index["default"].node]).isRequired,
   /**
    * Custom classname for additional styling of the web terminal
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * Icon description for the close button
    */
-  closeIconDescription: index$1["default"].string.isRequired,
+  closeIconDescription: index["default"].string.isRequired,
   /**
    * Array of objects for each documentation link. Each documentation link uses the prop types of OverflowMenuItems. See more: https://react.carbondesignsystem.com/?path=/docs/components-overflowmenu--default
    */
-  documentationLinks: index$1["default"].arrayOf(index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2({}, react.OverflowMenuItem.propTypes))),
+  documentationLinks: index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2({}, react.OverflowMenuItem.propTypes))),
   /**
    * Description for the documentation link overflow menu tooltip
    */
-  documentationLinksIconDescription: index$1["default"].string,
+  documentationLinksIconDescription: index["default"].string,
   /**
    * Optionally pass if the web terminal should be open by default
    */
-  isInitiallyOpen: index$1["default"].bool,
+  isInitiallyOpen: index["default"].bool,
   /**
    * Specifies aria label for Web terminal
    */
-  webTerminalAriaLabel: index$1["default"].string
+  webTerminalAriaLabel: index["default"].string
 };

package/lib/components/WebTerminal/WebTerminalContentWrapper.js

@@ -11,10 +11,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../node_modules/prop-types/index.js');
+var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');
-var index = require('./hooks/index.js');
+var index$1 = require('./hooks/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,7 +29,7 @@ var blockClass = "".concat(settings.pkg.prefix, "--web-terminal-content-wrapper"
 exports.WebTerminalContentWrapper = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var _useWebTerminal = index.useWebTerminal(),
+  var _useWebTerminal = index$1.useWebTerminal(),
     open = _useWebTerminal.open;
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     ref: ref,
@@ -51,5 +51,5 @@ exports.WebTerminalContentWrapper.propTypes = {
   /**
    * Pass in content as children.
    */
-  children: index$1["default"].oneOfType([index$1["default"].arrayOf(index$1["default"].node), index$1["default"].node]).isRequired
+  children: index["default"].oneOfType([index["default"].arrayOf(index["default"].node), index["default"].node]).isRequired
 };