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

package/lib/components/APIKeyModal/APIKeyModal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { APIKeyModalProps } from './APIKeyModal.types';
-export declare let APIKeyModal: React.FC<APIKeyModalProps>;
+export declare const APIKeyModal: React.FC<APIKeyModalProps>;
 export declare const deprecatedProps: {
     /**
      * deprecated

package/lib/components/APIKeyModal/APIKeyModal.js

@@ -29,7 +29,7 @@ const defaults = {
   apiKeyName: '',
   customSteps: []
 };
-exports.APIKeyModal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const APIKeyModal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     // The component props, in alphabetical order (for consistency).
     apiKey,
@@ -312,7 +312,7 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.APIKeyModal = settings.pkg.checkComponentEnabled(exports.APIKeyModal, componentName);
+
 const deprecatedProps = {
   /**
    * deprecated
@@ -325,7 +325,7 @@ const deprecatedProps = {
    */
   generateSuccessTitle: index.default.string
 };
-exports.APIKeyModal.propTypes = {
+APIKeyModal.propTypes = {
   /**
    * the api key that's displayed to the user when a request to create is fulfilled.
    */
@@ -530,6 +530,7 @@ exports.APIKeyModal.propTypes = {
   showAPIKeyLabel: index.default.string,
   ...deprecatedProps
 };
-exports.APIKeyModal.displayName = componentName;
+APIKeyModal.displayName = componentName;
 
+exports.APIKeyModal = APIKeyModal;
 exports.deprecatedProps = deprecatedProps;

package/lib/components/AboutModal/AboutModal.d.ts

@@ -70,4 +70,4 @@ export interface AboutModalProps {
  * should be immediately apparent to the user, with a clear and obvious path
  * to completion.
  */
-export declare let AboutModal: React.ForwardRefExoticComponent<AboutModalProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AboutModal: React.ForwardRefExoticComponent<AboutModalProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/AboutModal/AboutModal.js

@@ -30,7 +30,7 @@ const componentName = 'AboutModal';
  * should be immediately apparent to the user, with a clear and obvious path
  * to completion.
  */
-exports.AboutModal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const AboutModal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     additionalInfo,
     className,
@@ -112,13 +112,12 @@ exports.AboutModal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.AboutModal = settings.pkg.checkComponentEnabled(exports.AboutModal, componentName);
-exports.AboutModal.displayName = componentName;
+AboutModal.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.AboutModal.propTypes = {
+AboutModal.propTypes = {
   /**
    * Provide additional detail for the modal footer, such as logos of
    * technologies used in the product, legally required for some products
@@ -176,3 +175,5 @@ exports.AboutModal.propTypes = {
    */
   version: index.default.string.isRequired
 };
+
+exports.AboutModal = AboutModal;

package/lib/components/ActionBar/ActionBar.d.ts

@@ -61,5 +61,5 @@ interface ActionBarProps extends PropsWithChildren {
 /**
  * The ActionBar is used internally by the PageHeader to wrap ActionBarItems.
  */
-export declare let ActionBar: React.ForwardRefExoticComponent<ActionBarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ActionBar: React.ForwardRefExoticComponent<ActionBarProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/ActionBar/ActionBar.js

@@ -32,7 +32,7 @@ const defaults = {
 /**
  * The ActionBar is used internally by the PageHeader to wrap ActionBarItems.
  */
-exports.ActionBar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const ActionBar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     // The component props, in alphabetical order (for consistency).
 
@@ -102,9 +102,8 @@ exports.ActionBar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     key: `overflow-menu-${internalId.current}`
   })));
 });
