@carbon/ibm-products 2.74.0-rc.0 → 2.75.0-rc.0

package/lib/components/Saving/Saving.js

@@ -18,7 +18,7 @@ var settings = require('../../settings.js');
 
 var _ErrorFilled;
 const componentName = 'Saving';
-exports.Saving = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const Saving = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     secondaryButtonText,
     className,
@@ -94,8 +94,7 @@ exports.Saving = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     type: "button"
   }, statusObj[status]?.text)));
 });
-exports.Saving = settings.pkg.checkComponentEnabled(exports.Saving, componentName);
-exports.Saving.propTypes = {
+Saving.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
@@ -153,4 +152,6 @@ exports.Saving.propTypes = {
    */
   type: index.default.oneOf(['manual', 'auto']).isRequired
 };
-exports.Saving.displayName = componentName;
+Saving.displayName = componentName;
+
+exports.Saving = Saving;

package/lib/components/SearchBar/SearchBar.d.ts

@@ -48,7 +48,7 @@ export interface SearchBarProps extends PropsWithChildren {
     /** @type {string} Search query value. */
     value?: string;
 }
-export declare let SearchBar: React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<HTMLFormElement>>;
+export declare const SearchBar: React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<HTMLFormElement>>;
 export declare const deprecatedProps: {
     /**
      * **Deprecated**

package/lib/components/SearchBar/SearchBar.js

@@ -27,7 +27,7 @@ const defaults = {
   onChange: () => {},
   hideScopesLabel: true
 };
-exports.SearchBar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const SearchBar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     // The component props, in alphabetical order (for consistency).
     className,
@@ -144,11 +144,10 @@ exports.SearchBar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.SearchBar = settings.pkg.checkComponentEnabled(exports.SearchBar, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.SearchBar.displayName = componentName;
+SearchBar.displayName = componentName;
 const conditionalScopePropValidator = function (props, propName, componentName) {
   if (props.scopes && props.scopes.length > 0 && !props[propName]) {
     return new Error(`Required \`${propName}\` when \`scopes\` prop type is supplied to \`${componentName}\`. Validation failed.`);
@@ -171,7 +170,7 @@ const deprecatedProps = {
 // The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-exports.SearchBar.propTypes = {
+SearchBar.propTypes = {
   /** @type {string} Optional additional class name. */
   className: index.default.string,
   /** @type {string} The label text for the search text input. */
@@ -213,4 +212,5 @@ exports.SearchBar.propTypes = {
   ...deprecatedProps
 };
 
+exports.SearchBar = SearchBar;
 exports.deprecatedProps = deprecatedProps;

package/lib/components/SearchBar/index.js

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2020, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+var SearchBar = require('./SearchBar.js');
+
+
+
+exports.SearchBar = SearchBar.SearchBar;

package/lib/components/SidePanel/SidePanel.d.ts

@@ -162,5 +162,8 @@ type SidePanelSlideInProps = {
     selectorPageContent: string;
 };
 export type SidePanelProps = SidePanelBaseProps & SidePanelSlideInProps;
-export declare const SidePanel: any;
+/**
+ * Side panels keep users in-context of a page while performing tasks like navigating, editing, viewing details, or configuring something new.
+ */
+export declare const SidePanel: React.ForwardRefExoticComponent<SidePanelProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/SidePanel/SidePanel.js

@@ -46,7 +46,8 @@ const defaults = {
 /**
  * Side panels keep users in-context of a page while performing tasks like navigating, editing, viewing details, or configuring something new.
  */
-const SidePanelBase = /*#__PURE__*/React.forwardRef((props, ref) => {
+const SidePanel = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var _Layer;
   const {
     actionToolbarButtons,
     actions,
@@ -522,7 +523,7 @@ const SidePanelBase = /*#__PURE__*/React.forwardRef((props, ref) => {
       ref: innerContentRef,
       onScroll: handleScroll,
       className: cx(`${blockClass}__inner-content`, `${blockClass}--scrolls`, `${!doAnimateTitle && !animateTitle ? `${blockClass}__inner-content--no-animated-title` : ''}`)
-    }, children);
+    }, _Layer || (_Layer = /*#__PURE__*/React.createElement(react.Layer, null, children)));
   };
   const handleKeyDown = event => {
     if (!slideIn) {
@@ -559,9 +560,6 @@ const SidePanelBase = /*#__PURE__*/React.forwardRef((props, ref) => {
     })
   })) : null;
 });
