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

package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js

@@ -24,7 +24,7 @@ const componentName = 'HTTPError404';
 the user doesn’t have permission for. This HTTPError component is generic so you
 can use it when you receive an error code that isn't provided.
  */
-exports.HTTPError404 = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const HTTPError404 = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     className,
     description,
@@ -48,22 +48,21 @@ exports.HTTPError404 = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 /**@ts-ignore*/
-exports.HTTPError404.deprecated = {
+HTTPError404.deprecated = {
   level: 'warn',
   details: `${componentName} is deprecated. Please migrate to FullPageError by running npx @carbon/upgrade migrate ibm-products-update-http-errors --write`
 };
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.HTTPError404 = settings.pkg.checkComponentEnabled(exports.HTTPError404, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.HTTPError404.displayName = componentName; // displayName is used in preference to function.name by React
+HTTPError404.displayName = componentName; // displayName is used in preference to function.name by React
 
 // The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-exports.HTTPError404.propTypes = {
+HTTPError404.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node
    */
@@ -95,3 +94,5 @@ exports.HTTPError404.propTypes = {
    */
   title: index.propTypesExports.string.isRequired
 };
+
+exports.HTTPError404 = HTTPError404;

package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.d.ts

@@ -41,5 +41,5 @@ interface HTTPErrorOtherProps extends PropsWithChildren {
 the user doesn’t have permission for. This HTTPError component is generic so you
 can use it when you receive an error code that isn't provided.
  */
-export declare let HTTPErrorOther: React.ForwardRefExoticComponent<HTTPErrorOtherProps & React.RefAttributes<HTMLDivElement>>;
+export declare const HTTPErrorOther: React.ForwardRefExoticComponent<HTTPErrorOtherProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js

@@ -24,7 +24,7 @@ const componentName = 'HTTPErrorOther';
 the user doesn’t have permission for. This HTTPError component is generic so you
 can use it when you receive an error code that isn't provided.
  */
-exports.HTTPErrorOther = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const HTTPErrorOther = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     className,
     description,
@@ -48,22 +48,21 @@ exports.HTTPErrorOther = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 /**@ts-ignore*/
-exports.HTTPErrorOther.deprecated = {
+HTTPErrorOther.deprecated = {
   level: 'warn',
   details: `${componentName} is deprecated. Please migrate to FullPageError by running npx @carbon/upgrade migrate ibm-products-update-http-errors --write`
 };
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.HTTPErrorOther = settings.pkg.checkComponentEnabled(exports.HTTPErrorOther, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.HTTPErrorOther.displayName = componentName; // displayName is used in preference to function.name by React
+HTTPErrorOther.displayName = componentName; // displayName is used in preference to function.name by React
 
 // The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-exports.HTTPErrorOther.propTypes = {
+HTTPErrorOther.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node
    */
@@ -95,3 +94,5 @@ exports.HTTPErrorOther.propTypes = {
    */
   title: index.propTypesExports.string.isRequired
 };
+
+exports.HTTPErrorOther = HTTPErrorOther;

package/lib/components/ImportModal/ImportModal.d.ts

@@ -132,5 +132,5 @@ export interface ImportModalProps {
      */
     title: string;
 }
-export declare let ImportModal: React.FC<ImportModalProps>;
+export declare const ImportModal: React.FC<ImportModalProps>;
 export {};

package/lib/components/ImportModal/ImportModal.js

@@ -19,7 +19,7 @@ var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
 const componentName = 'ImportModal';
-exports.ImportModal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const ImportModal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     // The component props, in alphabetical order (for consistency).
 
@@ -233,8 +233,8 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.ImportModal = settings.pkg.checkComponentEnabled(exports.ImportModal, componentName);
-exports.ImportModal.propTypes = {
+
+ImportModal.propTypes = {
   /**
    * Specifies the file types that are valid for importing
    */
@@ -348,4 +348,6 @@ exports.ImportModal.propTypes = {
    */
   title: index.default.string.isRequired
 };
-exports.ImportModal.displayName = componentName;
+ImportModal.displayName = componentName;
+
+exports.ImportModal = ImportModal;

package/lib/components/InlineTip/InlineTip.d.ts

@@ -81,6 +81,6 @@ export interface InlineTipProps {
  * provide an ambient way to deliver learning content without
  * distracting the user from their flow.
  */
-export declare let InlineTip: React.ForwardRefExoticComponent<InlineTipProps & {
+export declare const InlineTip: React.ForwardRefExoticComponent<InlineTipProps & {
     children?: ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/lib/components/InlineTip/InlineTip.js

@@ -41,7 +41,7 @@ const defaults = {
  * provide an ambient way to deliver learning content without
  * distracting the user from their flow.
  */
-exports.InlineTip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const InlineTip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     action,
     children,
@@ -123,9 +123,8 @@ exports.InlineTip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     className: `${blockClass}__media`
   }, renderMedia()));
 });
-exports.InlineTip = settings.pkg.checkComponentEnabled(exports.InlineTip, componentName);
-exports.InlineTip.displayName = componentName;
-exports.InlineTip.propTypes = {
+InlineTip.displayName = componentName;
+InlineTip.propTypes = {
   /**
    * Optional "call to action" ghost button or link that can appear
    * directly below the content. This component comes with pre-styled
@@ -196,3 +195,5 @@ exports.InlineTip.propTypes = {
    */
   withLeftGutter: index.default.bool
 };
+
+exports.InlineTip = InlineTip;

package/lib/components/InlineTip/InlineTipButton.d.ts

@@ -19,6 +19,6 @@ export interface InlineTipButtonProps {
 /**
  * This is a standard Carbon button, styled specifically for use inside InlineTip.
  */
-export declare let InlineTipButton: React.ForwardRefExoticComponent<InlineTipButtonProps & {
+export declare const InlineTipButton: React.ForwardRefExoticComponent<InlineTipButtonProps & {
     children?: ReactNode | undefined;
 } & React.RefAttributes<ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>>>;

package/lib/components/InlineTip/InlineTipButton.js

@@ -24,7 +24,7 @@ const componentName = 'InlineTipButton';
 /**
  * This is a standard Carbon button, styled specifically for use inside InlineTip.
  */
-exports.InlineTipButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const InlineTipButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     className,
@@ -38,9 +38,8 @@ exports.InlineTipButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     kind: "ghost"
   }), children);
 });
-exports.InlineTipButton = settings.pkg.checkComponentEnabled(exports.InlineTipButton, componentName);
-exports.InlineTipButton.displayName = componentName;
-exports.InlineTipButton.propTypes = {
+InlineTipButton.displayName = componentName;
+InlineTipButton.propTypes = {
   /**
    * Provide the contents of the InlineTipButton.
    */
@@ -52,3 +51,5 @@ exports.InlineTipButton.propTypes = {
 
   /* TODO: add types and DocGen for all props. */
 };
+
+exports.InlineTipButton = InlineTipButton;

package/lib/components/InlineTip/InlineTipLink.d.ts

@@ -18,4 +18,4 @@ export interface InlineTipLinkProps extends PropsWithChildren {
 /**
  * This is a standard Carbon link, styled specifically for use inside InlineTip.
  */
-export declare let InlineTipLink: React.ForwardRefExoticComponent<InlineTipLinkProps & React.RefAttributes<HTMLDivElement>>;
+export declare const InlineTipLink: React.ForwardRefExoticComponent<InlineTipLinkProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/InlineTip/InlineTipLink.js

@@ -27,7 +27,7 @@ const componentName = 'InlineTipLink';
 /**
  * This is a standard Carbon link, styled specifically for use inside InlineTip.
  */
-exports.InlineTipLink = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const InlineTipLink = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     className,
@@ -42,9 +42,8 @@ exports.InlineTipLink = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     }))
   }), children);
 });