-exports.ActionBar = settings.pkg.checkComponentEnabled(exports.ActionBar, componentName);
-exports.ActionBar.displayName = componentName;
-exports.ActionBar.propTypes = {
+ActionBar.displayName = componentName;
+ActionBar.propTypes = {
   /**
    * Specifies the action bar items. Each item is specified as an object
    * with required fields: key for array rendering, renderIcon, iconDescription and
@@ -170,3 +169,5 @@ exports.ActionBar.propTypes = {
    */
   rightAlign: index.default.bool
 };
+
+exports.ActionBar = ActionBar;

package/lib/components/ActionBar/ActionBarItem.d.ts

@@ -35,5 +35,5 @@ interface ActionBarItemProps extends PropsWithChildren {
 /**
  * The ActionBarItem is used in the page header to populate the action bar
  */
-export declare let ActionBarItem: React.ForwardRefExoticComponent<ActionBarItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ActionBarItem: React.ForwardRefExoticComponent<ActionBarItemProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/ActionBar/ActionBarItem.js

@@ -22,7 +22,7 @@ const blockClass = `${settings.pkg.prefix}--action-bar-item`;
 /**
  * The ActionBarItem is used in the page header to populate the action bar
  */
-exports.ActionBarItem = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const ActionBarItem = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     label,
     className,
@@ -42,7 +42,6 @@ exports.ActionBarItem = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.ActionBarItem = settings.pkg.checkComponentEnabled(exports.ActionBarItem, componentName);
 
 // Props the user cannot change
 const reservedProps = ['kind', 'size', 'align', 'type'];
@@ -55,8 +54,8 @@ const propTypes = {
 reservedProps.forEach(prop => {
   delete propTypes[prop];
 });
-exports.ActionBarItem.displayName = componentName;
-exports.ActionBarItem.propTypes = {
+ActionBarItem.displayName = componentName;
+ActionBarItem.propTypes = {
   /**
    * The ...propTypes are copies of those from Button minus the props reserved for use by this component
    */
@@ -99,3 +98,5 @@ exports.ActionBarItem.propTypes = {
    */
   tabIndex: index.default.number
 };
+
+exports.ActionBarItem = ActionBarItem;

package/lib/components/BigNumber/BigNumber.d.ts

@@ -31,4 +31,4 @@ export interface BigNumberProps {
  * of a button as well as tool tip functionality.
  * The default locale is English (`en-US`) if one is not provided or if the provided one is not supported.
  */
-export declare let BigNumber: React.ForwardRefExoticComponent<BigNumberProps & React.RefAttributes<HTMLDivElement>>;
+export declare const BigNumber: React.ForwardRefExoticComponent<BigNumberProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/BigNumber/BigNumber.js

@@ -35,7 +35,7 @@ const componentName = 'BigNumber';
  * of a button as well as tool tip functionality.
  * The default locale is English (`en-US`) if one is not provided or if the provided one is not supported.
  */
-exports.BigNumber = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const BigNumber = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     // The component props, in alphabetical order (for consistency).
     className,
@@ -104,17 +104,14 @@ exports.BigNumber = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   }, iconButton)));
 });
 
-// Return a placeholder if not released and not enabled by feature flag
-exports.BigNumber = settings.pkg.checkComponentEnabled(exports.BigNumber, componentName);
-
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.BigNumber.displayName = componentName;
+BigNumber.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.BigNumber.propTypes = {
+BigNumber.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
@@ -178,3 +175,5 @@ exports.BigNumber.propTypes = {
    */
   value: index.default.number
 };
+
+exports.BigNumber = BigNumber;

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

package/lib/components/Cascade/Cascade.d.ts

@@ -22,4 +22,4 @@ the page. It should not be used on a page if it is the secondary focus of the
 page as that will distract the user.
 
 */
-export declare let Cascade: React.ForwardRefExoticComponent<CascadeProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Cascade: React.ForwardRefExoticComponent<CascadeProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/Cascade/Cascade.js

@@ -34,7 +34,7 @@ the page. It should not be used on a page if it is the secondary focus of the
 page as that will distract the user.
 
 */
-exports.Cascade = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Cascade = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     children,
     className,
@@ -79,9 +79,8 @@ exports.Cascade = /*#__PURE__*/React.forwardRef((props, ref) => {
   }
   return /*#__PURE__*/React.createElement("div", childProps, getModifiedChildren());
 });
