@carbon/ibm-products 2.61.0 → 2.62.0

package/es/components/BigNumbers/BigNumbers.js

@@ -15,7 +15,7 @@ import { pkg } from '../../settings.js';
 import { Information, ArrowUp } from '@carbon/react/icons';
 import { Tooltip } from '@carbon/react';
 import { BigNumbersSkeleton } from './BigNumbersSkeleton.js';
-import { formatValue, Characters, getIconSize, DefaultLocale } from './constants.js';
+import { DefaultLocale, formatValue, Characters, getIconSize } from './constants.js';
 import { TooltipTrigger } from '../TooltipTrigger/TooltipTrigger.js';
 
 var _Information;
@@ -38,31 +38,31 @@ var BigNumbers = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _formatValue, _formatValue2;
   var className = _ref.className,
     _ref$forceShowTotal = _ref.forceShowTotal,
-    forceShowTotal = _ref$forceShowTotal === undefined ? false : _ref$forceShowTotal,
+    forceShowTotal = _ref$forceShowTotal === void 0 ? false : _ref$forceShowTotal,
     _ref$fractionDigits = _ref.fractionDigits,
-    fractionDigits = _ref$fractionDigits === undefined ? 1 : _ref$fractionDigits,
+    fractionDigits = _ref$fractionDigits === void 0 ? 1 : _ref$fractionDigits,
     iconButton = _ref.iconButton,
     _ref$loading = _ref.loading,
-    loading = _ref$loading === undefined ? false : _ref$loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
     label = _ref.label,
     _ref$locale = _ref.locale,
-    locale = _ref$locale === undefined ? DefaultLocale : _ref$locale,
+    locale = _ref$locale === void 0 ? DefaultLocale : _ref$locale,
     _ref$percentage = _ref.percentage,
-    percentage = _ref$percentage === undefined ? false : _ref$percentage,
+    percentage = _ref$percentage === void 0 ? false : _ref$percentage,
     _ref$size = _ref.size,
-    size = _ref$size === undefined ? 'default' : _ref$size,
+    size = _ref$size === void 0 ? 'default' : _ref$size,
     tooltipDescription = _ref.tooltipDescription,
     total = _ref.total,
     _ref$trending = _ref.trending,
-    trending = _ref$trending === undefined ? false : _ref$trending,
+    trending = _ref$trending === void 0 ? false : _ref$trending,
     _ref$truncate = _ref.truncate,
-    truncate = _ref$truncate === undefined ? true : _ref$truncate,
+    truncate = _ref$truncate === void 0 ? true : _ref$truncate,
     value = _ref.value,
     rest = _objectWithoutProperties(_ref, _excluded);
   var bigNumbersClasses = cx(className, _defineProperty(_defineProperty({}, "".concat(blockClass, "--lg"), size === 'lg'), "".concat(blockClass, "--xl"), size === 'xl'));
   var supportedLocale = getSupportedLocale(locale, DefaultLocale);
-  var truncatedValue = (_formatValue = formatValue(supportedLocale, value, fractionDigits, truncate)) !== null && _formatValue !== undefined ? _formatValue : Characters.Dash;
-  var truncatedTotal = (_formatValue2 = formatValue(supportedLocale, total, fractionDigits, truncate)) !== null && _formatValue2 !== undefined ? _formatValue2 : 'Unknown';
+  var truncatedValue = (_formatValue = formatValue(supportedLocale, value, fractionDigits, truncate)) !== null && _formatValue !== void 0 ? _formatValue : Characters.Dash;
+  var truncatedTotal = (_formatValue2 = formatValue(supportedLocale, total, fractionDigits, truncate)) !== null && _formatValue2 !== void 0 ? _formatValue2 : 'Unknown';
   var shouldDisplayDenominator = forceShowTotal || !percentage && total && value && total > value && truncatedValue !== truncatedTotal;
   if (loading) {
     return /*#__PURE__*/React__default.createElement(BigNumbersSkeleton, _extends({}, rest, {

package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js

@@ -63,10 +63,10 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
     var overflowItems = _ref2.overflowItems;
     var handleClick = function handleClick(evt, item) {
       var _item$props, _item$props2, _item$props2$onClick;
-      if (item !== null && item !== undefined && (_item$props = item.props) !== null && _item$props !== undefined && _item$props.href) {
+      if (item !== null && item !== void 0 && (_item$props = item.props) !== null && _item$props !== void 0 && _item$props.href) {
         window.location.href = item.props.href;
       }
-      item === null || item === undefined || (_item$props2 = item.props) === null || _item$props2 === undefined || (_item$props2$onClick = _item$props2.onClick) === null || _item$props2$onClick === undefined || _item$props2$onClick.call(_item$props2, evt);
+      item === null || item === void 0 || (_item$props2 = item.props) === null || _item$props2 === void 0 || (_item$props2$onClick = _item$props2.onClick) === null || _item$props2$onClick === void 0 || _item$props2$onClick.call(_item$props2, evt);
     };
     return /*#__PURE__*/React__default.createElement(BreadcrumbItem, {
       key: "breadcrumb-overflow-".concat(internalId.current)
@@ -126,7 +126,7 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
       }, rest, {
         // ensure id is not duplicated
         "data-original-id": id,
-        title: title !== null && title !== undefined ? title : label
+        title: title !== null && title !== void 0 ? title : label
       }), label);
     }))));
   }, [breadcrumbs, label, overflowAriaLabel]);