-
-// Return a placeholder if not released and not enabled by feature flag
-const SidePanel = settings.pkg.checkComponentEnabled(SidePanelBase, componentName);
 const deprecatedProps = {
   /**
    * **deprecated**

package/lib/components/SingleAddSelect/SingleAddSelect.d.ts

@@ -68,4 +68,4 @@ export interface SingleAddSelectProps {
 /**
  * Used to add or select one or more items from larger lists or hierarchies.
  */
-export declare let SingleAddSelect: React.ForwardRefExoticComponent<SingleAddSelectProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SingleAddSelect: React.ForwardRefExoticComponent<SingleAddSelectProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/SingleAddSelect/SingleAddSelect.js

@@ -12,14 +12,13 @@ var React = require('react');
 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 propsHelper = require('../../global/js/utils/props-helper.js');
 
 const componentName = 'SingleAddSelect';
 /**
  * Used to add or select one or more items from larger lists or hierarchies.
  */
-exports.SingleAddSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
+const SingleAddSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
   // remove multi add select specific props
   const validProps = propsHelper.prepareProps(props, ['columnInputPlaceholder', 'globalFilters', 'globalFiltersIconDescription', 'globalFiltersPlaceholderText', 'globalFiltersPrimaryButtonText', 'globalFiltersSecondaryButtonText', 'influencerTitle', 'multi', 'noSelectionDescription', 'noSelectionTitle', 'removeIconDescription']);
   return /*#__PURE__*/React.createElement(AddSelect.AddSelect, _rollupPluginBabelHelpers.extends({}, validProps, {
@@ -28,8 +27,7 @@ exports.SingleAddSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
     multi: false
   }));
 });
-exports.SingleAddSelect = settings.pkg.checkComponentEnabled(exports.SingleAddSelect, componentName);
-exports.SingleAddSelect.propTypes = {
+SingleAddSelect.propTypes = {
   /**
    * optional class name
    */
@@ -101,4 +99,6 @@ exports.SingleAddSelect.propTypes = {
    */
   title: index.default.string
 };
-exports.SingleAddSelect.displayName = componentName;
+SingleAddSelect.displayName = componentName;
+
+exports.SingleAddSelect = SingleAddSelect;

package/lib/components/StatusIcon/StatusIcon.d.ts

@@ -39,5 +39,5 @@ export interface StatusIconProps extends PropsWithChildren {
      */
     theme: Theme;
 }
-export declare let StatusIcon: React.ForwardRefExoticComponent<StatusIconProps & React.RefAttributes<React.ReactSVGElement | null>>;
+export declare const StatusIcon: React.ForwardRefExoticComponent<StatusIconProps & React.RefAttributes<React.ReactSVGElement | null>>;
 export {};

package/lib/components/StatusIcon/StatusIcon.js

@@ -28,7 +28,7 @@ information to users. The shapes and colors, communicate severity that enable
 users to quickly assess and identify status and respond accordingly.
  */
 
-exports.StatusIcon = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
+const StatusIcon = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     kind,
     theme,
@@ -247,9 +247,8 @@ exports.StatusIcon = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     ref
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("title", null, iconDescription));
 });
