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

package/es/components/Carousel/Carousel.js

@@ -42,25 +42,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__default.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 = _objectWithoutProperties(_ref, _excluded);
+var Carousel = /*#__PURE__*/React__default.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 = _objectWithoutProperties(props, _excluded);
   var carouselRef = useRef(null);
   var scrollRef = useRef(null);
   var leftFadedEdgeRef = useRef(null);
   var rightFadedEdgeRef = useRef(null);
   // Array of refs used to reference this component's children DOM elements
   var childElementsRef = useRef(Array(React__default.Children.count(children)).fill(useRef(null)));
-  var leftFadedEdgeColor = _typeof(fadedEdgeColor) === 'object' ? fadedEdgeColor === null || fadedEdgeColor === void 0 ? void 0 : fadedEdgeColor.left : fadedEdgeColor;
-  var rightFadedEdgeColor = _typeof(fadedEdgeColor) === 'object' ? fadedEdgeColor === null || fadedEdgeColor === void 0 ? void 0 : fadedEdgeColor.right : fadedEdgeColor;
+  var leftFadedEdgeColor = _typeof(fadedEdgeColor) === 'object' ? fadedEdgeColor === null || fadedEdgeColor === undefined ? undefined : fadedEdgeColor.left : fadedEdgeColor;
+  var rightFadedEdgeColor = _typeof(fadedEdgeColor) === 'object' ? fadedEdgeColor === null || fadedEdgeColor === undefined ? undefined : fadedEdgeColor.right : fadedEdgeColor;
 
   // Trigger callbacks to report state of the carousel
   var handleOnScroll = useCallback(function () {
@@ -70,11 +70,11 @@ var Carousel = /*#__PURE__*/React__default.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;
@@ -100,7 +100,7 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   // Get all elements that are visible in the container.
   var getElementsInView = 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());
     });
@@ -111,7 +111,7 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var getContainerAndChildRectData = 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();
@@ -136,7 +136,7 @@ var Carousel = /*#__PURE__*/React__default.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]);
@@ -151,7 +151,7 @@ var Carousel = /*#__PURE__*/React__default.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;
@@ -204,9 +204,9 @@ var Carousel = /*#__PURE__*/React__default.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]);
 
@@ -268,12 +268,12 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     };
   }, [handleScrollNext, handleScrollPrev, handleScrollReset, handleScrollToView]);
   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(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]);
