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

package/lib/components/CoachmarkFixed/CoachmarkFixed.js

@@ -41,7 +41,7 @@ const defaults = {
  * user to gain understanding of the product's main value and discover new use cases.
  * This variant allows the a coachmark overlay to be displayed by interacting with the tagline.
  */
-exports.CoachmarkFixed = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const CoachmarkFixed = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     className,
@@ -166,16 +166,15 @@ exports.CoachmarkFixed = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.CoachmarkFixed = settings.pkg.checkComponentEnabled(exports.CoachmarkFixed, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.CoachmarkFixed.displayName = componentName;
+CoachmarkFixed.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.CoachmarkFixed.propTypes = {
+CoachmarkFixed.propTypes = {
   // TODO: Add this to MDX as will be done with Coachmark
   /**
    * CoachmarkFixed should use a single CoachmarkOverlayElements component as a child.
@@ -213,3 +212,5 @@ exports.CoachmarkFixed.propTypes = {
    */
   theme: index.default.oneOf(['light', 'dark'])
 };
+
+exports.CoachmarkFixed = CoachmarkFixed;

package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.d.ts

@@ -29,4 +29,4 @@ export interface CoachmarkOverlayElementProps {
  * Can be used 1 to N number, to display content in a Coachmark's overlay
  * in a carousel fashion.
  */
-export declare let CoachmarkOverlayElement: React.ForwardRefExoticComponent<CoachmarkOverlayElementProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CoachmarkOverlayElement: React.ForwardRefExoticComponent<CoachmarkOverlayElementProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js

@@ -22,7 +22,7 @@ const componentName = 'CoachmarkOverlayElement';
  * Can be used 1 to N number, to display content in a Coachmark's overlay
  * in a carousel fashion.
  */
-exports.CoachmarkOverlayElement = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const CoachmarkOverlayElement = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     button,
     className,
@@ -54,22 +54,19 @@ exports.CoachmarkOverlayElement = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 /**@ts-ignore*/
-exports.CoachmarkOverlayElement.deprecated = {
+CoachmarkOverlayElement.deprecated = {
   level: 'warn',
   details: `${componentName} is deprecated.`
 };
 
-// Return a placeholder if not released and not enabled by feature flag
-exports.CoachmarkOverlayElement = settings.pkg.checkComponentEnabled(exports.CoachmarkOverlayElement, componentName);
-
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.CoachmarkOverlayElement.displayName = componentName;
+CoachmarkOverlayElement.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.CoachmarkOverlayElement.propTypes = {
+CoachmarkOverlayElement.propTypes = {
   /**
    * An optional button can be rendered below the description.
    * This can be a link, button, Coachmark button, etc.
@@ -88,3 +85,5 @@ exports.CoachmarkOverlayElement.propTypes = {
    */
   title: index.default.string.isRequired
 };
+
+exports.CoachmarkOverlayElement = CoachmarkOverlayElement;

package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts

@@ -53,4 +53,4 @@ export interface CoachmarkOverlayElementsProps {
  * Composable container to allow for the displaying of CoachmarkOverlayElement
  * components in a carousel fashion.
  */
-export declare let CoachmarkOverlayElements: React.ForwardRefExoticComponent<CoachmarkOverlayElementsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CoachmarkOverlayElements: React.ForwardRefExoticComponent<CoachmarkOverlayElementsProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js

@@ -50,7 +50,7 @@ const defaults = {
  * Composable container to allow for the displaying of CoachmarkOverlayElement
  * components in a carousel fashion.
  */
-exports.CoachmarkOverlayElements = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const CoachmarkOverlayElements = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     className,
     children,
@@ -166,22 +166,19 @@ exports.CoachmarkOverlayElements = /*#__PURE__*/React.forwardRef((_ref, ref) =>
 });
 
 /**@ts-ignore*/
-exports.CoachmarkOverlayElements.deprecated = {
+CoachmarkOverlayElements.deprecated = {
   level: 'warn',
   details: `${componentName} is deprecated.`
 };
 
-// Return a placeholder if not released and not enabled by feature flag
-exports.CoachmarkOverlayElements = settings.pkg.checkComponentEnabled(exports.CoachmarkOverlayElements, componentName);
-
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.CoachmarkOverlayElements.displayName = componentName;
+CoachmarkOverlayElements.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.CoachmarkOverlayElements.propTypes = {
+CoachmarkOverlayElements.propTypes = {
   // TODO: UPDATE COMMENT HERE - UPDATE MDX TO HAVE DIRECTION TO USE ONLY OVERLAY ELEMENTS>...CoachmarkOverlayElements will accept only one or more CoachmarkOverlayElement as child components.
 
   /**
@@ -227,3 +224,5 @@ exports.CoachmarkOverlayElements.propTypes = {
    */
   renderMedia: index.default.func
 };
+
+exports.CoachmarkOverlayElements = CoachmarkOverlayElements;

package/lib/components/CoachmarkStack/CoachmarkStack.d.ts

@@ -67,5 +67,5 @@ interface CoachmarkStackProps {
  * user to gain understanding of the product's main value and discover new use cases.
  * This variant allows the stacking of multiple coachmark overlays to be displayed by interacting with the tagline.
  */
-export declare let CoachmarkStack: React.ForwardRefExoticComponent<CoachmarkStackProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CoachmarkStack: React.ForwardRefExoticComponent<CoachmarkStackProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/CoachmarkStack/CoachmarkStack.js

@@ -48,7 +48,7 @@ const defaults = {
  * user to gain understanding of the product's main value and discover new use cases.
  * This variant allows the stacking of multiple coachmark overlays to be displayed by interacting with the tagline.
  */
-exports.CoachmarkStack = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const CoachmarkStack = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     className,
@@ -216,16 +216,15 @@ exports.CoachmarkStack = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.CoachmarkStack = settings.pkg.checkComponentEnabled(exports.CoachmarkStack, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.CoachmarkStack.displayName = componentName;
+CoachmarkStack.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.CoachmarkStack.propTypes = {
+CoachmarkStack.propTypes = {
   /**
    * CoachmarkStack should use a single CoachmarkOverlayElements component as a child.
    */
@@ -281,3 +280,5 @@ exports.CoachmarkStack.propTypes = {
    */
   tooltipAlign: index.default.oneOf(['top', 'bottom'])
 };
+
+exports.CoachmarkStack = CoachmarkStack;

package/lib/components/CoachmarkStack/CoachmarkStackHome.d.ts

@@ -63,5 +63,5 @@ interface CoachmarkStackHomeProps {
  * DO NOT USE. This component is for the exclusive use
  * of other Onboarding components.
  */
-export declare let CoachmarkStackHome: React.ForwardRefExoticComponent<CoachmarkStackHomeProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CoachmarkStackHome: React.ForwardRefExoticComponent<CoachmarkStackHomeProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/CoachmarkStack/CoachmarkStackHome.js

@@ -32,7 +32,7 @@ const componentName = 'CoachmarkStackHome';
  * DO NOT USE. This component is for the exclusive use
  * of other Onboarding components.
  */
-exports.CoachmarkStackHome = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const CoachmarkStackHome = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     className,
     description,
@@ -144,17 +144,14 @@ exports.CoachmarkStackHome = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   }, closeButtonLabel))))), portalNode?.current) : null;
 });
 
-// Return a placeholder if not released and not enabled by feature flag
-exports.CoachmarkStackHome = settings.pkg.checkComponentEnabled(exports.CoachmarkStackHome, componentName);
-
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.CoachmarkStackHome.displayName = componentName;
+CoachmarkStackHome.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.CoachmarkStackHome.propTypes = {
+CoachmarkStackHome.propTypes = {
   /**
    * Optional class name for this component.
    */
@@ -207,3 +204,5 @@ exports.CoachmarkStackHome.propTypes = {
    */
   tooltipAlign: index.default.oneOf(['top', 'bottom'])
 };
+
+exports.CoachmarkStackHome = CoachmarkStackHome;

package/lib/components/ConditionBuilder/ConditionBuilder.d.ts

@@ -9,4 +9,4 @@ import { ConditionBuilderProps } from './ConditionBuilder.types';
 /**
  * TODO: A description of the component.
  */
-export declare let ConditionBuilder: React.ForwardRefExoticComponent<ConditionBuilderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ConditionBuilder: React.ForwardRefExoticComponent<ConditionBuilderProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/ConditionBuilder/ConditionBuilder.js

@@ -15,7 +15,6 @@ var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var ConditionBuilderContent = require('./ConditionBuilderContent/ConditionBuilderContent.js');
 var ConditionBuilderProvider = require('./ConditionBuilderContext/ConditionBuilderProvider.js');
-var settings = require('../../settings.js');
 var handleKeyboardEvents = require('./utils/handleKeyboardEvents.js');
 var util = require('./utils/util.js');
 
@@ -44,7 +43,7 @@ const componentName = 'ConditionBuilder';
  * TODO: A description of the component.
  */
 
-exports.ConditionBuilder = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const ConditionBuilder = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     className,
     inputConfig,
@@ -102,16 +101,15 @@ exports.ConditionBuilder = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.ConditionBuilder = settings.pkg.checkComponentEnabled(exports.ConditionBuilder, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.ConditionBuilder.displayName = componentName;
+ConditionBuilder.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.ConditionBuilder.propTypes = {
+ConditionBuilder.propTypes = {
   /**
    * optional array of actions
    */
@@ -235,3 +233,5 @@ exports.ConditionBuilder.propTypes = {
    */
   variant: index.default.oneOf(['Non-Hierarchical', 'Hierarchical'])
 };
+
+exports.ConditionBuilder = ConditionBuilder;

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js

@@ -78,6 +78,9 @@ const ConditionBuilderItemDate = _ref => {
   return /*#__PURE__*/React.createElement("div", {
     className: `${util.blockClass}__item-date `
   }, datePickerType == 'single' && /*#__PURE__*/React.createElement(react.DatePicker, _rollupPluginBabelHelpers.extends({}, config, {
+    locale: {
+      locale: config.locale ?? 'en'
+    },
     ref: DatePickerInputRef,
     datePickerType: "single",
     value: conditionState.value,
@@ -89,6 +92,9 @@ const ConditionBuilderItemDate = _ref => {
     placeholder: "dd/mm/yyyy",
     labelText: conditionState.property
   })), datePickerType == 'range' && /*#__PURE__*/React.createElement(react.DatePicker, _rollupPluginBabelHelpers.extends({}, config, {
+    locale: {
+      locale: config.locale ?? 'en'
+    },
     ref: DatePickerInputRef,
     datePickerType: datePickerType,
     onClose: onCloseHandler,

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

package/lib/components/CreateFullPage/CreateFullPage.d.ts

@@ -142,5 +142,5 @@ on the Carbon's grid system
 include `<Row>` and `<Column>` components inside of each `CreateFullPageStep`
 component to get the desired affect.
  */
-export declare let CreateFullPage: React.ForwardRefExoticComponent<CreateFullPageProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CreateFullPage: React.ForwardRefExoticComponent<CreateFullPageProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/CreateFullPage/CreateFullPage.js

@@ -47,7 +47,7 @@ on the Carbon's grid system
 include `<Row>` and `<Column>` components inside of each `CreateFullPageStep`
 component to get the desired affect.
  */
-exports.CreateFullPage = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const CreateFullPage = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     breadcrumbsOverflowAriaLabel,
     breadcrumbs,
@@ -220,16 +220,15 @@ exports.CreateFullPage = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag.
-exports.CreateFullPage = settings.pkg.checkComponentEnabled(exports.CreateFullPage, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.CreateFullPage.displayName = componentName;
+CreateFullPage.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.CreateFullPage.propTypes = {
+CreateFullPage.propTypes = {
   /**
    * The back button text
    */
@@ -338,5 +337,6 @@ exports.CreateFullPage.propTypes = {
   title: index.default.string
 };
 
+exports.CreateFullPage = CreateFullPage;
 exports.StepNumberContext = StepNumberContext;
 exports.StepsContext = StepsContext;

package/lib/components/CreateFullPage/CreateFullPageStep.d.ts

@@ -73,5 +73,5 @@ type CreateFullPageStepFieldsetProps = {
     fieldsetLegendText: string;
 };
 export type CreateFullPageStepProps = CreateFullPageStepBaseProps & CreateFullPageStepFieldsetProps;
-export declare let CreateFullPageStep: React.ForwardRefExoticComponent<CreateFullPageStepProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CreateFullPageStep: React.ForwardRefExoticComponent<CreateFullPageStepProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/CreateFullPage/CreateFullPageStep.js

@@ -30,7 +30,7 @@ const defaults = {
 // Basically, fieldsetLegendText should only be specified when hasFieldset is true.
 // And usually, hasFieldset won't be specified at all unless it's being set to true.
 
-exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const CreateFullPageStep = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     // The component props, in alphabetical order (for consistency).
 
@@ -128,10 +128,7 @@ exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     className: `${blockClass}-fieldset`
   }, children) : children) : pconsole.default.warn(`You have tried using a ${componentName} component outside of a CreateFullPage. This is not allowed. ${componentName}s should always be children of the CreateFullPage`);
 });
-
-// Return a placeholder if not released and not enabled by feature flag
-exports.CreateFullPageStep = settings.pkg.checkComponentEnabled(exports.CreateFullPageStep, componentName);
-exports.CreateFullPageStep.propTypes = {
+CreateFullPageStep.propTypes = {
   /**
    * Content that shows in the CreateFullPage step
    */
@@ -198,3 +195,5 @@ exports.CreateFullPageStep.propTypes = {
    */
   title: index.default.node.isRequired
 };
+
+exports.CreateFullPageStep = CreateFullPageStep;

package/lib/components/CreateModal/CreateModal.d.ts

@@ -64,4 +64,4 @@ resource. It is triggered by a user’s action, appears on top of the main page
 content, and is persistent until dismissed. The purpose of this modal should be
 immediately apparent to the user, with a clear and obvious path to completion.
  */
-export declare let CreateModal: React.ForwardRefExoticComponent<CreateModalProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CreateModal: React.ForwardRefExoticComponent<CreateModalProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/CreateModal/CreateModal.js

@@ -24,7 +24,7 @@ resource. It is triggered by a user’s action, appears on top of the main page
 content, and is persistent until dismissed. The purpose of this modal should be
 immediately apparent to the user, with a clear and obvious path to completion.
  */
-exports.CreateModal = /*#__PURE__*/React.forwardRef((props, ref) => {
+const CreateModal = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     className,
     children,
@@ -80,8 +80,8 @@ exports.CreateModal = /*#__PURE__*/React.forwardRef((props, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.CreateModal = settings.pkg.checkComponentEnabled(exports.CreateModal, componentName);
-exports.CreateModal.propTypes = {
+
+CreateModal.propTypes = {
   /**
    * Children refers to all form items within a form inside of the modal's body.
    */
@@ -138,4 +138,6 @@ exports.CreateModal.propTypes = {
    */
   title: index.default.node.isRequired
 };
-exports.CreateModal.displayName = componentName;
+CreateModal.displayName = componentName;
+
+exports.CreateModal = CreateModal;

package/lib/components/CreateSidePanel/CreateSidePanel.d.ts

@@ -78,7 +78,7 @@ interface CreateSidePanelProps {
 /**
  * Use with medium complexity creations if the user needs page context. On-page content can be seen and interacted with.
  */
-export declare let CreateSidePanel: React.ForwardRefExoticComponent<CreateSidePanelProps & {
+export declare const CreateSidePanel: React.ForwardRefExoticComponent<CreateSidePanelProps & {
     children?: ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/CreateSidePanel/CreateSidePanel.js

@@ -26,7 +26,7 @@ const componentName = 'CreateSidePanel';
 /**
  * Use with medium complexity creations if the user needs page context. On-page content can be seen and interacted with.
  */
-exports.CreateSidePanel = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const CreateSidePanel = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     // The component props, in alphabetical order (for consistency).
     className,
@@ -88,9 +88,8 @@ exports.CreateSidePanel = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     onSubmit: e => e.preventDefault()
   }, children));
 });
-exports.CreateSidePanel = settings.pkg.checkComponentEnabled(exports.CreateSidePanel, componentName);
-exports.CreateSidePanel.displayName = componentName;
-exports.CreateSidePanel.propTypes = {
+CreateSidePanel.displayName = componentName;
+CreateSidePanel.propTypes = {
   /**
    * Sets the body content of the create side panel
    */
@@ -167,3 +166,5 @@ exports.CreateSidePanel.propTypes = {
    */
   title: index.default.string.isRequired
 };
+
+exports.CreateSidePanel = CreateSidePanel;

package/lib/components/CreateTearsheet/CreateTearsheet.d.ts

@@ -122,5 +122,5 @@ interface Step {
     shouldIncludeStep?: boolean;
     title?: string;
 }
-export declare let CreateTearsheet: React.ForwardRefExoticComponent<CreateTearsheetProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CreateTearsheet: React.ForwardRefExoticComponent<CreateTearsheetProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/CreateTearsheet/CreateTearsheet.js

@@ -37,7 +37,7 @@ const StepsContext = /*#__PURE__*/React.createContext(null);
 // This is a context supplied separately to each step in the container
 // to let it know what number it is in the sequence of steps
 const StepNumberContext = /*#__PURE__*/React.createContext(-1);
-exports.CreateTearsheet = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const CreateTearsheet = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     // The component props, in alphabetical order (for consistency).
 
@@ -189,11 +189,10 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.CreateTearsheet = settings.pkg.checkComponentEnabled(exports.CreateTearsheet, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.CreateTearsheet.displayName = componentName;
+CreateTearsheet.displayName = componentName;
 const deprecatedProps = {
   /**
    *  @deprecated Property replaced by `decorator`
@@ -202,7 +201,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.CreateTearsheet.propTypes = {
+CreateTearsheet.propTypes = {
   /**
    * The back button text
    */
@@ -299,5 +298,6 @@ exports.CreateTearsheet.propTypes = {
   ...deprecatedProps
 };
 
+exports.CreateTearsheet = CreateTearsheet;
 exports.StepNumberContext = StepNumberContext;
 exports.StepsContext = StepsContext;

package/lib/components/CreateTearsheet/CreateTearsheetDivider.d.ts

@@ -9,5 +9,5 @@ interface CreateTearsheetDividerProps {
     /** Specifies an optional className to be added to the tearsheet divider */
     className?: string;
 }
-export declare let CreateTearsheetDivider: React.FC<CreateTearsheetDividerProps>;
+export declare const CreateTearsheetDivider: React.FC<CreateTearsheetDividerProps>;
 export {};

package/lib/components/CreateTearsheet/CreateTearsheetDivider.js

@@ -13,9 +13,8 @@ var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');
 
-const componentName = 'CreateTearsheetDivider';
 const blockClass = `${settings.pkg.prefix}--tearsheet-create__section--divider`;
-exports.CreateTearsheetDivider = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const CreateTearsheetDivider = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     className,
     // Collect any other property values passed in
@@ -26,12 +25,11 @@ exports.CreateTearsheetDivider = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     className: cx(blockClass, className)
   }));
 });
-
-// Return a placeholder if not released and not enabled by feature flag
-exports.CreateTearsheetDivider = settings.pkg.checkComponentEnabled(exports.CreateTearsheetDivider, componentName);
-exports.CreateTearsheetDivider.propTypes = {
+CreateTearsheetDivider.propTypes = {
   /**
    * Sets an optional className to be added to the tearsheet divider
    */
   className: index.default.string
 };
+
+exports.CreateTearsheetDivider = CreateTearsheetDivider;

package/lib/components/CreateTearsheet/CreateTearsheetStep.d.ts

@@ -117,5 +117,5 @@ export type ExperimentalSecondarySubmit = {
     hideSecondarySubmit?: boolean;
     onClick?: () => void;
 };
-export declare let CreateTearsheetStep: React.ForwardRefExoticComponent<CreateTearsheetStepProps & React.RefAttributes<unknown>>;
+export declare const CreateTearsheetStep: React.ForwardRefExoticComponent<CreateTearsheetStepProps & React.RefAttributes<unknown>>;
 export {};

package/lib/components/CreateTearsheet/CreateTearsheetStep.js

@@ -36,7 +36,7 @@ const defaults = {
  * @property {() => void} [onClick] - Optional click handler function to be executed when the button is clicked.
  */
 
-exports.CreateTearsheetStep = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const CreateTearsheetStep = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     // The component props, in alphabetical order (for consistency).
 
@@ -164,10 +164,7 @@ exports.CreateTearsheetStep = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     legendId: fieldsetLegendId
   }, children) : children))) : pconsole.default.warn(`You have tried using a ${componentName} component outside of a CreateTearsheet. This is not allowed. ${componentName}s should always be children of the CreateTearsheet`);
 });
-
-// Return a placeholder if not released and not enabled by feature flag
-exports.CreateTearsheetStep = settings.pkg.checkComponentEnabled(exports.CreateTearsheetStep, componentName);
-exports.CreateTearsheetStep.propTypes = {
+CreateTearsheetStep.propTypes = {
   /**
    * Content that shows in the tearsheet step
    */
@@ -259,3 +256,5 @@ exports.CreateTearsheetStep.propTypes = {
    */
   title: index.default.node.isRequired
 };
+
+exports.CreateTearsheetStep = CreateTearsheetStep;

package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts

@@ -82,5 +82,5 @@ export interface CreateTearsheetNarrowProps extends PropsWithChildren {
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling.
  * Use when the form fields can be broken down into sections using section headers.
  */
-export declare let CreateTearsheetNarrow: React.ForwardRefExoticComponent<CreateTearsheetNarrowProps & React.RefAttributes<unknown>>;
+export declare const CreateTearsheetNarrow: React.ForwardRefExoticComponent<CreateTearsheetNarrowProps & React.RefAttributes<unknown>>;
 export {};

package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js

@@ -27,7 +27,7 @@ const componentName = 'CreateTearsheetNarrow';
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling.
  * Use when the form fields can be broken down into sections using section headers.
  */
-exports.CreateTearsheetNarrow = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const CreateTearsheetNarrow = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     className,
@@ -85,17 +85,14 @@ exports.CreateTearsheetNarrow = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   }, children));
 });
 
-// Return a placeholder if not released and not enabled by feature flag
-exports.CreateTearsheetNarrow = settings.pkg.checkComponentEnabled(exports.CreateTearsheetNarrow, componentName);
-
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.CreateTearsheetNarrow.displayName = componentName;
+CreateTearsheetNarrow.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.CreateTearsheetNarrow.propTypes = {
+CreateTearsheetNarrow.propTypes = {
   /**
    * Provide the contents of the CreateTearsheetNarrow.
    */
@@ -167,3 +164,5 @@ exports.CreateTearsheetNarrow.propTypes = {
    */
   verticalPosition: index.default.oneOf(['normal', 'lower'])
 };
+
+exports.CreateTearsheetNarrow = CreateTearsheetNarrow;

package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts

@@ -93,4 +93,4 @@ export interface DataSpreadsheetProps {
 /**
  * DataSpreadsheet: used to organize and display large amounts of structured data, separated by columns and rows in a grid-like format.
  */
-export declare let DataSpreadsheet: React.ForwardRefExoticComponent<DataSpreadsheetProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DataSpreadsheet: React.ForwardRefExoticComponent<DataSpreadsheetProps & React.RefAttributes<HTMLDivElement>>;