@carbon/ibm-products 2.59.0 → 2.60.0-rc.0

package/lib/components/Carousel/Carousel.js

@@ -44,25 +44,25 @@ var defaults = {
  * 2. From the right-aligned position, when scrolling left,
  *      the left-most item should again be left-aligned.
  */
-var Carousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$disableArrowScro = _ref.disableArrowScroll,
-    disableArrowScroll = _ref$disableArrowScro === void 0 ? defaults.disableArrowScroll : _ref$disableArrowScro,
-    fadedEdgeColor = _ref.fadedEdgeColor,
-    _ref$onChangeIsScroll = _ref.onChangeIsScrollable,
-    onChangeIsScrollable = _ref$onChangeIsScroll === void 0 ? defaults.onChangeIsScrollable : _ref$onChangeIsScroll,
-    _ref$onScroll = _ref.onScroll,
-    onScroll = _ref$onScroll === void 0 ? defaults.onScroll : _ref$onScroll,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    _props$disableArrowSc = props.disableArrowScroll,
+    disableArrowScroll = _props$disableArrowSc === undefined ? defaults.disableArrowScroll : _props$disableArrowSc,
+    fadedEdgeColor = props.fadedEdgeColor,
+    _props$onChangeIsScro = props.onChangeIsScrollable,
+    onChangeIsScrollable = _props$onChangeIsScro === undefined ? defaults.onChangeIsScrollable : _props$onChangeIsScro,
+    _props$onScroll = props.onScroll,
+    onScroll = _props$onScroll === undefined ? defaults.onScroll : _props$onScroll,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
   var carouselRef = React.useRef(null);
   var scrollRef = React.useRef(null);
   var leftFadedEdgeRef = React.useRef(null);
   var rightFadedEdgeRef = React.useRef(null);
   // Array of refs used to reference this component's children DOM elements
   var childElementsRef = React.useRef(Array(React.Children.count(children)).fill(React.useRef(null)));
-  var leftFadedEdgeColor = _rollupPluginBabelHelpers.typeof(fadedEdgeColor) === 'object' ? fadedEdgeColor === null || fadedEdgeColor === void 0 ? void 0 : fadedEdgeColor.left : fadedEdgeColor;
-  var rightFadedEdgeColor = _rollupPluginBabelHelpers.typeof(fadedEdgeColor) === 'object' ? fadedEdgeColor === null || fadedEdgeColor === void 0 ? void 0 : fadedEdgeColor.right : fadedEdgeColor;
+  var leftFadedEdgeColor = _rollupPluginBabelHelpers.typeof(fadedEdgeColor) === 'object' ? fadedEdgeColor === null || fadedEdgeColor === undefined ? undefined : fadedEdgeColor.left : fadedEdgeColor;
+  var rightFadedEdgeColor = _rollupPluginBabelHelpers.typeof(fadedEdgeColor) === 'object' ? fadedEdgeColor === null || fadedEdgeColor === undefined ? undefined : fadedEdgeColor.right : fadedEdgeColor;
 
   // Trigger callbacks to report state of the carousel
   var handleOnScroll = React.useCallback(function () {
@@ -72,11 +72,11 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
 
     // viewport's width
-    var clientWidth = (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.clientWidth;
+    var clientWidth = (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === undefined ? undefined : _scrollRef$current.clientWidth;
     // scroll position
-    var scrollLeft = parseInt("".concat((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.scrollLeft), 10);
+    var scrollLeft = parseInt("".concat((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === undefined ? undefined : _scrollRef$current2.scrollLeft), 10);
     // scrollable width
-    var scrollWidth = (_scrollRef$current3 = scrollRef.current) === null || _scrollRef$current3 === void 0 ? void 0 : _scrollRef$current3.scrollWidth;
+    var scrollWidth = (_scrollRef$current3 = scrollRef.current) === null || _scrollRef$current3 === undefined ? undefined : _scrollRef$current3.scrollWidth;
 
     // The maximum scrollLeft achievable is the scrollable width - the viewport width.
     var scrollLeftMax = scrollWidth - clientWidth;
@@ -102,7 +102,7 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   // Get all elements that are visible in the container.
   var getElementsInView = React.useCallback(function () {
     var _scrollRef$current4;
-    var containerRect = scrollRef === null || scrollRef === void 0 || (_scrollRef$current4 = scrollRef.current) === null || _scrollRef$current4 === void 0 ? void 0 : _scrollRef$current4.getBoundingClientRect();
+    var containerRect = scrollRef === null || scrollRef === undefined || (_scrollRef$current4 = scrollRef.current) === null || _scrollRef$current4 === undefined ? undefined : _scrollRef$current4.getBoundingClientRect();
     var inViewElements = childElementsRef.current.filter(function (el) {
       return getElementInView(containerRect, el.getBoundingClientRect());
     });
@@ -113,7 +113,7 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var getContainerAndChildRectData = React.useCallback(function () {
     var _scrollRef$current5;
     // Get the rect of the container
-    var containerRect = scrollRef === null || scrollRef === void 0 || (_scrollRef$current5 = scrollRef.current) === null || _scrollRef$current5 === void 0 ? void 0 : _scrollRef$current5.getBoundingClientRect();
+    var containerRect = scrollRef === null || scrollRef === undefined || (_scrollRef$current5 = scrollRef.current) === null || _scrollRef$current5 === undefined ? undefined : _scrollRef$current5.getBoundingClientRect();
     // Get all child elements that are in view of the container, and return their bounding rects.
     var elementRectsInView = getElementsInView().map(function (el) {
       return el.getBoundingClientRect();
@@ -138,7 +138,7 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       containerRect = _getContainerAndChild.containerRect,
       visibleWidth = _getContainerAndChild.visibleWidth;
     // Set the scrollValue to the visibleWidth, but if the visibleWidth value is 0, set it to the container's width
-    var scrollValue = visibleWidth > 0 ? visibleWidth : containerRect === null || containerRect === void 0 ? void 0 : containerRect.width;
+    var scrollValue = visibleWidth > 0 ? visibleWidth : containerRect === null || containerRect === undefined ? undefined : containerRect.width;
     // Increment the scrollLeft of the container
     scrollRef.current.scrollLeft += scrollValue;
   }, [getContainerAndChildRectData]);
@@ -153,7 +153,7 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       visibleWidth = _getContainerAndChild2.visibleWidth;
     // Set the scrollValue to the visibleWidth minus the first child's left value,
     // but if the visibleWidth value is 0, set it to the container's width plus the container's left value
-    var scrollValue = visibleWidth > 0 ? visibleWidth - elementRectsInView[0].left : ((_containerRect$width = containerRect === null || containerRect === void 0 ? void 0 : containerRect.width) !== null && _containerRect$width !== void 0 ? _containerRect$width : 0) + ((_containerRect$left = containerRect === null || containerRect === void 0 ? void 0 : containerRect.left) !== null && _containerRect$left !== void 0 ? _containerRect$left : 0);
+    var scrollValue = visibleWidth > 0 ? visibleWidth - elementRectsInView[0].left : ((_containerRect$width = containerRect === null || containerRect === undefined ? undefined : containerRect.width) !== null && _containerRect$width !== undefined ? _containerRect$width : 0) + ((_containerRect$left = containerRect === null || containerRect === undefined ? undefined : containerRect.left) !== null && _containerRect$left !== undefined ? _containerRect$left : 0);
 
     // Decrement the scrollLeft of the container
     scrollRef.current.scrollLeft -= scrollValue;
@@ -206,9 +206,9 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       handleOnScroll();
     };
     var scrollDiv = scrollRef.current;
-    scrollDiv === null || scrollDiv === void 0 || scrollDiv.addEventListener('scrollend', handleScrollend);
+    scrollDiv === null || scrollDiv === undefined || scrollDiv.addEventListener('scrollend', handleScrollend);
     return function () {
-      return scrollDiv === null || scrollDiv === void 0 ? void 0 : scrollDiv.removeEventListener('scrollend', handleScrollend);
+      return scrollDiv === null || scrollDiv === undefined ? undefined : scrollDiv.removeEventListener('scrollend', handleScrollend);
     };
   }, [handleOnScroll]);
 
@@ -270,12 +270,12 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     };
   }, [handleScrollNext, handleScrollPrev, handleScrollReset, handleScrollToView]);
   useIsomorphicEffect.useIsomorphicEffect(function () {
-    if (leftFadedEdgeRef !== null && leftFadedEdgeRef !== void 0 && leftFadedEdgeRef.current && leftFadedEdgeRef.current.style) {
+    if (leftFadedEdgeRef !== null && leftFadedEdgeRef !== undefined && leftFadedEdgeRef.current && leftFadedEdgeRef.current.style) {
       leftFadedEdgeRef.current.style.background = "linear-gradient(90deg, ".concat(leftFadedEdgeColor, ", transparent)");
     }
   }, [leftFadedEdgeRef, leftFadedEdgeColor]);
   useIsomorphicEffect.useIsomorphicEffect(function () {
-    if (rightFadedEdgeRef !== null && rightFadedEdgeRef !== void 0 && rightFadedEdgeRef.current && rightFadedEdgeRef.current.style) {
+    if (rightFadedEdgeRef !== null && rightFadedEdgeRef !== undefined && rightFadedEdgeRef.current && rightFadedEdgeRef.current.style) {
       rightFadedEdgeRef.current.style.background = "linear-gradient(270deg, ".concat(rightFadedEdgeColor, ", transparent)");
     }
   }, [rightFadedEdgeRef, rightFadedEdgeColor]);
@@ -292,7 +292,7 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     return /*#__PURE__*/React.createElement(CarouselItem.CarouselItem, {
       key: index,
       ref: function ref(element) {
-        return childElementsRef.current[index] = element;
+        childElementsRef.current[index] = element;
       }
     }, child);
   })), leftFadedEdgeColor && /*#__PURE__*/React.createElement("div", {

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

@@ -22,6 +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 & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
+export declare let Cascade: React.ForwardRefExoticComponent<CascadeProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/Cascade/Cascade.js

@@ -21,7 +21,6 @@ var componentName = 'Cascade';
 var defaults = {
   grid: false
 };
-
 /**
 
 This pattern is intended for use with cards, tiles, or similarly styled
@@ -31,13 +30,13 @@ 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(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$grid = _ref.grid,
-    grid = _ref$grid === void 0 ? defaults.grid : _ref$grid,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var props = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+exports.Cascade = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    _props$grid = props.grid,
+    grid = _props$grid === undefined ? defaults.grid : _props$grid,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+  var childProps = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
     className: cx(blockClass, className),
     ref: ref
   }, devtools.getDevtoolsProps(componentName));
@@ -55,13 +54,15 @@ exports.Cascade = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   if (grid) {
     var colIdx = 0;
     var gridElm = React.Children.map(children, function (row) {
-      if ( /*#__PURE__*/React.isValidElement(row)) {
-        var cols = React.Children.map(row === null || row === void 0 ? void 0 : row.props.children, function (col) {
-          colIdx = colIdx + 1;
-          var colClassnames = cx(col.props.className, "".concat(blockClass, "__col"), "".concat(blockClass, "__col-").concat(colIdx));
-          return /*#__PURE__*/React.cloneElement(col, {
-            className: colClassnames
-          });
+      if (/*#__PURE__*/React.isValidElement(row)) {
+        var cols = React.Children.map(row === null || row === undefined ? undefined : row.props.children, function (col) {
+          if (/*#__PURE__*/React.isValidElement(col)) {
+            colIdx = colIdx + 1;
+            var colClassnames = cx(col.props.className, "".concat(blockClass, "__col"), "".concat(blockClass, "__col-").concat(colIdx));
+            return /*#__PURE__*/React.cloneElement(col, {
+              className: colClassnames
+            });
+          }
         });
         return /*#__PURE__*/React.cloneElement(row, {
           children: cols
@@ -69,9 +70,9 @@ exports.Cascade = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       }
       return children;
     });
-    return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement(react.Grid, null, gridElm));
+    return /*#__PURE__*/React.createElement("div", childProps, /*#__PURE__*/React.createElement(react.Grid, null, gridElm));
   }
-  return /*#__PURE__*/React.createElement("div", props, getModifiedChildren());
+  return /*#__PURE__*/React.createElement("div", childProps, getModifiedChildren());
 });
 exports.Cascade = settings.pkg.checkComponentEnabled(exports.Cascade, componentName);
 exports.Cascade.displayName = componentName;

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

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference path="../../../src/custom-typings/index.d.ts" />
 /**
  * TODO: Breakdown titles, icons, clickable items into sub-components
  * See

package/lib/components/Checklist/Checklist.js

@@ -60,27 +60,27 @@ exports.Checklist = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var chartValue = _ref.chartValue,
     chartLabel = _ref.chartLabel,
     _ref$checklistAriaLab = _ref.checklistAriaLabel,
-    checklistAriaLabel = _ref$checklistAriaLab === void 0 ? defaults.checklistAriaLabel : _ref$checklistAriaLab,
+    checklistAriaLabel = _ref$checklistAriaLab === undefined ? defaults.checklistAriaLabel : _ref$checklistAriaLab,
     _ref$checklistToggleA = _ref.checklistToggleAriaLabel,
-    checklistToggleAriaLabel = _ref$checklistToggleA === void 0 ? defaults.checklistToggleAriaLabel : _ref$checklistToggleA,
+    checklistToggleAriaLabel = _ref$checklistToggleA === undefined ? defaults.checklistToggleAriaLabel : _ref$checklistToggleA,
     className = _ref.className,
     _ref$onClickViewAll = _ref.onClickViewAll,
-    onClickViewAll = _ref$onClickViewAll === void 0 ? defaults.onClickViewAll : _ref$onClickViewAll,
+    onClickViewAll = _ref$onClickViewAll === undefined ? defaults.onClickViewAll : _ref$onClickViewAll,
     _ref$onToggle = _ref.onToggle,
-    onToggle = _ref$onToggle === void 0 ? defaults.onToggle : _ref$onToggle,
+    onToggle = _ref$onToggle === undefined ? defaults.onToggle : _ref$onToggle,
     _ref$open = _ref.open,
-    open = _ref$open === void 0 ? defaults.open : _ref$open,
+    open = _ref$open === undefined ? defaults.open : _ref$open,
     _ref$enableToggle = _ref.enableToggle,
-    enableToggle = _ref$enableToggle === void 0 ? defaults.enableToggle : _ref$enableToggle,
+    enableToggle = _ref$enableToggle === undefined ? defaults.enableToggle : _ref$enableToggle,
     _ref$taskLists = _ref.taskLists,
-    taskLists = _ref$taskLists === void 0 ? defaults.taskLists : _ref$taskLists,
+    taskLists = _ref$taskLists === undefined ? defaults.taskLists : _ref$taskLists,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
+    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
     title = _ref.title,
     _ref$toggleLabel = _ref.toggleLabel,
-    toggleLabel = _ref$toggleLabel === void 0 ? defaults.toggleLabel : _ref$toggleLabel,
+    toggleLabel = _ref$toggleLabel === undefined ? defaults.toggleLabel : _ref$toggleLabel,
     _ref$toggleLabelAlign = _ref.toggleLabelAlign,
-    toggleLabelAlign = _ref$toggleLabelAlign === void 0 ? 'top' : _ref$toggleLabelAlign,
+    toggleLabelAlign = _ref$toggleLabelAlign === undefined ? 'top' : _ref$toggleLabelAlign,
     viewAllLabel = _ref.viewAllLabel,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(open),
@@ -175,7 +175,7 @@ exports.Checklist = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         className: cx("".concat(blockClass, "__button"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__button--error"), item.kind === 'error')),
         onClick: function onClick() {
           var _item$onClick;
-          (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item, item);
+          (_item$onClick = item.onClick) === null || _item$onClick === undefined || _item$onClick.call(item, item);
         },
         size: "sm",
         title: item.label

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

@@ -2,8 +2,8 @@
  * Custom chart component used within Checklist PLG component
  */
 export let ChecklistChart: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     value: number;
-    theme?: import("./Checklist.types").Theme | undefined;
+    theme?: import("./Checklist.types").Theme;
 } & React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/Checklist/ChecklistChart.js

@@ -9,10 +9,10 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../_virtual/index.js');
+var index$1 = require('../../_virtual/index.js');
 var cx = require('classnames');
 var clamp = require('lodash/clamp');
-var index$1 = require('../../node_modules/@carbon/colors/es/index.js');
+var index = require('../../node_modules/@carbon/colors/es/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var Checklist_types = require('./Checklist.types.js');
@@ -35,11 +35,11 @@ function (_ref, ref) {
   var className = _ref.className,
     value = _ref.value,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
+    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var numDegrees = clamp(value * 360, 0, 360);
-  var circleColor = theme === Checklist_types.Themes.light ? index$1.gray20 : index$1.gray70; // $ui-03 (-ish)
-  var progressColor = index$1.purple50;
+  var circleColor = theme === Checklist_types.Themes.light ? index.gray20 : index.gray70; // $ui-03 (-ish)
+  var progressColor = index.purple50;
   React.useEffect(function () {
     var ele = document.getElementsByClassName("".concat(blockClass));
     setTimeout(function () {
@@ -75,15 +75,15 @@ ChecklistChart.propTypes = {
   /**
    * Optional class name for this component.
    */
-  className: index.default.string,
+  className: index$1.default.string,
   /**
    * Determines the theme of the component.
    */
-  theme: index.default.oneOf([Checklist_types.Themes.light, Checklist_types.Themes.dark]),
+  theme: index$1.default.oneOf([Checklist_types.Themes.light, Checklist_types.Themes.dark]),
   /**
    * Number between 0 and 1.
    */
-  value: index.default.number.isRequired
+  value: index$1.default.number.isRequired
 };
 
 exports.ChecklistChart = ChecklistChart;

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

@@ -2,8 +2,8 @@
  * TODO: A description of the component.
  */
 export let ChecklistIcon: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
-    kind?: import("./Checklist.types").Kind | undefined;
-    theme?: import("./Checklist.types").Theme | undefined;
+    className?: string;
+    kind?: import("./Checklist.types").Kind;
+    theme?: import("./Checklist.types").Theme;
 } & React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/Checklist/ChecklistIcon.js

@@ -49,7 +49,7 @@ function (_ref, ref) {
   var className = _ref.className,
     kind = _ref.kind,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
+    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var Icon;
   switch (kind) {

package/lib/components/Coachmark/Coachmark.js

@@ -43,23 +43,23 @@ var defaults = {
 
 exports.Coachmark = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$align = _ref.align,
-    align = _ref$align === void 0 ? defaults.align : _ref$align,
+    align = _ref$align === undefined ? defaults.align : _ref$align,
     autoAlign = _ref.autoAlign,
     children = _ref.children,
     className = _ref.className,
     _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? defaults.onClose : _ref$onClose,
+    onClose = _ref$onClose === undefined ? defaults.onClose : _ref$onClose,
     overlayClassName = _ref.overlayClassName,
     _ref$overlayKind = _ref.overlayKind,
-    overlayKind = _ref$overlayKind === void 0 ? defaults.overlayKind : _ref$overlayKind,
+    overlayKind = _ref$overlayKind === undefined ? defaults.overlayKind : _ref$overlayKind,
     overlayRef = _ref.overlayRef,
     positionTune = _ref.positionTune,
     portalTarget = _ref.portalTarget,
     target = _ref.target,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
+    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
     _ref$isOpenByDefault = _ref.isOpenByDefault,
-    isOpenByDefault = _ref$isOpenByDefault === void 0 ? defaults.isOpenByDefault : _ref$isOpenByDefault,
+    isOpenByDefault = _ref$isOpenByDefault === undefined ? defaults.isOpenByDefault : _ref$isOpenByDefault,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var isBeacon = overlayKind === enums.COACHMARK_OVERLAY_KIND.TOOLTIP;
   var isStacked = overlayKind === enums.COACHMARK_OVERLAY_KIND.STACKED;
@@ -90,7 +90,7 @@ exports.Coachmark = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var popoverRef = React.useRef(null);
   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');
+    portalNode.current = portalTarget ? (_document$querySelect = (_document = document) === null || _document === undefined ? undefined : _document.querySelector(portalTarget)) !== null && _document$querySelect !== undefined ? _document$querySelect : (_document2 = document) === null || _document2 === undefined ? undefined : _document2.querySelector('body') : (_document3 = document) === null || _document3 === undefined ? undefined : _document3.querySelector('body');
   }, [portalTarget]);
   var closeOverlay = function closeOverlay() {
     setIsOpen(false);
@@ -166,8 +166,8 @@ exports.Coachmark = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   useIsomorphicEffect.useIsomorphicEffect(function () {
     var _positionTune$y, _positionTune$x;
     var overlayPositionStyle = {
-      top: "".concat(((_positionTune$y = positionTune === null || positionTune === void 0 ? void 0 : positionTune.y) !== null && _positionTune$y !== void 0 ? _positionTune$y : 0) - 16, "px"),
-      left: "".concat(((_positionTune$x = positionTune === null || positionTune === void 0 ? void 0 : positionTune.x) !== null && _positionTune$x !== void 0 ? _positionTune$x : 0) - 16, "px")
+      top: "".concat(((_positionTune$y = positionTune === null || positionTune === undefined ? undefined : positionTune.y) !== null && _positionTune$y !== undefined ? _positionTune$y : 0) - 16, "px"),
+      left: "".concat(((_positionTune$x = positionTune === null || positionTune === undefined ? undefined : positionTune.x) !== null && _positionTune$x !== undefined ? _positionTune$x : 0) - 16, "px")
     };
     if (popoverRef.current && popoverRef.current.style && overlayPositionStyle) {
       var combinedStyle = _rollupPluginBabelHelpers.objectSpread2({
@@ -196,7 +196,7 @@ exports.Coachmark = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: cx(blockClass, "".concat(blockClass, "__").concat(theme), className),
     ref: _coachmarkRef
-  }, rest, devtools.getDevtoolsProps(componentName)), overlayKind !== 'tooltip' ? /*#__PURE__*/React.createElement(React.Fragment, null, target, isOpen && (portalNode === null || portalNode === void 0 ? void 0 : portalNode.current) && /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React.createElement(CoachmarkOverlay.CoachmarkOverlay, {
+  }, rest, devtools.getDevtoolsProps(componentName)), overlayKind !== 'tooltip' ? /*#__PURE__*/React.createElement(React.Fragment, null, target, isOpen && (portalNode === null || portalNode === undefined ? undefined : portalNode.current) && /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/React.createElement(CoachmarkOverlay.CoachmarkOverlay, {
     ref: _overlayRef,
     fixedIsVisible: false,
     kind: overlayKind,
@@ -204,7 +204,7 @@ exports.Coachmark = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     theme: theme,
     className: cx(overlayClassName, "".concat(overlayBlockClass, "--is-visible"))
   }, children), // Default to `document.body` when `portalNode` is `null`
-  portalNode === null || portalNode === void 0 ? void 0 : portalNode.current)) : /*#__PURE__*/React.createElement(react.Popover, {
+  portalNode === null || portalNode === undefined ? undefined : portalNode.current)) : /*#__PURE__*/React.createElement(react.Popover, {
     highContrast: true,
     caret: true,
     ref: popoverRef,

package/lib/components/Coachmark/CoachmarkDragbar.js

@@ -40,15 +40,15 @@ var defaults = {
 exports.CoachmarkDragbar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var a11yKeyboardHandler = _ref.a11yKeyboardHandler,
     _ref$closeIconDescrip = _ref.closeIconDescription,
-    closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
+    closeIconDescription = _ref$closeIconDescrip === undefined ? defaults.closeIconDescription : _ref$closeIconDescrip,
     _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? defaults.onClose : _ref$onClose,
+    onClose = _ref$onClose === undefined ? defaults.onClose : _ref$onClose,
     _ref$onDrag = _ref.onDrag,
-    onDrag = _ref$onDrag === void 0 ? defaults.onDrag : _ref$onDrag,
+    onDrag = _ref$onDrag === undefined ? defaults.onDrag : _ref$onDrag,
     _ref$showCloseButton = _ref.showCloseButton,
-    showCloseButton = _ref$showCloseButton === void 0 ? defaults.showCloseButton : _ref$showCloseButton,
+    showCloseButton = _ref$showCloseButton === undefined ? defaults.showCloseButton : _ref$showCloseButton,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
+    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),

package/lib/components/Coachmark/CoachmarkHeader.js

@@ -34,13 +34,13 @@ var defaults = {
  */
 exports.CoachmarkHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$closeIconDescrip = _ref.closeIconDescription,
-    closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
+    closeIconDescription = _ref$closeIconDescrip === undefined ? defaults.closeIconDescription : _ref$closeIconDescrip,
     _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? defaults.onClose : _ref$onClose,
+    onClose = _ref$onClose === undefined ? defaults.onClose : _ref$onClose,
     _ref$showCloseButton = _ref.showCloseButton,
-    showCloseButton = _ref$showCloseButton === void 0 ? defaults.showCloseButton : _ref$showCloseButton,
+    showCloseButton = _ref$showCloseButton === undefined ? defaults.showCloseButton : _ref$showCloseButton,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
+    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("header", _rollupPluginBabelHelpers.extends({}, rest, {
     className: cx(blockClass, "".concat(blockClass, "__").concat(theme)),

package/lib/components/Coachmark/CoachmarkOverlay.js

@@ -43,9 +43,9 @@ exports.CoachmarkOverlay = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     fixedIsVisible = _ref.fixedIsVisible,
     className = _ref.className,
     _ref$kind = _ref.kind,
-    kind = _ref$kind === void 0 ? defaults.kind : _ref$kind,
+    kind = _ref$kind === undefined ? defaults.kind : _ref$kind,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
+    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useWindowDimensions = useWindowDimensions(),
     winHeight = _useWindowDimensions.winHeight,
@@ -58,7 +58,7 @@ exports.CoachmarkOverlay = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var coachmark = context.useCoachmark();
   var isBeacon = kind === enums.COACHMARK_OVERLAY_KIND.TOOLTIP;
   var isDraggable = kind === enums.COACHMARK_OVERLAY_KIND.FLOATING;
-  var isVisible = className === null || className === void 0 ? void 0 : className.includes('is-visible');
+  var isVisible = className === null || className === undefined ? undefined : className.includes('is-visible');
   var handleKeyPress = function handleKeyPress(event) {
     var shiftKey = event.shiftKey,
       key = event.key;
@@ -149,7 +149,7 @@ exports.CoachmarkOverlay = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   useIsomorphicEffect.useIsomorphicEffect(function () {
     if (overlayRef.current) {
       var _overlayRef$current;
-      var currentStyle = (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === void 0 ? void 0 : _overlayRef$current.style;
+      var currentStyle = (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === undefined ? undefined : _overlayRef$current.style;
       Object.keys(styledTune).forEach(function (key) {
         var value = styledTune[key];
         currentStyle.setProperty(key, "".concat(value, "px"));

package/lib/components/Coachmark/CoachmarkTagline.js

@@ -34,11 +34,11 @@ var defaults = {
  */
 exports.CoachmarkTagline = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$closeIconDescrip = _ref.closeIconDescription,
-    closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
+    closeIconDescription = _ref$closeIconDescrip === undefined ? defaults.closeIconDescription : _ref$closeIconDescrip,
     _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? defaults.onClose : _ref$onClose,
+    onClose = _ref$onClose === undefined ? defaults.onClose : _ref$onClose,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
+    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var coachmark = context.useCoachmark();

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

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 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.

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

@@ -7,8 +7,9 @@
 
 'use strict';
 
-/* eslint-disable max-len */
-
+/**
+ * Reserved for future expansion, i.e. "RING".
+ */
 
 /**
  * Describes the style and behavior of a Coachmark.

package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js

@@ -32,7 +32,7 @@ exports.CoachmarkBeacon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var label = _ref.label,
     className = _ref.className,
     _ref$kind = _ref.kind,
-    kind = _ref$kind === void 0 ? defaults.kind : _ref$kind,
+    kind = _ref$kind === undefined ? defaults.kind : _ref$kind,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var coachmark = context.useCoachmark();
   if (!coachmark) {

package/lib/components/CoachmarkFixed/CoachmarkFixed.js

@@ -18,7 +18,7 @@ var reactDom = require('react-dom');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var framerMotion = require('framer-motion');
+var usePrefersReducedMotion = require('../../global/js/hooks/usePrefersReducedMotion.js');
 var useIsomorphicEffect = require('../../global/js/hooks/useIsomorphicEffect.js');
 
 var _excluded = ["children", "className", "onClose", "portalTarget", "tagline", "theme"];
@@ -47,12 +47,12 @@ exports.CoachmarkFixed = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? defaults.onClose : _ref$onClose,
+    onClose = _ref$onClose === undefined ? defaults.onClose : _ref$onClose,
     portalTarget = _ref.portalTarget,
     _ref$tagline = _ref.tagline,
-    tagline = _ref$tagline === void 0 ? defaults.tagline : _ref$tagline,
+    tagline = _ref$tagline === undefined ? defaults.tagline : _ref$tagline,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
+    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var overlayRef = React.useRef(null);
   var portalNode = React.useRef(null);
@@ -79,10 +79,10 @@ exports.CoachmarkFixed = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
     fixedIsVisible = _useState10[0],
     setFixedIsVisible = _useState10[1];
-  var shouldReduceMotion = framerMotion.useReducedMotion();
+  var shouldReduceMotion = usePrefersReducedMotion.usePrefersReducedMotion();
   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');
+    portalNode.current = portalTarget ? (_document$querySelect = (_document = document) === null || _document === undefined ? undefined : _document.querySelector(portalTarget)) !== null && _document$querySelect !== undefined ? _document$querySelect : (_document2 = document) === null || _document2 === undefined ? undefined : _document2.querySelector('body') : (_document3 = document) === null || _document3 === undefined ? undefined : _document3.querySelector('body');
   }, [portalTarget]);
   var handleClose = React.useCallback(function () {
     if (shouldReduceMotion) {
@@ -170,7 +170,7 @@ exports.CoachmarkFixed = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(CoachmarkTagline.CoachmarkTagline, {
     title: tagline,
     onClose: onClose
-  }), isOpen && (portalNode === null || portalNode === void 0 ? void 0 : portalNode.current) && /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React.createElement(CoachmarkOverlay.CoachmarkOverlay, {
+  }), isOpen && (portalNode === null || portalNode === undefined ? undefined : portalNode.current) && /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/React.createElement(CoachmarkOverlay.CoachmarkOverlay, {
     ref: overlayRef,
     fixedIsVisible: fixedIsVisible,
     kind: enums.COACHMARK_OVERLAY_KIND.FIXED,
@@ -179,7 +179,7 @@ exports.CoachmarkFixed = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     theme: theme,
     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)));
+  portalNode === null || portalNode === undefined ? undefined : portalNode.current)));
 });
 
 // Return a placeholder if not released and not enabled by feature flag