-exports.StatusIcon = settings.pkg.checkComponentEnabled(exports.StatusIcon, componentName);
-exports.StatusIcon.displayName = componentName;
-exports.StatusIcon.propTypes = {
+StatusIcon.displayName = componentName;
+StatusIcon.propTypes = {
   /**
    * Provide an optional class to be applied to the modal root node.
    */
@@ -271,3 +270,5 @@ exports.StatusIcon.propTypes = {
    */
   theme: index.default.oneOf(['light', 'dark']).isRequired
 };
+
+exports.StatusIcon = StatusIcon;

package/lib/components/StepFlow/story-assets/SidePanel/StepSidePanel.d.ts

@@ -9,12 +9,13 @@ import { StepState } from '../..';
 interface Props {
     children?: ReactNode;
     subtitle?: ((a: StepState) => ReactNode) | null;
-    open?: boolean;
+    open: boolean;
     onClose?: () => void;
-    title?: ReactNode;
+    title?: string;
     hasCloseIcon?: boolean;
     closeIconDescription?: string;
     selectorPrimaryFocus?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 }
-export declare const StepSidePanel: ({ subtitle, children, open, onClose, title, selectorPrimaryFocus, ...rest }: Props) => React.JSX.Element;
+export declare const StepSidePanel: ({ subtitle, children, open, onClose, title, selectorPrimaryFocus, size, ...rest }: Props) => React.JSX.Element;
 export {};

package/lib/components/TagOverflow/TagOverflow.d.ts

@@ -51,4 +51,4 @@ export interface TagOverflowProps {
     showAllTagsLabel?: string;
     tagComponent?: string;
 }
-export declare let TagOverflow: React.ForwardRefExoticComponent<TagOverflowProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TagOverflow: React.ForwardRefExoticComponent<TagOverflowProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/TagOverflow/TagOverflow.js

@@ -22,7 +22,7 @@ var useOverflowItems = require('../../global/js/hooks/useOverflowItems/useOverfl
 const blockClass = `${settings.pkg.prefix}--tag-overflow`;
 const componentName = 'TagOverflow';
 const allTagsModalSearchThreshold = 10;
-exports.TagOverflow = /*#__PURE__*/React.forwardRef((props, ref) => {
+const TagOverflow = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     align = 'start',
     allTagsModalAriaLabel,
@@ -134,17 +134,16 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef((props, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.TagOverflow = settings.pkg.checkComponentEnabled(exports.TagOverflow, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.TagOverflow.displayName = componentName;
+TagOverflow.displayName = componentName;
 const tagTypes = Object.keys(constants.TYPES);
 
 // The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-exports.TagOverflow.propTypes = {
+TagOverflow.propTypes = {
   /**
    * align the Tags displayed by the TagSet. Default start.
    */
@@ -234,3 +233,5 @@ exports.TagOverflow.propTypes = {
   //@ts-ignore
   tagComponent: index.default.elementType
 };
+
+exports.TagOverflow = TagOverflow;

package/lib/components/TagSet/TagSet.d.ts

@@ -96,6 +96,6 @@ export interface TagSetProps extends PropsWithChildren {
      */
     tags?: TagType[];
 }
-export declare let TagSet: React.ForwardRefExoticComponent<TagSetProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TagSet: React.ForwardRefExoticComponent<TagSetProps & React.RefAttributes<HTMLDivElement>>;
 declare const tagTypes: string[];
 export default TagSet;

package/lib/components/TagSet/TagSet.js

@@ -7,6 +7,8 @@
 
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../_virtual/index.js');
@@ -27,7 +29,7 @@ const defaults = {
   measurementOffset: 0,
   onOverflowTagChange: () => {}
 };
-exports.TagSet = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const TagSet = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     // The component props, in alphabetical order (for consistency).
 
@@ -243,7 +245,6 @@ exports.TagSet = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.TagSet = settings.pkg.checkComponentEnabled(exports.TagSet, componentName);
 
 // copied from carbon-components-react/src/components/Tag/Tag.js for DocGen
 const TYPES = {
@@ -261,8 +262,8 @@ const TYPES = {
   outline: 'Outline'
 };
 const tagTypes = Object.keys(TYPES);
-exports.TagSet['types'] = tagTypes;
-exports.TagSet.propTypes = {
+TagSet['types'] = tagTypes;
+TagSet.propTypes = {
   /**
    * align the Tags displayed by the TagSet. Default start.
    */
@@ -353,4 +354,7 @@ exports.TagSet.propTypes = {
     type: index.default.oneOf(tagTypes)
   }))
 };
-exports.TagSet.displayName = componentName;
+TagSet.displayName = componentName;
+
+exports.TagSet = TagSet;
+exports.default = TagSet;

package/lib/components/Tearsheet/Tearsheet.d.ts

@@ -140,7 +140,7 @@ export interface TearsheetProps extends PropsWithChildren {
  * panel on either the left or right side, the main content area, and a set of
  * action buttons.
  */
-export declare let Tearsheet: React.ForwardRefExoticComponent<TearsheetProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Tearsheet: React.ForwardRefExoticComponent<TearsheetProps & React.RefAttributes<HTMLDivElement>>;
 export declare const deprecatedProps: {
     /**
      * **Deprecated**

package/lib/components/Tearsheet/Tearsheet.js

@@ -14,7 +14,6 @@ var TearsheetShell = require('./TearsheetShell.js');
 var index = require('../../_virtual/index.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 var devtools = require('../../global/js/utils/devtools.js');
-var settings = require('../../settings.js');
 
 const componentName = 'Tearsheet';
 
@@ -38,7 +37,7 @@ const componentName = 'Tearsheet';
  * panel on either the left or right side, the main content area, and a set of
  * action buttons.
  */
-exports.Tearsheet = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Tearsheet = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     influencerPosition = 'left',
     influencerWidth = 'narrow',
@@ -54,11 +53,10 @@ exports.Tearsheet = /*#__PURE__*/React.forwardRef((props, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.Tearsheet = settings.pkg.checkComponentEnabled(exports.Tearsheet, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.Tearsheet.displayName = componentName;
+Tearsheet.displayName = componentName;
 const deprecatedProps = {
   /**
    * **Deprecated**
@@ -78,7 +76,7 @@ const deprecatedProps = {
 
 // Note that the descriptions here should be kept in sync with those for the
 // corresponding props for TearsheetNarrow and TearsheetShell components.
-exports.Tearsheet.propTypes = {
+Tearsheet.propTypes = {
   /**
    * The navigation actions to be shown as buttons in the action area at the
    * bottom of the tearsheet. Each action is specified as an object with
@@ -199,4 +197,5 @@ exports.Tearsheet.propTypes = {
   ...deprecatedProps
 };
 
+exports.Tearsheet = Tearsheet;
 exports.deprecatedProps = deprecatedProps;

package/lib/components/Tearsheet/TearsheetNarrow.d.ts

@@ -104,7 +104,7 @@ export interface TearsheetNarrowProps extends PropsWithChildren {
  * A narrow tearsheet comprises 3 zones: a heading area including a title, the
  * main content area, and a set of action buttons.
  */
-export declare let TearsheetNarrow: React.ForwardRefExoticComponent<TearsheetNarrowProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TearsheetNarrow: React.ForwardRefExoticComponent<TearsheetNarrowProps & React.RefAttributes<HTMLDivElement>>;
 export declare const deprecatedProps: {
     /**
      * **Deprecated**

package/lib/components/Tearsheet/TearsheetNarrow.js

@@ -14,7 +14,6 @@ var React = require('react');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 var index = require('../../_virtual/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
-var settings = require('../../settings.js');
 
 const componentName = 'TearsheetNarrow';
 
@@ -34,7 +33,7 @@ const defaults = {
  * main content area, and a set of action buttons.
  */
 
-exports.TearsheetNarrow = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const TearsheetNarrow = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     verticalPosition = defaults.verticalPosition,
     ...rest
@@ -47,11 +46,10 @@ exports.TearsheetNarrow = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.TearsheetNarrow = settings.pkg.checkComponentEnabled(exports.TearsheetNarrow, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.TearsheetNarrow.displayName = componentName;
+TearsheetNarrow.displayName = componentName;
 const deprecatedProps = {
   /**
    * **Deprecated**
@@ -71,7 +69,7 @@ const deprecatedProps = {
 
 // Note that the descriptions here should be kept in sync with those for the
 // corresponding props for Tearsheet and TearsheetShell components.
-exports.TearsheetNarrow.propTypes = {
+TearsheetNarrow.propTypes = {
   /**
    * The navigation actions to be shown as buttons in the action area at the
    * bottom of the tearsheet. Each action is specified as an object with
@@ -159,4 +157,5 @@ exports.TearsheetNarrow.propTypes = {
   ...deprecatedProps
 };
 
+exports.TearsheetNarrow = TearsheetNarrow;
 exports.deprecatedProps = deprecatedProps;

package/lib/components/Toolbar/Toolbar.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2021, 2022
+ * Copyright IBM Corp. 2021, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -17,7 +17,7 @@ interface ToolbarContextType {
 }
 declare const ToolbarContext: React.Context<ToolbarContextType>;
 /** Toolbars are a collection of action items that organize a program’s interaction patterns into a series of closely related commands. */
-declare let Toolbar: React.ForwardRefExoticComponent<ToolbarProps & {
+declare const Toolbar: React.ForwardRefExoticComponent<ToolbarProps & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const componentName = "Toolbar";

package/lib/components/Toolbar/Toolbar.js

@@ -23,7 +23,7 @@ const blockClass = `${prefix}--toolbar`;
 const ToolbarContext = /*#__PURE__*/React.createContext({});
 
 /** Toolbars are a collection of action items that organize a program’s interaction patterns into a series of closely related commands. */
-exports.Toolbar = /*#__PURE__*/React.forwardRef((_ref, r) => {
+const Toolbar = /*#__PURE__*/React.forwardRef((_ref, r) => {
   let {
     children,
     className,
@@ -98,8 +98,8 @@ exports.Toolbar = /*#__PURE__*/React.forwardRef((_ref, r) => {
   }, children));
 });
 const componentName = 'Toolbar';
-exports.Toolbar.displayName = componentName;
-exports.Toolbar.propTypes = {
+Toolbar.displayName = componentName;
+Toolbar.propTypes = {
   /** Provide the content of the `Toolbar` */
   children: index.propTypesExports.node.isRequired,
   /** Provide an optional class to be applied to the containing node */
@@ -107,8 +107,8 @@ exports.Toolbar.propTypes = {
   /** Determines whether the `Toolbar` is rendered vertically */
   vertical: index.propTypesExports.bool
 };
-exports.Toolbar = checkComponentEnabled(exports.Toolbar, componentName);
 
+exports.Toolbar = Toolbar;
 exports.ToolbarContext = ToolbarContext;
 exports.blockClass = blockClass;
 exports.componentName = componentName;

package/lib/components/Toolbar/ToolbarButton.d.ts

@@ -22,7 +22,7 @@ export interface ToolbarButtonProps extends React.ComponentProps<typeof IconButt
     renderIcon: React.ElementType;
 }
 /** Toolbar buttons are common functions performed as part of a products interface or an open window.  */
-export declare let ToolbarButton: React.ForwardRefExoticComponent<ToolbarButtonProps & {
+export declare const ToolbarButton: React.ForwardRefExoticComponent<ToolbarButtonProps & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<unknown>>;
 export declare const deprecatedProps: {

package/lib/components/Toolbar/ToolbarButton.js

@@ -13,11 +13,10 @@ var Toolbar = require('./Toolbar.js');
 var index = require('../../_virtual/index.js');
 var react = require('@carbon/react');
 var cx = require('classnames');
-var settings = require('../../settings.js');
 
 const blockClass = `${Toolbar.blockClass}__button`;
 /** Toolbar buttons are common functions performed as part of a products interface or an open window.  */
-exports.ToolbarButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const ToolbarButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     caret = false,
     children,
@@ -43,7 +42,7 @@ exports.ToolbarButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   })));
 });
 const componentName = 'ToolbarButton';
-exports.ToolbarButton.displayName = componentName;
+ToolbarButton.displayName = componentName;
 const deprecatedProps = {
   /**
    * **Deprecated**
@@ -51,7 +50,7 @@ const deprecatedProps = {
    *  */
   iconDescription: index.propTypesExports.string
 };
-exports.ToolbarButton.propTypes = {
+ToolbarButton.propTypes = {
   /** Determines whether the caret is rendered */
   caret: index.propTypesExports.bool,
   /** Provide the content of the `ToolbarButton` */
@@ -64,7 +63,7 @@ exports.ToolbarButton.propTypes = {
   renderIcon: index.propTypesExports.func.isRequired,
   ...deprecatedProps
 };
-exports.ToolbarButton = settings.pkg.checkComponentEnabled(exports.ToolbarButton, componentName);
 
+exports.ToolbarButton = ToolbarButton;
 exports.blockClass = blockClass;
 exports.deprecatedProps = deprecatedProps;

package/lib/components/Toolbar/ToolbarGroup.d.ts

@@ -12,6 +12,6 @@ export interface ToolbarGroupProps {
     className?: string;
 }
 /** Toolbar groups organize the commands within a toolbar into related groups. */
-export declare let ToolbarGroup: React.ForwardRefExoticComponent<ToolbarGroupProps & {
+export declare const ToolbarGroup: React.ForwardRefExoticComponent<ToolbarGroupProps & {
     children?: ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/lib/components/Toolbar/ToolbarGroup.js

@@ -12,10 +12,9 @@ var React = require('react');
 var index = require('../../_virtual/index.js');
 var Toolbar = require('./Toolbar.js');
 var cx = require('classnames');
-var settings = require('../../settings.js');
 
 /** Toolbar groups organize the commands within a toolbar into related groups. */
-exports.ToolbarGroup = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const ToolbarGroup = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     className,
     children,
@@ -27,11 +26,12 @@ exports.ToolbarGroup = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   }), children);
 });
 const componentName = 'ToolbarGroup';
-exports.ToolbarGroup.displayName = componentName;
-exports.ToolbarGroup.propTypes = {
+ToolbarGroup.displayName = componentName;
+ToolbarGroup.propTypes = {
   /** Provide the content of the `ToolbarGroup` */
   children: index.propTypesExports.node.isRequired,
   /** Provide an optional class to be applied to the containing node */
   className: index.propTypesExports.string
 };
-exports.ToolbarGroup = settings.pkg.checkComponentEnabled(exports.ToolbarGroup, componentName);
+
+exports.ToolbarGroup = ToolbarGroup;

package/lib/components/TooltipTrigger/TooltipTrigger.d.ts

@@ -15,4 +15,4 @@ export interface TooltipTriggerProps extends PropsWithChildren {
  * This is an tooltip trigger as Carbon Tooltip requires an active element to work but provides
  * no blanked button.
  */
-export declare let TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/components/TooltipTrigger/TooltipTrigger.js

@@ -23,7 +23,7 @@ const componentName = 'TooltipTrigger';
  * This is an tooltip trigger as Carbon Tooltip requires an active element to work but provides
  * no blanked button.
  */
-exports.TooltipTrigger = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const TooltipTrigger = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     className,
@@ -42,16 +42,15 @@ exports.TooltipTrigger = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag.
-exports.TooltipTrigger = settings.pkg.checkComponentEnabled(exports.TooltipTrigger, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.TooltipTrigger.displayName = componentName;
+TooltipTrigger.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.TooltipTrigger.propTypes = {
+TooltipTrigger.propTypes = {
   /**
    * Child content of tooltip trigger
    */
@@ -61,3 +60,5 @@ exports.TooltipTrigger.propTypes = {
    */
   className: index.default.string
 };
+
+exports.TooltipTrigger = TooltipTrigger;

package/lib/components/TruncatedList/TruncatedList.d.ts

@@ -48,4 +48,4 @@ export interface TruncatedListProps extends PropsWithChildren {
  * revealed to the user while giving the user the ability to expand
  * and see the entire list.
  */
-export declare let TruncatedList: React.ForwardRefExoticComponent<TruncatedListProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TruncatedList: React.ForwardRefExoticComponent<TruncatedListProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/TruncatedList/TruncatedList.js

@@ -32,7 +32,7 @@ const defaults = {
  * revealed to the user while giving the user the ability to expand
  * and see the entire list.
  */
-exports.TruncatedList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const TruncatedList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     className,
@@ -108,16 +108,15 @@ exports.TruncatedList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.TruncatedList = settings.pkg.checkComponentEnabled(exports.TruncatedList, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.TruncatedList.displayName = componentName;
+TruncatedList.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.TruncatedList.propTypes = {
+TruncatedList.propTypes = {
   /**
    * The type of list element to render.
    * This could be a `ul`, `ol`, or a custom React component.
@@ -159,3 +158,5 @@ exports.TruncatedList.propTypes = {
    */
   viewMoreLabel: index.default.func
 };
+
+exports.TruncatedList = TruncatedList;