-exports.InlineTipLink = settings.pkg.checkComponentEnabled(exports.InlineTipLink, componentName);
-exports.InlineTipLink.displayName = componentName;
-exports.InlineTipLink.propTypes = {
+InlineTipLink.displayName = componentName;
+InlineTipLink.propTypes = {
   /**
    * Provide the contents of the InlineTipLink.
    */
@@ -56,3 +55,5 @@ exports.InlineTipLink.propTypes = {
 
   /* TODO: add types and DocGen for all props. */
 };
+
+exports.InlineTipLink = InlineTipLink;

package/lib/components/InterstitialScreen/InterstitialScreen.d.ts

@@ -51,4 +51,4 @@ export type InterstitialScreenComponent = React.ForwardRefExoticComponent<Inters
  * (e.g. upon first login or first time opening a page where a
  * newly purchased capability is presented).
  */
-export declare let InterstitialScreen: InterstitialScreenComponent;
+export declare const InterstitialScreen: InterstitialScreenComponent;

package/lib/components/InterstitialScreen/InterstitialScreen.js

@@ -13,7 +13,6 @@ var React = require('react');
 var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
-var settings = require('../../settings.js');
 var InterstitialScreenHeader = require('./InterstitialScreenHeader.js');
 var InterstitialScreenBody = require('./InterstitialScreenBody.js');
 var InterstitialScreenFooter = require('./InterstitialScreenFooter.js');
@@ -29,7 +28,7 @@ const componentName = 'InterstitialScreen';
  * (e.g. upon first login or first time opening a page where a
  * newly purchased capability is presented).
  */
-exports.InterstitialScreen = /*#__PURE__*/React.forwardRef((props, ref) => {
+const InterstitialScreen = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     children,
     className,
@@ -153,20 +152,18 @@ exports.InterstitialScreen = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
   }, isFullScreen ? renderFullScreen() : renderModal());
 });
