@carbon/ibm-products 2.43.2-canary.33 → 2.43.2-canary.330

package/lib/components/Coachmark/CoachmarkTagline.js

@@ -7,11 +7,9 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
@@ -19,11 +17,6 @@ var context = require('./utils/context.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _Idea;
 var _excluded = ["closeIconDescription", "onClose", "theme", "title"];
 
@@ -39,7 +32,7 @@ var defaults = {
  * DO NOT USE. This component is for the exclusive use
  * of other Onboarding components.
  */
-exports.CoachmarkTagline = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.CoachmarkTagline = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$closeIconDescrip = _ref.closeIconDescription,
     closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
     _ref$onClose = _ref.onClose,
@@ -49,20 +42,20 @@ exports.CoachmarkTagline = /*#__PURE__*/React__default["default"].forwardRef(fun
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var coachmark = context.useCoachmark();
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, "".concat(blockClass, "__").concat(theme), coachmark.isOpen && "".concat(blockClass, "--is-open")),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, "".concat(blockClass, "__").concat(theme), coachmark.isOpen && "".concat(blockClass, "--is-open")),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
     // {...rest}
     className: "".concat(blockClass, "__cta"),
     type: "button"
-  }, coachmark.buttonProps), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, coachmark.buttonProps), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__idea")
-  }, _Idea || (_Idea = /*#__PURE__*/React__default["default"].createElement(icons.Idea, {
+  }, _Idea || (_Idea = /*#__PURE__*/React.createElement(icons.Idea, {
     size: 16
-  }))), /*#__PURE__*/React__default["default"].createElement("div", null, title)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", null, title)), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "--close-btn-container")
-  }, /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, /*#__PURE__*/React.createElement(react.Button, {
     kind: "ghost",
     size: "sm",
     renderIcon: icons.Close,
@@ -87,17 +80,17 @@ exports.CoachmarkTagline.propTypes = {
   /**
    * Tooltip text and aria label for the Close button icon.
    */
-  closeIconDescription: index["default"].string,
+  closeIconDescription: index.default.string,
   /**
    * Function to call when the close button is clicked.
    */
-  onClose: index["default"].func,
+  onClose: index.default.func,
   /**
    * Determines the theme of the component.
    */
-  theme: index["default"].oneOf(['light', 'dark']),
+  theme: index.default.oneOf(['light', 'dark']),
   /**
    * The title of the tagline.
    */
-  title: index["default"].string.isRequired
+  title: index.default.string.isRequired
 };

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

@@ -1,3 +1,10 @@
-export { Coachmark } from "./Coachmark";
-export { useCoachmark } from "./utils/context";
-export { BEACON_KIND, COACHMARK_OVERLAY_KIND, COACHMARK_ALIGNMENT } from "./utils/enums";
+/**
+ * Copyright IBM Corp. 2023, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { Coachmark } from './Coachmark';
+export { BEACON_KIND, COACHMARK_OVERLAY_KIND, COACHMARK_ALIGNMENT, } from './utils/enums';
+export { useCoachmark } from './utils/context';
+export type { CoachmarkProps } from './Coachmark';

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

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var enums = require('./enums.js');
 
 /**

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

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
 var CoachmarkContext = /*#__PURE__*/React.createContext();

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

@@ -1,3 +1,9 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 /**
  * Reserved for future expansion, i.e. "RING".
  */

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

@@ -7,10 +7,9 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /* eslint-disable max-len */
 
+
 /**
  * Describes the style and behavior of a Coachmark.
  * @param TOOLTIP includes a caret pointing to the animated beacon.

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

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var enums = require('./enums.js');
 
@@ -21,7 +19,7 @@ var enums = require('./enums.js');
  */
 
 function useClickOutsideElement(coachmarkRef, overlayRef, overlayKind, callback) {
-  var cb = React.useRef();
+  var cb = React.useRef(undefined);
   var isTooltip = overlayKind === enums.COACHMARK_OVERLAY_KIND.TOOLTIP;
   React.useLayoutEffect(function () {
     cb.current = callback;

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

@@ -4,9 +4,9 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
 import { BEACON_KIND } from '../Coachmark';
-interface CoachmarkBeaconProps {
+import React from 'react';
+export interface CoachmarkBeaconProps {
     /**
      * Optional class name for this component.
      */
@@ -26,4 +26,3 @@ interface CoachmarkBeaconProps {
  * Use beacon for the target prop of a Coachmark component.
  */
 export declare let CoachmarkBeacon: React.ForwardRefExoticComponent<CoachmarkBeaconProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js

@@ -7,20 +7,14 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+require('../Coachmark/Coachmark.js');
+var context = require('../Coachmark/utils/context.js');
+var index = require('../../_virtual/index.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var context = require('../Coachmark/utils/context.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _div, _circle;
 var _excluded = ["label", "className", "kind"];
@@ -34,8 +28,7 @@ var defaults = {
 /**
  * Use beacon for the target prop of a Coachmark component.
  */
-exports.CoachmarkBeacon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
-  var _coachmark$positionTu, _coachmark$positionTu2, _coachmark$positionTu3, _coachmark$positionTu4;
+exports.CoachmarkBeacon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var label = _ref.label,
     className = _ref.className,
     _ref$kind = _ref.kind,
@@ -43,27 +36,22 @@ exports.CoachmarkBeacon = /*#__PURE__*/React__default["default"].forwardRef(func
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var coachmark = context.useCoachmark();
   if (!coachmark) {
-    return _div || (_div = /*#__PURE__*/React__default["default"].createElement("div", null, "CoachmarkBeacon is to be use exclusively within the target prop of Coachmark"));
+    return _div || (_div = /*#__PURE__*/React.createElement("div", null, "CoachmarkBeacon is to be use exclusively within the target prop of Coachmark"));
   }
-  var overlayPositionStyle = {
-    top: (_coachmark$positionTu = (_coachmark$positionTu2 = coachmark.positionTune) === null || _coachmark$positionTu2 === void 0 ? void 0 : _coachmark$positionTu2.y) !== null && _coachmark$positionTu !== void 0 ? _coachmark$positionTu : 0,
-    left: (_coachmark$positionTu3 = (_coachmark$positionTu4 = coachmark.positionTune) === null || _coachmark$positionTu4 === void 0 ? void 0 : _coachmark$positionTu4.x) !== null && _coachmark$positionTu3 !== void 0 ? _coachmark$positionTu3 : 0
-  };
-  return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, "".concat(blockClass, "-").concat(kind), className),
-    ref: ref,
-    style: overlayPositionStyle
+  return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, "".concat(blockClass, "-").concat(kind), className),
+    ref: ref
   }, devtools.getDevtoolsProps(componentName), {
     role: "tooltip"
-  }), /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
+  }), /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
     tabIndex: 0,
     type: "button"
   }, coachmark.buttonProps, {
     "aria-label": label,
     className: "".concat(blockClass, "__target")
-  }), /*#__PURE__*/React__default["default"].createElement("svg", {
+  }), /*#__PURE__*/React.createElement("svg", {
     className: "".concat(blockClass, "__center")
-  }, _circle || (_circle = /*#__PURE__*/React__default["default"].createElement("circle", {
+  }, /*#__PURE__*/React.createElement("title", null, label), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
     r: 1,
     cx: 38,
     cy: 38
@@ -84,15 +72,15 @@ exports.CoachmarkBeacon.propTypes = {
   /**
    * Optional class name for this component.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * What style of beacon.
    * BEACON_KIND is an exported enum from the Coachmark and can be used for this value.
    * @see {@link BEACON_KIND}
    */
-  kind: index["default"].oneOf(['default']),
+  kind: index.default.oneOf(['default']),
   /**
    * The aria label.
    */
-  label: index["default"].string.isRequired
+  label: index.default.string.isRequired
 };

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

@@ -1 +1,8 @@
-export { CoachmarkBeacon } from "./CoachmarkBeacon";
+/**
+ * Copyright IBM Corp. 2023, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { CoachmarkBeacon } from './CoachmarkBeacon';
+export type { CoachmarkBeaconProps } from './CoachmarkBeacon';

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-interface CoachmarkButtonProps {
+export interface CoachmarkButtonProps {
     /**
      * Provide an optional class to be applied to the containing node.
      */
@@ -19,4 +19,3 @@ interface CoachmarkButtonProps {
  * Use CoachmarkButton for the target prop of a Coachmark component.
  */
 export declare let CoachmarkButton: React.ForwardRefExoticComponent<CoachmarkButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export {};

package/lib/components/CoachmarkButton/CoachmarkButton.js

@@ -7,24 +7,19 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@carbon/react');
+var index = require('../../_virtual/index.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var react = require('@carbon/react');
+require('../Coachmark/Coachmark.js');
 var context = require('../Coachmark/utils/context.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _div;
 var _excluded = ["className", "label"];
+
 // Carbon and package components we use.
 /* TODO: @import(s) of carbon components and other package components. */
 
@@ -51,16 +46,16 @@ var componentName = 'CoachmarkButton';
 /**
  * Use CoachmarkButton for the target prop of a Coachmark component.
  */
-exports.CoachmarkButton = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.CoachmarkButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     label = _ref.label,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var coachmark = context.useCoachmark();
   if (!coachmark) {
-    return _div || (_div = /*#__PURE__*/React__default["default"].createElement("div", null, "CoachmarkButton is to be use exclusively within the target prop of Coachmark"));
+    return _div || (_div = /*#__PURE__*/React.createElement("div", null, "CoachmarkButton is to be use exclusively within the target prop of Coachmark"));
   }
-  return /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass,
+  return /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass,
     // Apply the block class to the main HTML element
     className,
     // Apply any supplied class names to the main HTML element.
@@ -89,9 +84,9 @@ exports.CoachmarkButton.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The aria label.
    */
-  label: index["default"].string.isRequired
+  label: index.default.string.isRequired
 };

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

@@ -1 +1,8 @@
-export { CoachmarkButton } from "./CoachmarkButton";
+/**
+ * Copyright IBM Corp. 2023, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { CoachmarkButton } from './CoachmarkButton';
+export type { CoachmarkButtonProps } from './CoachmarkButton';

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface CoachmarkFixedProps {
+export interface CoachmarkFixedProps {
     /**
      * CoachmarkFixed should use a single CoachmarkOverlayElements component as a child.
      */
@@ -45,4 +45,3 @@ interface CoachmarkFixedProps {
  * 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 {};

package/lib/components/CoachmarkFixed/CoachmarkFixed.js

@@ -7,26 +7,22 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var enums = require('../Coachmark/utils/enums.js');
+var context = require('../Coachmark/utils/context.js');
+var CoachmarkOverlay = require('../Coachmark/CoachmarkOverlay.js');
+var CoachmarkTagline = require('../Coachmark/CoachmarkTagline.js');
+var index = require('../../_virtual/index.js');
+var reactDom = require('react-dom');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var reactDom = require('react-dom');
-var CoachmarkOverlay = require('../Coachmark/CoachmarkOverlay.js');
-var CoachmarkTagline = require('../Coachmark/CoachmarkTagline.js');
-var context = require('../Coachmark/utils/context.js');
-var enums = require('../Coachmark/utils/enums.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var framerMotion = require('framer-motion');
+var useIsomorphicEffect = require('../../global/js/hooks/useIsomorphicEffect.js');
 
 var _excluded = ["children", "className", "onClose", "portalTarget", "tagline", "theme"];
+
 // Carbon and package components we use.
 /* TODO: @import(s) of carbon components and other package components. */
 
@@ -47,8 +43,7 @@ var 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__default["default"].forwardRef(function (_ref, ref) {
-  var _document$querySelect;
+exports.CoachmarkFixed = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$onClose = _ref.onClose,
@@ -60,7 +55,7 @@ exports.CoachmarkFixed = /*#__PURE__*/React__default["default"].forwardRef(funct
     theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var overlayRef = React.useRef(null);
-  var portalNode = portalTarget ? (_document$querySelect = document.querySelector(portalTarget)) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector('body') : document.querySelector('body');
+  var portalNode = React.useRef(null);
   var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -84,17 +79,19 @@ exports.CoachmarkFixed = /*#__PURE__*/React__default["default"].forwardRef(funct
     _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
     fixedIsVisible = _useState10[0],
     setFixedIsVisible = _useState10[1];
-  var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
+  var shouldReduceMotion = framerMotion.useReducedMotion();
+  useIsomorphicEffect.useIsomorphicEffect(function () {
+    var _document$querySelect, _document, _document2, _document3;
+    portalNode.current = portalTarget ? (_document$querySelect = (_document = document) === null || _document === void 0 ? void 0 : _document.querySelector(portalTarget)) !== null && _document$querySelect !== void 0 ? _document$querySelect : (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.querySelector('body') : (_document3 = document) === null || _document3 === void 0 ? void 0 : _document3.querySelector('body');
+  }, [portalTarget]);
   var handleClose = React.useCallback(function () {
-    console.log('HANDLING CLOSE HERE...');
-    if (prefersReducedMotion.matches) {
+    if (shouldReduceMotion) {
       setIsOpen(false);
     } else {
       setFixedIsVisible(false);
     }
-  }, [prefersReducedMotion.matches]);
+  }, [shouldReduceMotion]);
   var handleTransitionEnd = function handleTransitionEnd(e) {
-    console.log('Here at transition end... ', e.propertyName === 'transform' && !fixedIsVisible);
     if (e.propertyName === 'transform' && !fixedIsVisible) {
       setIsOpen(false);
       onClose();
@@ -163,27 +160,26 @@ exports.CoachmarkFixed = /*#__PURE__*/React__default["default"].forwardRef(funct
       return setIsOpen(false);
     };
   }, []);
-  return /*#__PURE__*/React__default["default"].createElement(context.CoachmarkContext.Provider, {
+  return /*#__PURE__*/React.createElement(context.CoachmarkContext.Provider, {
     value: contextValue
-  }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, // Apply the block class to the main HTML element
+  }, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, // Apply the block class to the main HTML element
     "".concat(blockClass, "__").concat(theme), className // Apply any supplied class names to the main HTML element.
     ),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(CoachmarkTagline.CoachmarkTagline, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(CoachmarkTagline.CoachmarkTagline, {
     title: tagline,
     onClose: onClose
-  }), isOpen && /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement(CoachmarkOverlay.CoachmarkOverlay, {
+  }), isOpen && (portalNode === null || portalNode === void 0 ? void 0 : portalNode.current) && /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React.createElement(CoachmarkOverlay.CoachmarkOverlay, {
     ref: overlayRef,
     fixedIsVisible: fixedIsVisible,
     kind: enums.COACHMARK_OVERLAY_KIND.FIXED,
     onClose: handleClose,
     onTransitionEnd: handleTransitionEnd,
     theme: theme,
-    className: cx__default["default"](fixedIsVisible && "".concat(overlayBlockClass, "--is-visible"), overlayBlockClass)
-  }, children),
-  // Default to `document.body` when `portalNode` is `null`
-  portalNode || document.body)));
+    className: cx(fixedIsVisible && "".concat(overlayBlockClass, "--is-visible"), overlayBlockClass)
+  }, children), // Default to `document.body` when `portalNode` is `null`
+  portalNode === null || portalNode === void 0 ? void 0 : portalNode.current)));
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -201,15 +197,15 @@ exports.CoachmarkFixed.propTypes = {
   /**
    * CoachmarkFixed should use a single CoachmarkOverlayElements component as a child.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Optional class name for this component.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Function to call when the Coachmark closes.
    */
-  onClose: index["default"].func,
+  onClose: index.default.func,
   /**
    * By default, the Coachmark will be appended to the end of `document.body`.
    * The Coachmark will remain persistent as the user navigates the app until
@@ -220,13 +216,13 @@ exports.CoachmarkFixed.propTypes = {
    * remain visible as long as that element remains visible or mounted. When the
    * element is hidden or component is unmounted, the Coachmark will disappear.
    */
-  portalTarget: index["default"].string,
+  portalTarget: index.default.string,
   /**
    * The tagline title which will be fixed to the bottom right of the window and will serve as the display trigger.
    */
-  tagline: index["default"].string.isRequired,
+  tagline: index.default.string.isRequired,
   /**
    * Determines the theme of the component.
    */
-  theme: index["default"].oneOf(['light', 'dark'])
+  theme: index.default.oneOf(['light', 'dark'])
 };

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

@@ -1 +1,8 @@
-export { CoachmarkFixed } from "./CoachmarkFixed";
+/**
+ * Copyright IBM Corp. 2023, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { CoachmarkFixed } from './CoachmarkFixed';
+export type { CoachmarkFixedProps } from './CoachmarkFixed';

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface CoachmarkOverlayElementProps {
+export interface CoachmarkOverlayElementProps {
     /**
      * An optional button can be rendered below the description.
      * This can be a link, button, Coachmark button, etc.
@@ -30,4 +30,3 @@ interface CoachmarkOverlayElementProps {
  * in a carousel fashion.
  */
 export declare let CoachmarkOverlayElement: React.ForwardRefExoticComponent<CoachmarkOverlayElementProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js

@@ -7,20 +7,13 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["button", "className", "description", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -31,14 +24,14 @@ var 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__default["default"].forwardRef(function (_ref, ref) {
+exports.CoachmarkOverlayElement = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var button = _ref.button,
     className = _ref.className,
     description = _ref.description,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass,
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass,
     // Apply the block class to the main HTML element
     className,
     // Apply any supplied class names to the main HTML element.
@@ -48,14 +41,13 @@ exports.CoachmarkOverlayElement = /*#__PURE__*/React__default["default"].forward
       // example: [`${blockClass}__here-if-small`]: size === 'sm',
     }),
     ref: ref
-    // role="main"
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__content")
-  }, title && /*#__PURE__*/React__default["default"].createElement("h2", {
+  }, title && /*#__PURE__*/React.createElement("h2", {
     className: "".concat(blockClass, "__title")
-  }, title), description && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, title), description && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__body")
-  }, description)), button && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, description)), button && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__button")
   }, button));
 });
@@ -75,17 +67,17 @@ exports.CoachmarkOverlayElement.propTypes = {
    * An optional button can be rendered below the description.
    * This can be a link, button, Coachmark button, etc.
    */
-  button: index["default"].node,
+  button: index.default.node,
   /**
    * Optional class name for this component.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The description of the Coachmark.
    */
-  description: index["default"].node.isRequired,
+  description: index.default.node.isRequired,
   /**
    * The title of the Coachmark.
    */
-  title: index["default"].string.isRequired
+  title: index.default.string.isRequired
 };