@@ -274,7 +274,7 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
     "aria-label": label,
     className: cx("".concat(blockClass, "__breadcrumb-container"), _defineProperty({}, "".concat(blockClass, "__breadcrumb-container-with-items"), displayedBreadcrumbItems.length > 1)),
     noTrailingSlash: noTrailingSlash
-  }, other), ((_backItem = backItem) === null || _backItem === undefined ? undefined : _backItem.href) && (((_backItem2 = backItem) === null || _backItem2 === undefined ? undefined : _backItem2.label) || ((_backItem3 = backItem) === null || _backItem3 === undefined ? undefined : _backItem3.title)) && /*#__PURE__*/React__default.createElement(BreadcrumbItem, {
+  }, other), ((_backItem = backItem) === null || _backItem === void 0 ? void 0 : _backItem.href) && (((_backItem2 = backItem) === null || _backItem2 === void 0 ? void 0 : _backItem2.label) || ((_backItem3 = backItem) === null || _backItem3 === void 0 ? void 0 : _backItem3.title)) && /*#__PURE__*/React__default.createElement(BreadcrumbItem, {
     className: cx("".concat(blockClass, "__breadcrumb-back"))
   }, /*#__PURE__*/React__default.createElement(Link, {
     href: backItem.href,

package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js

@@ -48,11 +48,11 @@ var ButtonSetWithOverflow = function ButtonSetWithOverflow(_ref) {
    */
   var checkFullyVisibleItems = function checkFullyVisibleItems() {
     var _spaceAvailableRef$cu, _sizingContainerRefSe, _sizingContainerRefCo;
-    var spaceAvailable = (_spaceAvailableRef$cu = spaceAvailableRef.current) === null || _spaceAvailableRef$cu === undefined ? undefined : _spaceAvailableRef$cu.offsetWidth;
+    var spaceAvailable = (_spaceAvailableRef$cu = spaceAvailableRef.current) === null || _spaceAvailableRef$cu === void 0 ? void 0 : _spaceAvailableRef$cu.offsetWidth;
     var newShowAsOverflow = true;
 
     // get all of the hidden sizing buttons
-    var sizingSet = (_sizingContainerRefSe = sizingContainerRefSet.current) === null || _sizingContainerRefSe === undefined ? undefined : _sizingContainerRefSe.querySelectorAll(".".concat(carbonPrefix, "--btn"));
+    var sizingSet = (_sizingContainerRefSe = sizingContainerRefSet.current) === null || _sizingContainerRefSe === void 0 ? void 0 : _sizingContainerRefSe.querySelectorAll(".".concat(carbonPrefix, "--btn"));
 
     // calculate total width of button set
     var sizingSetTotalSize = 0;
@@ -70,7 +70,7 @@ var ButtonSetWithOverflow = function ButtonSetWithOverflow(_ref) {
     } finally {
       _iterator.f();
     }
-    var sizingComboSize = (_sizingContainerRefCo = sizingContainerRefCombo.current) === null || _sizingContainerRefCo === undefined ? undefined : _sizingContainerRefCo.offsetWidth;
+    var sizingComboSize = (_sizingContainerRefCo = sizingContainerRefCombo.current) === null || _sizingContainerRefCo === void 0 ? void 0 : _sizingContainerRefCo.offsetWidth;
     if (onWidthChange && (sizes.current.minWidth !== sizingComboSize || sizes.current.maxWidth !== sizingSetTotalSize)) {
       sizes.current.minWidth = sizingComboSize;
       sizes.current.maxWidth = sizingSetTotalSize;
@@ -91,7 +91,7 @@ var ButtonSetWithOverflow = function ButtonSetWithOverflow(_ref) {
   }, [buttons]);
   var AButtonSet = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
     var _ref2$isHidden = _ref2.isHidden,
-      isHidden = _ref2$isHidden === undefined ? false : _ref2$isHidden,
+      isHidden = _ref2$isHidden === void 0 ? false : _ref2$isHidden,
       buttons = _ref2.buttons,
       rest = _objectWithoutProperties(_ref2, _excluded);
     return /*#__PURE__*/React__default.createElement(ButtonSet, _extends({}, rest, {

package/es/components/Card/Card.js

@@ -22,16 +22,16 @@ var _excluded = ["actionIcons", "actionsPlacement", "decorator", "metadata", "ch
 var componentName = 'Card';
 var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$actionIcons = _ref.actionIcons,
-    actionIcons = _ref$actionIcons === undefined ? Object.freeze([]) : _ref$actionIcons,
+    actionIcons = _ref$actionIcons === void 0 ? Object.freeze([]) : _ref$actionIcons,
     _ref$actionsPlacement = _ref.actionsPlacement,
-    actionsPlacement = _ref$actionsPlacement === undefined ? 'bottom' : _ref$actionsPlacement,
+    actionsPlacement = _ref$actionsPlacement === void 0 ? 'bottom' : _ref$actionsPlacement,
     decorator = _ref.decorator,
     _ref$metadata = _ref.metadata,
-    metadata = _ref$metadata === undefined ? Object.freeze([]) : _ref$metadata,
+    metadata = _ref$metadata === void 0 ? Object.freeze([]) : _ref$metadata,
     children = _ref.children,
     className = _ref.className,
     _ref$clickZone = _ref.clickZone,
-    clickZone = _ref$clickZone === undefined ? 'one' : _ref$clickZone,
+    clickZone = _ref$clickZone === void 0 ? 'one' : _ref$clickZone,
     description = _ref.description,
     disabled = _ref.disabled,
     footerActionIcon = _ref.footerActionIcon,
@@ -39,41 +39,41 @@ var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
     label = _ref.label,
     media = _ref.media,
     _ref$mediaPosition = _ref.mediaPosition,
-    mediaPosition = _ref$mediaPosition === undefined ? 'top' : _ref$mediaPosition,
+    mediaPosition = _ref$mediaPosition === void 0 ? 'top' : _ref$mediaPosition,
     onClick = _ref.onClick,
     onKeyDown = _ref.onKeyDown,
     onPrimaryButtonClick = _ref.onPrimaryButtonClick,
     onSecondaryButtonClick = _ref.onSecondaryButtonClick,
     _ref$overflowActions = _ref.overflowActions,
-    overflowActions = _ref$overflowActions === undefined ? Object.freeze([]) : _ref$overflowActions,
+    overflowActions = _ref$overflowActions === void 0 ? Object.freeze([]) : _ref$overflowActions,
     overflowAriaLabel = _ref.overflowAriaLabel,
     Pictogram = _ref.pictogram,
     primaryButtonDisabled = _ref.primaryButtonDisabled,
     primaryButtonHref = _ref.primaryButtonHref,
     primaryButtonIcon = _ref.primaryButtonIcon,
     _ref$primaryButtonKin = _ref.primaryButtonKind,
-    primaryButtonKind = _ref$primaryButtonKin === undefined ? 'primary' : _ref$primaryButtonKin,
+    primaryButtonKind = _ref$primaryButtonKin === void 0 ? 'primary' : _ref$primaryButtonKin,
     _ref$primaryButtonPla = _ref.primaryButtonPlacement,
-    primaryButtonPlacement = _ref$primaryButtonPla === undefined ? 'bottom' : _ref$primaryButtonPla,
+    primaryButtonPlacement = _ref$primaryButtonPla === void 0 ? 'bottom' : _ref$primaryButtonPla,
     primaryButtonText = _ref.primaryButtonText,
     _ref$productive = _ref.productive,
-    productive = _ref$productive === undefined ? false : _ref$productive,
+    productive = _ref$productive === void 0 ? false : _ref$productive,
     secondaryButtonDisabled = _ref.secondaryButtonDisabled,
     secondaryButtonHref = _ref.secondaryButtonHref,
     secondaryButtonIcon = _ref.secondaryButtonIcon,
     _ref$secondaryButtonK = _ref.secondaryButtonKind,
-    secondaryButtonKind = _ref$secondaryButtonK === undefined ? 'secondary' : _ref$secondaryButtonK,
+    secondaryButtonKind = _ref$secondaryButtonK === void 0 ? 'secondary' : _ref$secondaryButtonK,
     _ref$secondaryButtonP = _ref.secondaryButtonPlacement,
-    secondaryButtonPlacement = _ref$secondaryButtonP === undefined ? 'bottom' : _ref$secondaryButtonP,
+    secondaryButtonPlacement = _ref$secondaryButtonP === void 0 ? 'bottom' : _ref$secondaryButtonP,
     secondaryButtonText = _ref.secondaryButtonText,
     slug = _ref.slug,
     status = _ref.status,
     sequence = _ref.sequence,
     title = _ref.title,
     _ref$titleSize = _ref.titleSize,
-    titleSize = _ref$titleSize === undefined ? 'default' : _ref$titleSize,
+    titleSize = _ref$titleSize === void 0 ? 'default' : _ref$titleSize,
     _ref$iconDescription = _ref.iconDescription,
-    iconDescription = _ref$iconDescription === undefined ? 'Options' : _ref$iconDescription,
+    iconDescription = _ref$iconDescription === void 0 ? 'Options' : _ref$iconDescription,
     rest = _objectWithoutProperties(_ref, _excluded);
   var getIcons = function getIcons() {
     return getStarted ? metadata : actionIcons;
@@ -171,7 +171,7 @@ var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
     var clickable = hasClickEvent && !productive || hasClickEvent && productive && clickZone === 'one';
     var cardProps = _objectSpread2(_objectSpread2({}, rest), {}, {
       ref: ref,
-      className: cx(blockClass, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__disabled"), disabled), "".concat(blockClass, "__get-started"), getStarted), "".concat(blockClass, "__productive"), productive), "".concat(blockClass, "__clickable"), clickable), "".concat(blockClass, "__media-left"), mediaPosition === 'left'), "".concat(blockClass, "--has-slug"), !!slug), "".concat(blockClass, "--has-decorator"), !!decorator && ((_decorator$type = decorator['type']) === null || _decorator$type === undefined ? undefined : _decorator$type.displayName) !== 'AILabel'), "".concat(blockClass, "--has-ai-label"), !!decorator && ((_decorator$type2 = decorator['type']) === null || _decorator$type2 === undefined ? undefined : _decorator$type2.displayName) === 'AILabel'), className)
+      className: cx(blockClass, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__disabled"), disabled), "".concat(blockClass, "__get-started"), getStarted), "".concat(blockClass, "__productive"), productive), "".concat(blockClass, "__clickable"), clickable), "".concat(blockClass, "__media-left"), mediaPosition === 'left'), "".concat(blockClass, "--has-slug"), !!slug), "".concat(blockClass, "--has-decorator"), !!decorator && ((_decorator$type = decorator['type']) === null || _decorator$type === void 0 ? void 0 : _decorator$type.displayName) !== 'AILabel'), "".concat(blockClass, "--has-ai-label"), !!decorator && ((_decorator$type2 = decorator['type']) === null || _decorator$type2 === void 0 ? void 0 : _decorator$type2.displayName) === 'AILabel'), className)
     }, clickable && clickableProps);
     return cardProps;
   };

package/es/components/Card/CardFooter.js

@@ -20,7 +20,7 @@ var defaults = {
   productive: false};
 var CardFooter = function CardFooter(_ref) {
   var _ref$actions = _ref.actions,
-    actions = _ref$actions === undefined ? defaults.actions : _ref$actions,
+    actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
     disabled = _ref.disabled,
     FooterActionIcon = _ref.footerActionIcon,
     hasActions = _ref.hasActions,
@@ -31,16 +31,16 @@ var CardFooter = function CardFooter(_ref) {
     primaryButtonHref = _ref.primaryButtonHref,
     primaryButtonIcon = _ref.primaryButtonIcon,
     _ref$primaryButtonKin = _ref.primaryButtonKind,
-    primaryButtonKind = _ref$primaryButtonKin === undefined ? 'primary' : _ref$primaryButtonKin,
+    primaryButtonKind = _ref$primaryButtonKin === void 0 ? 'primary' : _ref$primaryButtonKin,
     primaryButtonPlacement = _ref.primaryButtonPlacement,
     primaryButtonText = _ref.primaryButtonText,
     _ref$productive = _ref.productive,
-    productive = _ref$productive === undefined ? defaults.productive : _ref$productive,
+    productive = _ref$productive === void 0 ? defaults.productive : _ref$productive,
     secondaryButtonDisabled = _ref.secondaryButtonDisabled,
     secondaryButtonHref = _ref.secondaryButtonHref,
     secondaryButtonIcon = _ref.secondaryButtonIcon,
     _ref$secondaryButtonK = _ref.secondaryButtonKind,
-    secondaryButtonKind = _ref$secondaryButtonK === undefined ? 'secondary' : _ref$secondaryButtonK,
+    secondaryButtonKind = _ref$secondaryButtonK === void 0 ? 'secondary' : _ref$secondaryButtonK,
     secondaryButtonPlacement = _ref.secondaryButtonPlacement,
     secondaryButtonText = _ref.secondaryButtonText;
   var blockClass = "".concat(pkg.prefix, "--card");

package/es/components/Card/CardHeader.js

@@ -28,7 +28,7 @@ var CardHeader = function CardHeader(_ref) {
     primaryButtonDisabled = _ref.primaryButtonDisabled,
     description = _ref.description,
     _ref$hasActions = _ref.hasActions,
-    hasActions = _ref$hasActions === undefined ? defaults.hasActions : _ref$hasActions,
+    hasActions = _ref$hasActions === void 0 ? defaults.hasActions : _ref$hasActions,
     inClickableCard = _ref.inClickableCard,
     label = _ref.label,
     secondaryButtonDisabled = _ref.secondaryButtonDisabled,
@@ -39,7 +39,7 @@ var CardHeader = function CardHeader(_ref) {
     slug = _ref.slug,
     title = _ref.title,
     _ref$titleSize = _ref.titleSize,
-    titleSize = _ref$titleSize === undefined ? 'default' : _ref$titleSize;
+    titleSize = _ref$titleSize === void 0 ? 'default' : _ref$titleSize;
   var carbonPrefix = usePrefix();
   var blockClass = "".concat(pkg.prefix, "--card");
   var headerClass = "".concat(blockClass, "__header");

package/es/components/Carousel/Carousel.js

@@ -46,12 +46,12 @@ 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,
+    disableArrowScroll = _props$disableArrowSc === void 0 ? defaults.disableArrowScroll : _props$disableArrowSc,
     fadedEdgeColor = props.fadedEdgeColor,
     _props$onChangeIsScro = props.onChangeIsScrollable,
-    onChangeIsScrollable = _props$onChangeIsScro === undefined ? defaults.onChangeIsScrollable : _props$onChangeIsScro,
+    onChangeIsScrollable = _props$onChangeIsScro === void 0 ? defaults.onChangeIsScrollable : _props$onChangeIsScro,
     _props$onScroll = props.onScroll,
-    onScroll = _props$onScroll === undefined ? defaults.onScroll : _props$onScroll,
+    onScroll = _props$onScroll === void 0 ? defaults.onScroll : _props$onScroll,
     rest = _objectWithoutProperties(props, _excluded);
   var carouselRef = useRef(null);
   var scrollRef = useRef(null);
@@ -59,8 +59,8 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   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 === undefined ? undefined : fadedEdgeColor.left : fadedEdgeColor;
-  var rightFadedEdgeColor = _typeof(fadedEdgeColor) === 'object' ? fadedEdgeColor === null || fadedEdgeColor === undefined ? undefined : fadedEdgeColor.right : fadedEdgeColor;
+  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;
 
   // Trigger callbacks to report state of the carousel
   var handleOnScroll = useCallback(function () {
@@ -70,11 +70,11 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }
 
     // viewport's width
-    var clientWidth = (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === undefined ? undefined : _scrollRef$current.clientWidth;
+    var clientWidth = (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.clientWidth;
     // scroll position
-    var scrollLeft = parseInt("".concat((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === undefined ? undefined : _scrollRef$current2.scrollLeft), 10);
+    var scrollLeft = parseInt("".concat((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.scrollLeft), 10);
     // scrollable width
-    var scrollWidth = (_scrollRef$current3 = scrollRef.current) === null || _scrollRef$current3 === undefined ? undefined : _scrollRef$current3.scrollWidth;
+    var scrollWidth = (_scrollRef$current3 = scrollRef.current) === null || _scrollRef$current3 === void 0 ? void 0 : _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 (props, ref) {
   // Get all elements that are visible in the container.
   var getElementsInView = useCallback(function () {
     var _scrollRef$current4;
-    var containerRect = scrollRef === null || scrollRef === undefined || (_scrollRef$current4 = scrollRef.current) === null || _scrollRef$current4 === undefined ? undefined : _scrollRef$current4.getBoundingClientRect();
+    var containerRect = scrollRef === null || scrollRef === void 0 || (_scrollRef$current4 = scrollRef.current) === null || _scrollRef$current4 === void 0 ? void 0 : _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 (props, ref) {
   var getContainerAndChildRectData = useCallback(function () {
     var _scrollRef$current5;
     // Get the rect of the container
-    var containerRect = scrollRef === null || scrollRef === undefined || (_scrollRef$current5 = scrollRef.current) === null || _scrollRef$current5 === undefined ? undefined : _scrollRef$current5.getBoundingClientRect();
+    var containerRect = scrollRef === null || scrollRef === void 0 || (_scrollRef$current5 = scrollRef.current) === null || _scrollRef$current5 === void 0 ? void 0 : _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 (props, 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 === undefined ? undefined : containerRect.width;
+    var scrollValue = visibleWidth > 0 ? visibleWidth : containerRect === null || containerRect === void 0 ? void 0 : containerRect.width;
     // Increment the scrollLeft of the container
     scrollRef.current.scrollLeft += scrollValue;
   }, [getContainerAndChildRectData]);
@@ -151,7 +151,7 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, 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 === 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);
+    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);
 
     // Decrement the scrollLeft of the container
     scrollRef.current.scrollLeft -= scrollValue;
@@ -204,9 +204,9 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       handleOnScroll();
     };
     var scrollDiv = scrollRef.current;
-    scrollDiv === null || scrollDiv === undefined || scrollDiv.addEventListener('scrollend', handleScrollend);
+    scrollDiv === null || scrollDiv === void 0 || scrollDiv.addEventListener('scrollend', handleScrollend);
     return function () {
-      return scrollDiv === null || scrollDiv === undefined ? undefined : scrollDiv.removeEventListener('scrollend', handleScrollend);
+      return scrollDiv === null || scrollDiv === void 0 ? void 0 : scrollDiv.removeEventListener('scrollend', handleScrollend);
     };
   }, [handleOnScroll]);
 
@@ -268,12 +268,12 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     };
   }, [handleScrollNext, handleScrollPrev, handleScrollReset, handleScrollToView]);
   useIsomorphicEffect(function () {
-    if (leftFadedEdgeRef !== null && leftFadedEdgeRef !== undefined && leftFadedEdgeRef.current && leftFadedEdgeRef.current.style) {
+    if (leftFadedEdgeRef !== null && leftFadedEdgeRef !== void 0 && leftFadedEdgeRef.current && leftFadedEdgeRef.current.style) {
       leftFadedEdgeRef.current.style.background = "linear-gradient(90deg, ".concat(leftFadedEdgeColor, ", transparent)");
     }
   }, [leftFadedEdgeRef, leftFadedEdgeColor]);
   useIsomorphicEffect(function () {
-    if (rightFadedEdgeRef !== null && rightFadedEdgeRef !== undefined && rightFadedEdgeRef.current && rightFadedEdgeRef.current.style) {
+    if (rightFadedEdgeRef !== null && rightFadedEdgeRef !== void 0 && rightFadedEdgeRef.current && rightFadedEdgeRef.current.style) {
       rightFadedEdgeRef.current.style.background = "linear-gradient(270deg, ".concat(rightFadedEdgeColor, ", transparent)");
     }
   }, [rightFadedEdgeRef, rightFadedEdgeColor]);

package/es/components/Cascade/Cascade.js

@@ -32,7 +32,7 @@ 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,
+    grid = _props$grid === void 0 ? defaults.grid : _props$grid,
     rest = _objectWithoutProperties(props, _excluded);
   var childProps = _objectSpread2(_objectSpread2({}, rest), {}, {
     className: cx(blockClass, className),
@@ -53,7 +53,7 @@ var Cascade = /*#__PURE__*/forwardRef(function (props, ref) {
     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 === undefined ? undefined : row.props.children, function (col) {
+        var cols = React__default.Children.map(row === null || row === void 0 ? void 0 : 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));

package/es/components/Checklist/Checklist.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 === undefined ? defaults.checklistAriaLabel : _ref$checklistAriaLab,
+    checklistAriaLabel = _ref$checklistAriaLab === void 0 ? defaults.checklistAriaLabel : _ref$checklistAriaLab,
     _ref$checklistToggleA = _ref.checklistToggleAriaLabel,
-    checklistToggleAriaLabel = _ref$checklistToggleA === undefined ? defaults.checklistToggleAriaLabel : _ref$checklistToggleA,
+    checklistToggleAriaLabel = _ref$checklistToggleA === void 0 ? defaults.checklistToggleAriaLabel : _ref$checklistToggleA,
     className = _ref.className,
     _ref$onClickViewAll = _ref.onClickViewAll,
-    onClickViewAll = _ref$onClickViewAll === undefined ? defaults.onClickViewAll : _ref$onClickViewAll,
+    onClickViewAll = _ref$onClickViewAll === void 0 ? defaults.onClickViewAll : _ref$onClickViewAll,
     _ref$onToggle = _ref.onToggle,
-    onToggle = _ref$onToggle === undefined ? defaults.onToggle : _ref$onToggle,
+    onToggle = _ref$onToggle === void 0 ? defaults.onToggle : _ref$onToggle,
     _ref$open = _ref.open,
-    open = _ref$open === undefined ? defaults.open : _ref$open,
+    open = _ref$open === void 0 ? defaults.open : _ref$open,
     _ref$enableToggle = _ref.enableToggle,
-    enableToggle = _ref$enableToggle === undefined ? defaults.enableToggle : _ref$enableToggle,
+    enableToggle = _ref$enableToggle === void 0 ? defaults.enableToggle : _ref$enableToggle,
     _ref$taskLists = _ref.taskLists,
-    taskLists = _ref$taskLists === undefined ? defaults.taskLists : _ref$taskLists,
+    taskLists = _ref$taskLists === void 0 ? defaults.taskLists : _ref$taskLists,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
+    theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
     title = _ref.title,
     _ref$toggleLabel = _ref.toggleLabel,
-    toggleLabel = _ref$toggleLabel === undefined ? defaults.toggleLabel : _ref$toggleLabel,
+    toggleLabel = _ref$toggleLabel === void 0 ? defaults.toggleLabel : _ref$toggleLabel,
     _ref$toggleLabelAlign = _ref.toggleLabelAlign,
-    toggleLabelAlign = _ref$toggleLabelAlign === undefined ? 'top' : _ref$toggleLabelAlign,
+    toggleLabelAlign = _ref$toggleLabelAlign === void 0 ? '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 === undefined || _item$onClick.call(item, item);
+          (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item, item);
         },
         size: "sm",
         title: item.label

package/es/components/Checklist/ChecklistChart.js

@@ -33,7 +33,7 @@ function (_ref, ref) {
   var className = _ref.className,
     value = _ref.value,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
+    theme = _ref$theme === void 0 ? 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.js

@@ -47,7 +47,7 @@ function (_ref, ref) {
   var className = _ref.className,
     kind = _ref.kind,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
+    theme = _ref$theme === void 0 ? 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 === undefined ? defaults.align : _ref$align,
+    align = _ref$align === void 0 ? defaults.align : _ref$align,
     autoAlign = _ref.autoAlign,
     children = _ref.children,
     className = _ref.className,
     _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === undefined ? defaults.onClose : _ref$onClose,
+    onClose = _ref$onClose === void 0 ? defaults.onClose : _ref$onClose,
     overlayClassName = _ref.overlayClassName,
     _ref$overlayKind = _ref.overlayKind,
-    overlayKind = _ref$overlayKind === undefined ? defaults.overlayKind : _ref$overlayKind,
+    overlayKind = _ref$overlayKind === void 0 ? defaults.overlayKind : _ref$overlayKind,
     overlayRef = _ref.overlayRef,
     positionTune = _ref.positionTune,
     portalTarget = _ref.portalTarget,
     target = _ref.target,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
+    theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
     _ref$isOpenByDefault = _ref.isOpenByDefault,
-    isOpenByDefault = _ref$isOpenByDefault === undefined ? defaults.isOpenByDefault : _ref$isOpenByDefault,
+    isOpenByDefault = _ref$isOpenByDefault === void 0 ? 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 === 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');
+    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 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 === 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")
+      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")
     };
     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 === undefined ? undefined : 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 === void 0 ? void 0 : 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 === undefined ? undefined : portalNode.current)) : /*#__PURE__*/React__default.createElement(Popover, {
+  portalNode === null || portalNode === void 0 ? void 0 : 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 === undefined ? defaults.closeIconDescription : _ref$closeIconDescrip,
+    closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
     _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === undefined ? defaults.onClose : _ref$onClose,
+    onClose = _ref$onClose === void 0 ? defaults.onClose : _ref$onClose,
     _ref$onDrag = _ref.onDrag,
-    onDrag = _ref$onDrag === undefined ? defaults.onDrag : _ref$onDrag,
+    onDrag = _ref$onDrag === void 0 ? defaults.onDrag : _ref$onDrag,
     _ref$showCloseButton = _ref.showCloseButton,
-    showCloseButton = _ref$showCloseButton === undefined ? defaults.showCloseButton : _ref$showCloseButton,
+    showCloseButton = _ref$showCloseButton === void 0 ? defaults.showCloseButton : _ref$showCloseButton,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
+    theme = _ref$theme === void 0 ? 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 === undefined ? defaults.closeIconDescription : _ref$closeIconDescrip,
+    closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
     _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === undefined ? defaults.onClose : _ref$onClose,
+    onClose = _ref$onClose === void 0 ? defaults.onClose : _ref$onClose,
     _ref$showCloseButton = _ref.showCloseButton,
-    showCloseButton = _ref$showCloseButton === undefined ? defaults.showCloseButton : _ref$showCloseButton,
+    showCloseButton = _ref$showCloseButton === void 0 ? defaults.showCloseButton : _ref$showCloseButton,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
+    theme = _ref$theme === void 0 ? 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 === undefined ? defaults.kind : _ref$kind,
+    kind = _ref$kind === void 0 ? defaults.kind : _ref$kind,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
+    theme = _ref$theme === void 0 ? 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 === undefined ? undefined : className.includes('is-visible');
+  var isVisible = className === null || className === void 0 ? void 0 : 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 === undefined ? undefined : _overlayRef$current.style;
+      var currentStyle = (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === void 0 ? void 0 : _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 === undefined ? defaults.closeIconDescription : _ref$closeIconDescrip,
+    closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
     _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === undefined ? defaults.onClose : _ref$onClose,
+    onClose = _ref$onClose === void 0 ? defaults.onClose : _ref$onClose,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === undefined ? defaults.theme : _ref$theme,
+    theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
     title = _ref.title,
     rest = _objectWithoutProperties(_ref, _excluded);
   var coachmark = useCoachmark();

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 === undefined ? defaults.kind : _ref$kind,
+    kind = _ref$kind === void 0 ? defaults.kind : _ref$kind,
     rest = _objectWithoutProperties(_ref, _excluded);
   var coachmark = useCoachmark();
   if (!coachmark) {