@@ -290,7 +290,7 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     return /*#__PURE__*/React__default.createElement(CarouselItem, {
       key: index,
       ref: function ref(element) {
-        return childElementsRef.current[index] = element;
+        childElementsRef.current[index] = element;
       }
     }, child);
   })), leftFadedEdgeColor && /*#__PURE__*/React__default.createElement("div", {

package/es/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/es/components/Cascade/Cascade.js

@@ -19,7 +19,6 @@ var componentName = 'Cascade';
 var defaults = {
   grid: false
 };
-
 /**
 
 This pattern is intended for use with cards, tiles, or similarly styled
@@ -29,13 +28,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.
 
 */
-var Cascade = /*#__PURE__*/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 = _objectWithoutProperties(_ref, _excluded);
-  var props = _objectSpread2(_objectSpread2({}, rest), {}, {
+var Cascade = /*#__PURE__*/forwardRef(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    _props$grid = props.grid,
+    grid = _props$grid === undefined ? defaults.grid : _props$grid,
+    rest = _objectWithoutProperties(props, _excluded);
+  var childProps = _objectSpread2(_objectSpread2({}, rest), {}, {
     className: cx(blockClass, className),
     ref: ref
   }, getDevtoolsProps(componentName));
@@ -53,13 +52,15 @@ var Cascade = /*#__PURE__*/forwardRef(function (_ref, ref) {
   if (grid) {
     var colIdx = 0;
     var gridElm = React__default.Children.map(children, function (row) {
-      if ( /*#__PURE__*/React__default.isValidElement(row)) {
-        var cols = React__default.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__default.cloneElement(col, {
-            className: colClassnames
-          });
+      if (/*#__PURE__*/React__default.isValidElement(row)) {
+        var cols = React__default.Children.map(row === null || row === undefined ? undefined : row.props.children, function (col) {
+          if (/*#__PURE__*/React__default.isValidElement(col)) {
+            colIdx = colIdx + 1;
+            var colClassnames = cx(col.props.className, "".concat(blockClass, "__col"), "".concat(blockClass, "__col-").concat(colIdx));
+            return /*#__PURE__*/React__default.cloneElement(col, {
+              className: colClassnames
+            });
+          }
         });
         return /*#__PURE__*/React__default.cloneElement(row, {
           children: cols
@@ -67,9 +68,9 @@ var Cascade = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }
       return children;
     });
-    return /*#__PURE__*/React__default.createElement("div", props, /*#__PURE__*/React__default.createElement(Grid, null, gridElm));
+    return /*#__PURE__*/React__default.createElement("div", childProps, /*#__PURE__*/React__default.createElement(Grid, null, gridElm));
   }
-  return /*#__PURE__*/React__default.createElement("div", props, getModifiedChildren());
+  return /*#__PURE__*/React__default.createElement("div", childProps, getModifiedChildren());
 });
 Cascade = pkg.checkComponentEnabled(Cascade, componentName);
 Cascade.displayName = componentName;

package/es/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/es/components/Checklist/Checklist.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { IconButton, Button } from '@carbon/react';
-import { Kinds, Themes } from './Checklist.types.js';
+import { Themes, Kinds } from './Checklist.types.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import { ChecklistChart } from './ChecklistChart.js';
 import { ChecklistIcon } from './ChecklistIcon.js';
@@ -58,27 +58,27 @@ var Checklist = /*#__PURE__*/React__default.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 = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(open),
@@ -173,7 +173,7 @@ var Checklist = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
         className: cx("".concat(blockClass, "__button"), _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/es/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/es/components/Checklist/ChecklistChart.js

@@ -10,7 +10,7 @@ import React__default, { useEffect } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import clamp from 'lodash/clamp';
-import { gray20, gray70, purple50 } from '../../node_modules/@carbon/colors/es/index.js';
+import { purple50, gray20, gray70 } from '../../node_modules/@carbon/colors/es/index.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { Themes } from './Checklist.types.js';
@@ -33,7 +33,7 @@ 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 = _objectWithoutProperties(_ref, _excluded);
   var numDegrees = clamp(value * 360, 0, 360);
   var circleColor = theme === Themes.light ? gray20 : gray70; // $ui-03 (-ish)

package/es/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/es/components/Checklist/ChecklistIcon.js

@@ -12,7 +12,7 @@ import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { CircleDash, CheckmarkOutline, Incomplete, Warning } from '@carbon/react/icons';
-import { Kinds, Themes } from './Checklist.types.js';
+import { Themes, Kinds } from './Checklist.types.js';
 
 var _excluded = ["className", "kind", "theme"];
 
@@ -47,7 +47,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 = _objectWithoutProperties(_ref, _excluded);
   var Icon;
   switch (kind) {

package/es/components/Coachmark/Coachmark.js

@@ -41,23 +41,23 @@ var defaults = {
 
 var Coachmark = /*#__PURE__*/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 = _objectWithoutProperties(_ref, _excluded);
   var isBeacon = overlayKind === COACHMARK_OVERLAY_KIND.TOOLTIP;
   var isStacked = overlayKind === COACHMARK_OVERLAY_KIND.STACKED;
@@ -88,7 +88,7 @@ var Coachmark = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var popoverRef = useRef(null);
   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);
@@ -164,8 +164,8 @@ var Coachmark = /*#__PURE__*/forwardRef(function (_ref, ref) {
   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 = _objectSpread2({
@@ -194,7 +194,7 @@ var Coachmark = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React__default.createElement("div", _extends({
     className: cx(blockClass, "".concat(blockClass, "__").concat(theme), className),
     ref: _coachmarkRef
-  }, rest, getDevtoolsProps(componentName)), overlayKind !== 'tooltip' ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, target, isOpen && (portalNode === null || portalNode === void 0 ? void 0 : portalNode.current) && /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement(CoachmarkOverlay, {
+  }, rest, getDevtoolsProps(componentName)), overlayKind !== 'tooltip' ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, target, isOpen && (portalNode === null || portalNode === undefined ? undefined : portalNode.current) && /*#__PURE__*/createPortal(/*#__PURE__*/React__default.createElement(CoachmarkOverlay, {
     ref: _overlayRef,
     fixedIsVisible: false,
     kind: overlayKind,
@@ -202,7 +202,7 @@ var Coachmark = /*#__PURE__*/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__default.createElement(Popover, {
+  portalNode === null || portalNode === undefined ? undefined : portalNode.current)) : /*#__PURE__*/React__default.createElement(Popover, {
     highContrast: true,
     caret: true,
     ref: popoverRef,

package/es/components/Coachmark/CoachmarkDragbar.js

@@ -38,15 +38,15 @@ var defaults = {
 var CoachmarkDragbar = /*#__PURE__*/React__default.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 = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),

package/es/components/Coachmark/CoachmarkHeader.js

@@ -32,13 +32,13 @@ var defaults = {
  */
 var CoachmarkHeader = /*#__PURE__*/React__default.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 = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default.createElement("header", _extends({}, rest, {
     className: cx(blockClass, "".concat(blockClass, "__").concat(theme)),

package/es/components/Coachmark/CoachmarkOverlay.js

@@ -41,9 +41,9 @@ var CoachmarkOverlay = /*#__PURE__*/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 = _objectWithoutProperties(_ref, _excluded);
   var _useWindowDimensions = useWindowDimensions(),
     winHeight = _useWindowDimensions.winHeight,
@@ -56,7 +56,7 @@ var CoachmarkOverlay = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var coachmark = useCoachmark();
   var isBeacon = kind === COACHMARK_OVERLAY_KIND.TOOLTIP;
   var isDraggable = kind === 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;
@@ -147,7 +147,7 @@ var CoachmarkOverlay = /*#__PURE__*/forwardRef(function (_ref, ref) {
   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/es/components/Coachmark/CoachmarkTagline.js

@@ -32,11 +32,11 @@ var defaults = {
  */
 var CoachmarkTagline = /*#__PURE__*/React__default.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 = _objectWithoutProperties(_ref, _excluded);
   var coachmark = useCoachmark();

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { createContext, useContext } from 'react';
+import { useContext, createContext } from 'react';
 
 var CoachmarkContext = /*#__PURE__*/createContext();
 var useCoachmark = function useCoachmark() {

package/es/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/es/components/Coachmark/utils/enums.js

@@ -5,8 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-/* eslint-disable max-len */
-
+/**
+ * Reserved for future expansion, i.e. "RING".
+ */
 
 /**
  * Describes the style and behavior of a Coachmark.

package/es/components/CoachmarkBeacon/CoachmarkBeacon.js

@@ -30,7 +30,7 @@ var CoachmarkBeacon = /*#__PURE__*/React__default.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 = _objectWithoutProperties(_ref, _excluded);
   var coachmark = useCoachmark();
   if (!coachmark) {

package/es/components/CoachmarkFixed/CoachmarkFixed.js

@@ -16,7 +16,7 @@ import { createPortal } from 'react-dom';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
-import { useReducedMotion } from 'framer-motion';
+import { usePrefersReducedMotion } from '../../global/js/hooks/usePrefersReducedMotion.js';
 import { useIsomorphicEffect } from '../../global/js/hooks/useIsomorphicEffect.js';
 
 var _excluded = ["children", "className", "onClose", "portalTarget", "tagline", "theme"];
@@ -45,12 +45,12 @@ var CoachmarkFixed = /*#__PURE__*/React__default.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 = _objectWithoutProperties(_ref, _excluded);
   var overlayRef = useRef(null);
   var portalNode = useRef(null);
@@ -77,10 +77,10 @@ var CoachmarkFixed = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     _useState10 = _slicedToArray(_useState9, 2),
     fixedIsVisible = _useState10[0],
     setFixedIsVisible = _useState10[1];
-  var shouldReduceMotion = useReducedMotion();
+  var shouldReduceMotion = usePrefersReducedMotion();
   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 = useCallback(function () {
     if (shouldReduceMotion) {
@@ -168,7 +168,7 @@ var CoachmarkFixed = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(CoachmarkTagline, {
     title: tagline,
     onClose: onClose
-  }), isOpen && (portalNode === null || portalNode === void 0 ? void 0 : portalNode.current) && /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement(CoachmarkOverlay, {
+  }), isOpen && (portalNode === null || portalNode === undefined ? undefined : portalNode.current) && /*#__PURE__*/createPortal(/*#__PURE__*/React__default.createElement(CoachmarkOverlay, {
     ref: overlayRef,
     fixedIsVisible: fixedIsVisible,
     kind: COACHMARK_OVERLAY_KIND.FIXED,
@@ -177,7 +177,7 @@ var CoachmarkFixed = /*#__PURE__*/React__default.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