-exports.Cascade = settings.pkg.checkComponentEnabled(exports.Cascade, componentName);
-exports.Cascade.displayName = componentName;
-exports.Cascade.propTypes = {
+Cascade.displayName = componentName;
+Cascade.propTypes = {
   /**
    * Main content that is shown.
    */
@@ -97,3 +96,5 @@ exports.Cascade.propTypes = {
    */
   grid: index.default.bool
 };
+
+exports.Cascade = Cascade;

package/lib/components/Checklist/Checklist.d.ts

@@ -101,5 +101,5 @@ export interface ChecklistProps {
  * an icon that defines the item's state as "not started", "in progress",
  * and "complete".
  */
-export declare let Checklist: React.ForwardRefExoticComponent<ChecklistProps & React.RefAttributes<HTMLElement>>;
+export declare const Checklist: React.ForwardRefExoticComponent<ChecklistProps & React.RefAttributes<HTMLElement>>;
 export {};

package/lib/components/Checklist/Checklist.js

@@ -54,7 +54,7 @@ const defaults = {
  * an icon that defines the item's state as "not started", "in progress",
  * and "complete".
  */
-exports.Checklist = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const Checklist = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     chartValue,
     chartLabel,
@@ -184,13 +184,12 @@ exports.Checklist = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.Checklist = settings.pkg.checkComponentEnabled(exports.Checklist, componentName);
-exports.Checklist.displayName = componentName;
+Checklist.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.Checklist.propTypes = {
+Checklist.propTypes = {
   /**
    * Define both `chartLabel` and `chartValue` to show the chart and its label together.
    */
@@ -271,3 +270,5 @@ exports.Checklist.propTypes = {
    */
   viewAllLabel: index.default.string
 };
+
+exports.Checklist = Checklist;

package/lib/components/Coachmark/Coachmark.d.ts

@@ -88,7 +88,7 @@ export interface CoachmarkProps {
  * within the UI that may not be intuitive but are important for the
  * user to gain understanding of the product's main value and discover new use cases.
  */
-export declare let Coachmark: React.ForwardRefExoticComponent<CoachmarkProps & React.RefAttributes<HTMLElement>>;
+export declare const Coachmark: React.ForwardRefExoticComponent<CoachmarkProps & React.RefAttributes<HTMLElement>>;
 export declare const deprecatedProps: {
     /**
      * **Deprecated**

package/lib/components/Coachmark/Coachmark.js

@@ -40,7 +40,7 @@ const defaults = {
  * user to gain understanding of the product's main value and discover new use cases.
  */
 
-exports.Coachmark = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const Coachmark = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     align = defaults.align,
     autoAlign,
@@ -218,11 +218,10 @@ const overlayRefType = typeof HTMLElement === 'undefined' ? index.default.object
 index.default.instanceOf(HTMLElement);
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.Coachmark = settings.pkg.checkComponentEnabled(exports.Coachmark, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.Coachmark.displayName = componentName;
+Coachmark.displayName = componentName;
 const deprecatedProps = {
   /**
    * **Deprecated**
@@ -264,7 +263,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.Coachmark.propTypes = {
+Coachmark.propTypes = {
   /**
    * Where to render the Coachmark relative to its target.
    * Applies only to Floating and Tooltip Coachmarks.
@@ -309,4 +308,5 @@ exports.Coachmark.propTypes = {
   ...deprecatedProps
 };
 
+exports.Coachmark = Coachmark;
 exports.deprecatedProps = deprecatedProps;

package/lib/components/Coachmark/CoachmarkDragbar.d.ts

@@ -36,5 +36,5 @@ interface CoachmarkDragbarProps {
  * DO NOT USE. This component is for the exclusive use
  * of other Onboarding components.
  */
-export declare let CoachmarkDragbar: React.ForwardRefExoticComponent<Omit<CoachmarkDragbarProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const CoachmarkDragbar: React.ForwardRefExoticComponent<Omit<CoachmarkDragbarProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export {};

package/lib/components/Coachmark/CoachmarkDragbar.js

@@ -36,7 +36,7 @@ const defaults = {
  * DO NOT USE. This component is for the exclusive use
  * of other Onboarding components.
  */
-exports.CoachmarkDragbar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const CoachmarkDragbar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     a11yKeyboardHandler,
     onClose = defaults.onClose,
@@ -98,16 +98,15 @@ exports.CoachmarkDragbar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.CoachmarkDragbar = settings.pkg.checkComponentEnabled(exports.CoachmarkDragbar, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.CoachmarkDragbar.displayName = componentName;
+CoachmarkDragbar.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.CoachmarkDragbar.propTypes = {
+CoachmarkDragbar.propTypes = {
   /**
    * Handler to manage keyboard interactions with the dragbar.
    */
@@ -130,3 +129,5 @@ exports.CoachmarkDragbar.propTypes = {
    */
   theme: index.default.oneOf(['light', 'dark'])
 };
+
+exports.CoachmarkDragbar = CoachmarkDragbar;

package/lib/components/Coachmark/CoachmarkHeader.d.ts

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

package/lib/components/Coachmark/CoachmarkHeader.js

@@ -30,7 +30,7 @@ const defaults = {
  * DO NOT USE. This component is for the exclusive use
  * of other Onboarding components.
  */
-exports.CoachmarkHeader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const CoachmarkHeader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     onClose = defaults.onClose,
     showCloseButton = defaults.showCloseButton,
@@ -56,16 +56,15 @@ exports.CoachmarkHeader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.CoachmarkHeader = settings.pkg.checkComponentEnabled(exports.CoachmarkHeader, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.CoachmarkHeader.displayName = componentName;
+CoachmarkHeader.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.CoachmarkHeader.propTypes = {
+CoachmarkHeader.propTypes = {
   /**
    * Tooltip text and aria label for the Close button icon.
    */
@@ -83,3 +82,5 @@ exports.CoachmarkHeader.propTypes = {
    */
   theme: index.default.oneOf(['light', 'dark'])
 };
+
+exports.CoachmarkHeader = CoachmarkHeader;

package/lib/components/Coachmark/CoachmarkOverlay.d.ts

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

package/lib/components/Coachmark/CoachmarkOverlay.js

@@ -35,7 +35,7 @@ const defaults = {
  * DO NOT USE. This component is for the exclusive use
  * of other Onboarding components.
  */
-exports.CoachmarkOverlay = /*#__PURE__*/React.forwardRef((props, ref) => {
+const CoachmarkOverlay = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     children,
     onClose,
@@ -200,22 +200,21 @@ const useWindowDimensions = () => {
 };
 
 /**@ts-ignore*/
-exports.CoachmarkOverlay.deprecated = {
+CoachmarkOverlay.deprecated = {
   level: 'warn',
   details: `${componentName} is deprecated.`
 };
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.CoachmarkOverlay = settings.pkg.checkComponentEnabled(exports.CoachmarkOverlay, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.CoachmarkOverlay.displayName = componentName;
+CoachmarkOverlay.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.CoachmarkOverlay.propTypes = {
+CoachmarkOverlay.propTypes = {
   /**
    * The CoachmarkOverlayElements child components.
    * Validation is handled in the parent Coachmark component.
@@ -243,3 +242,5 @@ exports.CoachmarkOverlay.propTypes = {
    */
   theme: index.default.oneOf(['light', 'dark'])
 };
+
+exports.CoachmarkOverlay = CoachmarkOverlay;

package/lib/components/Coachmark/CoachmarkTagline.d.ts

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

package/lib/components/Coachmark/CoachmarkTagline.js

@@ -31,7 +31,7 @@ const defaults = {
  * DO NOT USE. This component is for the exclusive use
  * of other Onboarding components.
  */
-exports.CoachmarkTagline = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const CoachmarkTagline = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     closeIconDescription = defaults.closeIconDescription,
     onClose = defaults.onClose,
@@ -67,16 +67,15 @@ exports.CoachmarkTagline = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.CoachmarkTagline = settings.pkg.checkComponentEnabled(exports.CoachmarkTagline, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.CoachmarkTagline.displayName = componentName;
+CoachmarkTagline.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.CoachmarkTagline.propTypes = {
+CoachmarkTagline.propTypes = {
   /**
    * Tooltip text and aria label for the Close button icon.
    */
@@ -94,3 +93,5 @@ exports.CoachmarkTagline.propTypes = {
    */
   title: index.default.string.isRequired
 };
+
+exports.CoachmarkTagline = CoachmarkTagline;

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

package/lib/components/Coachmark/utils/enums.js

@@ -10,6 +10,10 @@
 /**
  * Reserved for future expansion, i.e. "RING".
  */
+let BEACON_KIND = /*#__PURE__*/function (BEACON_KIND) {
+  BEACON_KIND["DEFAULT"] = "default";
+  return BEACON_KIND;
+}({});
 
 /**
  * Describes the style and behavior of a Coachmark.
@@ -45,5 +49,6 @@ let COACHMARK_ALIGNMENT = /*#__PURE__*/function (COACHMARK_ALIGNMENT) {
   return COACHMARK_ALIGNMENT;
 }({});
 
+exports.BEACON_KIND = BEACON_KIND;
 exports.COACHMARK_ALIGNMENT = COACHMARK_ALIGNMENT;
 exports.COACHMARK_OVERLAY_KIND = COACHMARK_OVERLAY_KIND;

package/lib/components/CoachmarkBeacon/CoachmarkBeacon.d.ts

@@ -36,4 +36,4 @@ export interface CoachmarkBeaconProps {
 /**
  * Use beacon for the target prop of a Coachmark component.
  */
-export declare let CoachmarkBeacon: React.ForwardRefExoticComponent<CoachmarkBeaconProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CoachmarkBeacon: React.ForwardRefExoticComponent<CoachmarkBeaconProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js

@@ -26,7 +26,7 @@ const defaults = {
 /**
  * Use beacon for the target prop of a Coachmark component.
  */
-exports.CoachmarkBeacon = /*#__PURE__*/React.forwardRef((props, ref) => {
+const CoachmarkBeacon = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     label,
     className,
@@ -54,16 +54,15 @@ exports.CoachmarkBeacon = /*#__PURE__*/React.forwardRef((props, ref) => {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.CoachmarkBeacon = settings.pkg.checkComponentEnabled(exports.CoachmarkBeacon, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.CoachmarkBeacon.displayName = componentName;
+CoachmarkBeacon.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.CoachmarkBeacon.propTypes = {
+CoachmarkBeacon.propTypes = {
   /**
    * button props
    */
@@ -91,3 +90,5 @@ exports.CoachmarkBeacon.propTypes = {
    */
   label: index.default.string.isRequired
 };
+
+exports.CoachmarkBeacon = CoachmarkBeacon;

package/lib/components/CoachmarkButton/CoachmarkButton.d.ts

@@ -18,4 +18,4 @@ export interface CoachmarkButtonProps {
 /**
  * Use CoachmarkButton for the target prop of a Coachmark component.
  */
-export declare let CoachmarkButton: React.ForwardRefExoticComponent<CoachmarkButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const CoachmarkButton: React.ForwardRefExoticComponent<CoachmarkButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/components/CoachmarkButton/CoachmarkButton.js

@@ -46,7 +46,7 @@ const componentName = 'CoachmarkButton';
 /**
  * Use CoachmarkButton for the target prop of a Coachmark component.
  */
-exports.CoachmarkButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const CoachmarkButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     className,
     label,
@@ -73,22 +73,21 @@ exports.CoachmarkButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 
 /**@ts-ignore*/
-exports.CoachmarkButton.deprecated = {
+CoachmarkButton.deprecated = {
   level: 'warn',
   details: `${componentName} is deprecated.`
 };
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.CoachmarkButton = settings.pkg.checkComponentEnabled(exports.CoachmarkButton, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-exports.CoachmarkButton.displayName = componentName;
+CoachmarkButton.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.CoachmarkButton.propTypes = {
+CoachmarkButton.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
@@ -98,3 +97,5 @@ exports.CoachmarkButton.propTypes = {
    */
   label: index.default.string.isRequired
 };
+
+exports.CoachmarkButton = CoachmarkButton;

package/lib/components/CoachmarkFixed/CoachmarkFixed.d.ts

@@ -48,4 +48,4 @@ export interface CoachmarkFixedProps {
  * 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.
  */
-export declare let CoachmarkFixed: React.ForwardRefExoticComponent<CoachmarkFixedProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CoachmarkFixed: React.ForwardRefExoticComponent<CoachmarkFixedProps & React.RefAttributes<HTMLDivElement>>;