-exports.InterstitialScreen.Header = InterstitialScreenHeader.default;
-exports.InterstitialScreen.Body = InterstitialScreenBody.default;
-exports.InterstitialScreen.Footer = InterstitialScreenFooter.default;
-// Return a placeholder if not released and not enabled by feature flag
-exports.InterstitialScreen = settings.pkg.checkComponentEnabled(exports.InterstitialScreen, componentName);
+InterstitialScreen.Header = InterstitialScreenHeader.default;
+InterstitialScreen.Body = InterstitialScreenBody.default;
+InterstitialScreen.Footer = InterstitialScreenFooter.default;
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.InterstitialScreen.displayName = componentName;
+InterstitialScreen.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.InterstitialScreen.propTypes = {
+InterstitialScreen.propTypes = {
   /**
    * The aria label applied to the Interstitial Screen component
    */
@@ -198,3 +195,5 @@ exports.InterstitialScreen.propTypes = {
    */
   open: index.default.bool
 };
+
+exports.InterstitialScreen = InterstitialScreen;

package/lib/components/InterstitialScreen/_story-assets/InterstitialScreenView/InterstitialScreenView.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2023, 2023
+ * Copyright IBM Corp. 2023, 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.
@@ -27,4 +27,4 @@ export interface InterstitialScreenViewProps extends PropsWithChildren {
 /**
  * An Onboarding component intended to be used as the child elements of the InterstitialScreen component.
  */
-export declare let InterstitialScreenView: React.ForwardRefExoticComponent<InterstitialScreenViewProps & React.RefAttributes<HTMLDivElement>>;
+export declare const InterstitialScreenView: React.ForwardRefExoticComponent<InterstitialScreenViewProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/InterstitialScreen/_story-assets/InterstitialScreenViewModule/InterstitialScreenViewModule.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2024, 2024
+ * Copyright IBM Corp. 2024, 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.
@@ -30,4 +30,4 @@ export interface InterstitialScreenViewModuleProps {
 /**
  * View module to help in building interstitial screen views.
  */
-export declare let InterstitialScreenViewModule: React.ForwardRefExoticComponent<InterstitialScreenViewModuleProps & React.RefAttributes<HTMLElement>>;
+export declare const InterstitialScreenViewModule: React.ForwardRefExoticComponent<InterstitialScreenViewModuleProps & React.RefAttributes<HTMLElement>>;

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

@@ -137,5 +137,5 @@ export interface MultiAddSelectProps {
 /**
  * Used to add or select multiple or more items from larger lists or hierarchies.
  */
-export declare let MultiAddSelect: React.ForwardRefExoticComponent<MultiAddSelectProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MultiAddSelect: React.ForwardRefExoticComponent<MultiAddSelectProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/MultiAddSelect/MultiAddSelect.js

@@ -12,18 +12,16 @@ 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');
 
 const componentName = 'MultiAddSelect';
 /**
  * Used to add or select multiple or more items from larger lists or hierarchies.
  */
-exports.MultiAddSelect = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(AddSelect.AddSelect, _rollupPluginBabelHelpers.extends({}, props, {
+const MultiAddSelect = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(AddSelect.AddSelect, _rollupPluginBabelHelpers.extends({}, props, {
   multi: true,
   ref: ref
 }, devtools.getDevtoolsProps(componentName))));
-exports.MultiAddSelect = settings.pkg.checkComponentEnabled(exports.MultiAddSelect, componentName);
-exports.MultiAddSelect.propTypes = {
+MultiAddSelect.propTypes = {
   /**
    * optional class name
    */
@@ -152,4 +150,6 @@ exports.MultiAddSelect.propTypes = {
    */
   title: index.default.string
 };
-exports.MultiAddSelect.displayName = componentName;
+MultiAddSelect.displayName = componentName;
+
+exports.MultiAddSelect = MultiAddSelect;

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

@@ -29,5 +29,5 @@ export interface NonLinearReadingProps {
  * brief, at-a-glance, summary of a concept that may require
  * more explanation for some users.
  */
-export declare let NonLinearReading: React.ForwardRefExoticComponent<NonLinearReadingProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const NonLinearReading: React.ForwardRefExoticComponent<NonLinearReadingProps & React.RefAttributes<HTMLSpanElement>>;
 export {};

package/lib/components/NonLinearReading/NonLinearReading.js

@@ -26,7 +26,7 @@ const componentName = 'NonLinearReading';
  * brief, at-a-glance, summary of a concept that may require
  * more explanation for some users.
  */
-exports.NonLinearReading = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const NonLinearReading = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     className,
@@ -58,9 +58,8 @@ exports.NonLinearReading = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.NonLinearReading = settings.pkg.checkComponentEnabled(exports.NonLinearReading, componentName);
-exports.NonLinearReading.displayName = componentName;
-exports.NonLinearReading.propTypes = {
+NonLinearReading.displayName = componentName;
+NonLinearReading.propTypes = {
   /**
    * The keyword of the component appears as a pill.
    */
@@ -79,3 +78,5 @@ exports.NonLinearReading.propTypes = {
    */
   theme: index.default.oneOf(['light', 'dark'])
 };
+
+exports.NonLinearReading = NonLinearReading;

package/lib/components/NonLinearReading/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 NonLinearReading = require('./NonLinearReading.js');
+
+
+
+exports.NonLinearReading = NonLinearReading.NonLinearReading;

package/lib/components/NotificationsPanel/NotificationsPanel.d.ts

@@ -219,5 +219,5 @@ export interface NotificationsPanelProps {
  *
  * If you do not provide a locale, the deprecated props will be applied instead.
  */
-export declare let NotificationsPanel: React.ForwardRefExoticComponent<NotificationsPanelProps & React.RefAttributes<unknown>>;
+export declare const NotificationsPanel: React.ForwardRefExoticComponent<NotificationsPanelProps & React.RefAttributes<unknown>>;
 export {};

package/lib/components/NotificationsPanel/NotificationsPanel.js

@@ -84,7 +84,7 @@ const defaults = {
  *
  * If you do not provide a locale, the deprecated props will be applied instead.
  */
-exports.NotificationsPanel = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const NotificationsPanel = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     // The component props, in alphabetical order (for consistency).
     className,
@@ -412,17 +412,14 @@ exports.NotificationsPanel = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   })))) : null;
 });
 
-// Return a placeholder if not released and not enabled by feature flag
-exports.NotificationsPanel = settings.pkg.checkComponentEnabled(exports.NotificationsPanel, componentName);
-
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.NotificationsPanel.displayName = componentName;
+NotificationsPanel.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.NotificationsPanel.propTypes = {
+NotificationsPanel.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
@@ -591,3 +588,5 @@ exports.NotificationsPanel.propTypes = {
    */
   yesterdayLabel: index.default.string
 };
+
+exports.NotificationsPanel = NotificationsPanel;

package/lib/components/OptionsTile/OptionsTile.d.ts

@@ -74,4 +74,4 @@ export interface OptionsTileProps {
      */
     warnText?: string;
 }
-export declare let OptionsTile: React.ForwardRefExoticComponent<OptionsTileProps & React.RefAttributes<HTMLDivElement>>;
+export declare const OptionsTile: React.ForwardRefExoticComponent<OptionsTileProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/OptionsTile/OptionsTile.js

@@ -47,7 +47,7 @@ const componentName = 'OptionsTile';
 const defaults = {
   size: 'lg'
 };
-exports.OptionsTile = /*#__PURE__*/React.forwardRef((props, ref) => {
+const OptionsTile = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     children,
     className,
@@ -232,16 +232,15 @@ exports.OptionsTile = /*#__PURE__*/React.forwardRef((props, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.OptionsTile = settings.pkg.checkComponentEnabled(exports.OptionsTile, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.OptionsTile.displayName = componentName;
+OptionsTile.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.OptionsTile.propTypes = {
+OptionsTile.propTypes = {
   /**
    * Provide content to render as expandable OptionsTile. If no children
    * are present, the OptionsTile will render as its variant.
@@ -310,3 +309,5 @@ exports.OptionsTile.propTypes = {
    */
   warnText: index.default.string
 };
+
+exports.OptionsTile = OptionsTile;

package/lib/components/PageHeader/PageHeader.d.ts

@@ -290,7 +290,7 @@ interface PageHeaderBaseProps extends PropsWithChildren {
     hasBackgroundAlways?: boolean;
 }
 export type PageHeaderProps = PageHeaderBaseProps & PageActionProps & CollapseHeaderProps & BreadcrumbProps & ActionBarOverflowAriaLabelProps;
-export declare let PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
 export declare const deprecatedProps: {
     /**
      * **Deprecated**

package/lib/components/PageHeader/PageHeader.js

@@ -39,7 +39,7 @@ const defaults = {
   narrowGrid: false,
   breadcrumbOverflowTooltipAlign: 'right'
 };
-exports.PageHeader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const PageHeader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     // The component props, in alphabetical order (for consistency).
 
@@ -532,7 +532,6 @@ exports.PageHeader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.PageHeader = settings.pkg.checkComponentEnabled(exports.PageHeader, componentName);
 
 // copied from carbon-components-react/src/components/Tag/Tag.js for DocGen
 const TYPES = {
@@ -563,8 +562,8 @@ const deprecatedProps = {
 };
 
 /**@ts-ignore */
-exports.PageHeader.tagTypes = tagTypes;
-exports.PageHeader.propTypes = {
+PageHeader.tagTypes = tagTypes;
+PageHeader.propTypes = {
   /**
    * Specifies the action bar items which are the final items in the row top of the PageHeader.
    * Each item is specified as an object with the properties of a Carbon Button in icon only form.
@@ -854,6 +853,7 @@ exports.PageHeader.propTypes = {
   withoutBackground: index.default.bool,
   ...deprecatedProps
 };
-exports.PageHeader.displayName = componentName;
+PageHeader.displayName = componentName;
 
+exports.PageHeader = PageHeader;
 exports.deprecatedProps = deprecatedProps;

package/lib/components/ProductiveCard/ProductiveCard.d.ts

@@ -121,5 +121,5 @@ export interface ProductiveCardProps extends PropsWithChildren {
      */
     iconDescription?: string;
 }
-export declare let ProductiveCard: React.ForwardRefExoticComponent<ProductiveCardProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ProductiveCard: React.ForwardRefExoticComponent<ProductiveCardProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/ProductiveCard/ProductiveCard.js

@@ -11,12 +11,11 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 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');
 var Card = require('../Card/Card.js');
 
 const componentName = 'ProductiveCard';
-exports.ProductiveCard = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const ProductiveCard = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     actionsPlacement = 'top',
     children,
@@ -31,8 +30,8 @@ exports.ProductiveCard = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.ProductiveCard = settings.pkg.checkComponentEnabled(exports.ProductiveCard, componentName);
-exports.ProductiveCard.propTypes = {
+
+ProductiveCard.propTypes = {
   /**
    * Icons that are displayed on the card. Refer to design documentation for implementation guidelines. Note: href is deprecated. Set link.href for href functionality. If you are setting link object, href is a required property. link object supports all anchor element properties. Precedence: link.href > href. If link.href or href is set => anchor element, else button.
    */
@@ -167,4 +166,6 @@ exports.ProductiveCard.propTypes = {
    */
   titleSize: index.default.oneOf(['default', 'large'])
 };
-exports.ProductiveCard.displayName = componentName;
+ProductiveCard.displayName = componentName;
+
+exports.ProductiveCard = ProductiveCard;

package/lib/components/RemoveModal/RemoveModal.d.ts

@@ -78,6 +78,6 @@ export interface RemoveModalProps extends React.ComponentProps<typeof ComposedMo
      */
     title: string;
 }
-export declare let RemoveModal: React.ForwardRefExoticComponent<RemoveModalProps & {
+export declare const RemoveModal: React.ForwardRefExoticComponent<RemoveModalProps & {
     children?: ReactNode | undefined;
 } & React.RefAttributes<unknown>>;

package/lib/components/RemoveModal/RemoveModal.js

@@ -26,7 +26,7 @@ Enabling `textConfirmation` enables what would be considered the high impact sta
 For additional information on differentiating between delete / remove and low / medium / high impact please refer to the usage guidelines.
  */
 
-exports.RemoveModal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const RemoveModal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     body,
     className,
@@ -116,8 +116,8 @@ exports.RemoveModal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.RemoveModal = settings.pkg.checkComponentEnabled(exports.RemoveModal, componentName);
-exports.RemoveModal.propTypes = {
+
+RemoveModal.propTypes = {
   /**
    * The content to be displayed in the body of the modal
    */
@@ -195,4 +195,6 @@ exports.RemoveModal.propTypes = {
    */
   title: index.default.string.isRequired
 };
-exports.RemoveModal.displayName = componentName;
+RemoveModal.displayName = componentName;
+
+exports.RemoveModal = RemoveModal;

package/lib/components/Saving/Saving.d.ts

@@ -65,5 +65,5 @@ export interface SavingProps {
      */
     type: Type;
 }
-export declare let Saving: React.ForwardRefExoticComponent<SavingProps & React.RefAttributes<unknown>>;
+export declare const Saving: React.ForwardRefExoticComponent<SavingProps & React.RefAttributes<unknown>>;
 export {};