@kaizen/components 1.68.6 → 1.68.8

package/dist/esm/Illustration/Spot/Spot.mjs

@@ -1,14 +1,14 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Base } from '../subcomponents/Base/Base.mjs';
-var SPOT_ILLUSTRATION_BASE_PATH = "illustrations/heart/spot/";
+var SPOT_ILLUSTRATION_BASE_PATH = 'illustrations/heart/spot/';
 var createSpotIllustration = function (fileName) {
   // eslint-disable-next-line react/display-name
   return function (_a) {
     var enableAspectRatio = _a.enableAspectRatio,
       restProps = __rest(_a, ["enableAspectRatio"]);
     return /*#__PURE__*/React.createElement(Base, __assign({
-      aspectRatio: enableAspectRatio ? "square" : undefined
+      aspectRatio: enableAspectRatio ? 'square' : undefined
     }, restProps, {
       name: "".concat(SPOT_ILLUSTRATION_BASE_PATH).concat(fileName)
     }));

package/dist/esm/Illustration/subcomponents/Base/Base.mjs

@@ -7,7 +7,7 @@ const Base = /*#__PURE__*/function () {
   const Base = function (_a) {
     var name = _a.name,
       _b = _a.alt,
-      alt = _b === void 0 ? "" : _b,
+      alt = _b === void 0 ? '' : _b,
       classNameOverride = _a.classNameOverride,
       aspectRatio = _a.aspectRatio,
       restProps = __rest(_a, ["name", "alt", "classNameOverride", "aspectRatio"]);
@@ -24,7 +24,7 @@ const Base = /*#__PURE__*/function () {
       src: assetUrl(name)
     })));
   };
-  Base.displayName = "Base";
+  Base.displayName = 'Base';
   return Base;
 }();
 export { Base };

package/dist/esm/Illustration/subcomponents/VideoPlayer/VideoPlayer.mjs

@@ -36,7 +36,7 @@ var VideoPlayer = function (_a) {
      */
     var videoElement = videoRef.current;
     if (videoElement !== null) {
-      videoElement.setAttribute("muted", "");
+      videoElement.setAttribute('muted', '');
     }
   }, []);
   useEffect(function () {
@@ -49,19 +49,19 @@ var VideoPlayer = function (_a) {
   }, [source]);
   useEffect(function () {
     if (!window) return;
-    var reducedMotionQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+    var reducedMotionQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
     setPrefersReducedMotion(reducedMotionQuery.matches);
     var updateMotionPreferences = function () {
-      var _a = window.matchMedia("(prefers-reduced-motion: reduce)").matches,
+      var _a = window.matchMedia('(prefers-reduced-motion: reduce)').matches,
         matches = _a === void 0 ? false : _a;
       setPrefersReducedMotion(matches);
     };
-    var isLegacyEdge = navigator.userAgent.match(/Edge/);
-    var isUnsupportedSafari = window.matchMedia("").addEventListener === undefined;
+    var isLegacyEdge = /Edge/.exec(navigator.userAgent);
+    var isUnsupportedSafari = window.matchMedia('').addEventListener === undefined;
     if (isLegacyEdge || isUnsupportedSafari) return;
-    reducedMotionQuery.addEventListener("change", updateMotionPreferences, true);
+    reducedMotionQuery.addEventListener('change', updateMotionPreferences, true);
     return function cleanup() {
-      reducedMotionQuery.removeEventListener("change", updateMotionPreferences);
+      reducedMotionQuery.removeEventListener('change', updateMotionPreferences);
     };
   }, []);
   useEffect(function () {
@@ -99,11 +99,11 @@ var VideoPlayer = function (_a) {
     // Add event listeners for the video element
     var videoElement = videoRef.current;
     if (!videoElement || !onEnded) return;
-    videoElement.addEventListener("ended", onEnded);
+    videoElement.addEventListener('ended', onEnded);
     return function cleanup() {
-      videoElement.removeEventListener("ended", onEnded);
+      videoElement.removeEventListener('ended', onEnded);
     };
-  }, [videoRef]);
+  }, [onEnded, videoRef]);
   useEffect(function () {
     // SSR does not have a window, which is required for canPlayWebm.
     if (window !== undefined) setWindowIsAvailable(true);
@@ -127,10 +127,10 @@ var VideoPlayer = function (_a) {
     autoPlay: prefersReducedMotion ? false : autoplay,
     playsInline: true,
     tabIndex: -1
-  }, isWebmCompatible && ( /*#__PURE__*/React.createElement("source", {
+  }, isWebmCompatible && /*#__PURE__*/React.createElement("source", {
     src: assetUrl("".concat(source, ".webm")),
     type: "video/webm"
-  })), /*#__PURE__*/React.createElement("source", {
+  }), /*#__PURE__*/React.createElement("source", {
     src: assetUrl("".concat(source, ".mp4")),
     type: "video/mp4"
   })), /*#__PURE__*/React.createElement(IconButton, {

package/dist/esm/Illustration/utils/canPlayWebm.mjs

@@ -2,15 +2,15 @@
  * Detect whether the current browser can play webm files
  */
 var canPlayWebm = function () {
-  if (typeof window === "undefined") return false;
+  if (typeof window === 'undefined') return false;
   // Don't trust Safari's canPlayType implementation, as there is partial support for webm
   var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
   if (isSafari) {
     return false;
   }
   // Attempt webm feature detection
-  var video = document.createElement("video");
-  if (video.canPlayType("video/webm; codecs=vp9") === "probably") {
+  var video = document.createElement('video');
+  if (video.canPlayType('video/webm; codecs=vp9') === 'probably') {
     return true;
   }
   return false;

package/dist/esm/Illustration/utils/usePausePlay.mjs

@@ -15,12 +15,12 @@ var usePausePlay = function (videoRef) {
         videoRef.current.pause();
       }
     },
-    icon: ( /*#__PURE__*/React.createElement(Icon, {
-      name: isPaused ? "play_circle" : "pause",
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      name: isPaused ? 'play_circle' : 'pause',
       isPresentational: true,
       isFilled: true
-    })),
-    label: isPaused ? "Play animation" : "Pause animation"
+    }),
+    label: isPaused ? 'Play animation' : 'Pause animation'
   };
 };
 export { usePausePlay };

package/dist/esm/Input/Input/Input.mjs

@@ -6,23 +6,23 @@ const Input = /*#__PURE__*/function () {
   const Input = function (_a) {
     var inputRef = _a.inputRef,
       _b = _a.status,
-      status = _b === void 0 ? "default" : _b,
+      status = _b === void 0 ? 'default' : _b,
       startIconAdornment = _a.startIconAdornment,
       endIconAdornment = _a.endIconAdornment,
       _c = _a.reversed,
       reversed = _c === void 0 ? false : _c,
       _d = _a.type,
-      type = _d === void 0 ? "text" : _d,
+      type = _d === void 0 ? 'text' : _d,
       value = _a.value,
       defaultValue = _a.defaultValue,
       classNameOverride = _a.classNameOverride,
       disabled = _a.disabled,
       restProps = __rest(_a, ["inputRef", "status", "startIconAdornment", "endIconAdornment", "reversed", "type", "value", "defaultValue", "classNameOverride", "disabled"]);
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.wrapper, reversed && styles.withReversed, disabled && styles.withDisabled, startIconAdornment && styles.withStartIconAdornment, endIconAdornment && styles.withEndIconAdornment, status != "default" && styles.hasStatus)
-    }, startIconAdornment && ( /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.wrapper, reversed && styles.withReversed, disabled && styles.withDisabled, startIconAdornment && styles.withStartIconAdornment, endIconAdornment && styles.withEndIconAdornment, status != 'default' && styles.hasStatus)
+    }, startIconAdornment && /*#__PURE__*/React.createElement("div", {
       className: styles.startIconAdornment
-    }, startIconAdornment)), /*#__PURE__*/React.createElement("input", __assign({
+    }, startIconAdornment), /*#__PURE__*/React.createElement("input", __assign({
       ref: inputRef,
       type: type,
       value: value,
@@ -31,11 +31,11 @@ const Input = /*#__PURE__*/function () {
       className: classnames(styles.input, styles[status], classNameOverride, reversed ? styles.reversed : styles.default, disabled && styles.disabled)
     }, restProps)), /*#__PURE__*/React.createElement("div", {
       className: styles.focusRing
-    }), endIconAdornment && ( /*#__PURE__*/React.createElement("div", {
+    }), endIconAdornment && /*#__PURE__*/React.createElement("div", {
       className: styles.endIconAdornment
-    }, endIconAdornment)));
+    }, endIconAdornment));
   };
-  Input.displayName = "Input";
+  Input.displayName = 'Input';
   return Input;
 }();
 export { Input };

package/dist/esm/Input/Input/types.mjs

@@ -1,3 +1,3 @@
-var InputStatus = ["default", "success", "error", "caution"];
-var InputTypes = ["text", "email", "password"];
+var InputStatus = ['default', 'success', 'error', 'caution'];
+var InputTypes = ['text', 'email', 'password'];
 export { InputStatus, InputTypes };

package/dist/esm/Input/InputRange/InputRange.mjs

@@ -24,7 +24,7 @@ const InputRange = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       disabled = _a.disabled,
       readOnly = _a.readOnly,
-      restProps = __rest(_a, ["id", "defaultValue", "value", "minLabel", "maxLabel", "min", "max", "onChange", "aria-describedby", "classNameOverride", "disabled", "readOnly"]);
+      restProps = __rest(_a, ["id", "defaultValue", "value", "minLabel", "maxLabel", "min", "max", "onChange", 'aria-describedby', "classNameOverride", "disabled", "readOnly"]);
     var _d = useState(0.5),
       step = _d[0],
       setStep = _d[1]; // Let the dot center between the notch initially
@@ -32,11 +32,11 @@ const InputRange = /*#__PURE__*/function () {
     var readOnlyWithNoValue = readOnly && !value && !defaultValue;
     // This has been split out into a different variable to allow usage of defaultValue above^
     // Plus it lets us use max from props with its default value
-    var defaultValueWithDefault = defaultValue || (max + 1) / 2;
+    var defaultValueWithDefault = defaultValue !== null && defaultValue !== void 0 ? defaultValue : (max + 1) / 2;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", __assign({
       id: id,
       className: classnames(styles.ratingScaleRange, classNameOverride, readOnlyWithNoValue && styles.hideThumb, disabled && styles.disabled),
-      disabled: disabled || readOnly,
+      disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly,
       type: "range",
       min: min,
       max: max,
@@ -46,7 +46,7 @@ const InputRange = /*#__PURE__*/function () {
       "aria-valuenow": value,
       "aria-valuemin": min,
       "aria-valuemax": max,
-      "aria-describedby": "".concat(visuallyHiddenHintId, " ").concat(ariaDescribedby ? ariaDescribedby : ""),
+      "aria-describedby": "".concat(visuallyHiddenHintId, " ").concat(ariaDescribedby ? ariaDescribedby : ''),
       onChange: function (e) {
         setStep(1); // Put the stepper to 1 to avoid floating value
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
@@ -76,7 +76,7 @@ const InputRange = /*#__PURE__*/function () {
       tag: "span"
     }, maxLabel)))));
   };
-  InputRange.displayName = "InputRange";
+  InputRange.displayName = 'InputRange';
   return InputRange;
 }();
 export { InputRange };

package/dist/esm/Input/InputSearch/InputSearch.mjs

@@ -29,12 +29,12 @@ const InputSearch = /*#__PURE__*/function () {
     var handleOnClear = function () {
       var _a;
       (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-      onClear && onClear();
+      onClear === null || onClear === void 0 ? void 0 : onClear();
     };
     var clearButtonLabel = formatMessage({
-      id: "inputSearch.clear",
-      defaultMessage: "Clear search",
-      description: "Label for the clear search button"
+      id: 'inputSearch.clear',
+      defaultMessage: 'Clear search',
+      description: 'Label for the clear search button'
     });
     return /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.wrapper, secondary ? styles.secondary : styles.default, reversed && styles.reversed, disabled && styles.disabled, value && styles.hasEndIconAdornment, classNameOverride)
@@ -65,7 +65,7 @@ const InputSearch = /*#__PURE__*/function () {
       "aria-label": clearButtonLabel
     })));
   };
-  InputSearch.displayName = "InputSearch";
+  InputSearch.displayName = 'InputSearch';
   return InputSearch;
 }();
 export { InputSearch };

package/dist/esm/KaizenProvider/KaizenProvider.mjs

@@ -10,7 +10,7 @@ const KaizenProvider = /*#__PURE__*/function () {
   const KaizenProvider = function (_a) {
     var children = _a.children,
       _b = _a.locale,
-      locale = _b === void 0 ? "en" : _b;
+      locale = _b === void 0 ? 'en' : _b;
     var _c = useState(false),
       documentIsAvailable = _c[0],
       setDocumentIsAvailable = _c[1];
@@ -29,7 +29,7 @@ const KaizenProvider = /*#__PURE__*/function () {
       locale: locale
     }, /*#__PURE__*/React.createElement(ToastNotificationProvider, null, notificationsList, children), /*#__PURE__*/React.createElement(FontDefinitions, null));
   };
-  KaizenProvider.displayName = "KaizenProvider";
+  KaizenProvider.displayName = 'KaizenProvider';
   return KaizenProvider;
 }();
 export { KaizenProvider };

package/dist/esm/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.mjs

@@ -20,7 +20,7 @@ const OptionalIntlProvider = /*#__PURE__*/function () {
       locale: locale
     }, children));
   };
-  OptionalIntlProvider.displayName = "OptionalIntlProvider";
+  OptionalIntlProvider.displayName = 'OptionalIntlProvider';
   return OptionalIntlProvider;
 }();
 export { OptionalIntlProvider };

package/dist/esm/Label/Label.mjs

@@ -6,25 +6,25 @@ const Label = /*#__PURE__*/function () {
   const Label = function (_a) {
     var children = _a.children,
       _b = _a.labelText,
-      labelText = _b === void 0 ? "" : _b,
+      labelText = _b === void 0 ? '' : _b,
       _c = _a.labelType,
-      labelType = _c === void 0 ? "text" : _c,
+      labelType = _c === void 0 ? 'text' : _c,
       _d = _a.labelPosition,
-      labelPosition = _d === void 0 ? "end" : _d,
+      labelPosition = _d === void 0 ? 'end' : _d,
       _e = _a.reversed,
       reversed = _e === void 0 ? false : _e,
       _f = _a.variant,
-      variant = _f === void 0 ? "default" : _f,
+      variant = _f === void 0 ? 'default' : _f,
       disabled = _a.disabled,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "labelText", "labelType", "labelPosition", "reversed", "variant", "disabled", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("label", __assign({
-      className: classnames(styles.label, classNameOverride, styles[labelType], reversed && styles.reversed, variant === "prominent" && styles.prominent, disabled && styles.disabled)
+      className: classnames(styles.label, classNameOverride, styles[labelType], reversed && styles.reversed, variant === 'prominent' && styles.prominent, disabled && styles.disabled)
     }, restProps), children, /*#__PURE__*/React.createElement("span", {
-      className: classnames(labelPosition === "start" && styles.prependedLabel, labelPosition === "end" && styles.appendedLabel)
+      className: classnames(labelPosition === 'start' && styles.prependedLabel, labelPosition === 'end' && styles.appendedLabel)
     }, labelText));
   };
-  Label.displayName = "Label";
+  Label.displayName = 'Label';
   return Label;
 }();
 export { Label };

package/dist/esm/LabelledMessage/LabelledMessage.mjs

@@ -14,7 +14,7 @@ const LabelledMessage = /*#__PURE__*/function () {
       className: styles.labelSeparator
     }, ":"), /*#__PURE__*/React.createElement("span", null, message));
   };
-  LabelledMessage.displayName = "LabelledMessage";
+  LabelledMessage.displayName = 'LabelledMessage';
   return LabelledMessage;
 }();
 export { LabelledMessage };

package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs

@@ -17,19 +17,20 @@ var SelectedItemIcon = function () {
  * {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}
  */
 var LikertScaleLegacy = function (_a) {
+  var _b, _c;
   var scale = _a.scale,
     selectedItem = _a.selectedItem,
     reversed = _a.reversed,
-    _b = _a.colorSchema,
-    colorSchema = _b === void 0 ? "classical" : _b,
+    _d = _a.colorSchema,
+    colorSchema = _d === void 0 ? 'classical' : _d,
     dataTestId = _a["data-testid"],
     onSelect = _a.onSelect,
     validationMessage = _a.validationMessage,
     status = _a.status,
     labelId = _a.labelId;
-  var _c = useState(null),
-    hoveredItem = _c[0],
-    setHoveredItem = _c[1];
+  var _e = useState(null),
+    hoveredItem = _e[0],
+    setHoveredItem = _e[1];
   var itemRefs = scale.map(function (s) {
     return {
       value: s.value,
@@ -37,12 +38,13 @@ var LikertScaleLegacy = function (_a) {
     };
   });
   var handleRadioClick = function (item) {
+    var _a;
     // Is this a click on the item that is currently selected?
     var isClickOnSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value;
     // Grab "Not rated" state item from the scale, its value is -1
-    var notYetRated = scale.find(function (s) {
+    var notYetRated = (_a = scale.find(function (s) {
       return s.value === -1;
-    }) || null;
+    })) !== null && _a !== void 0 ? _a : null;
     // Clear or set new selection
     var newItem = isClickOnSelectedItem ? notYetRated : item;
     onSelect(newItem);
@@ -52,21 +54,22 @@ var LikertScaleLegacy = function (_a) {
    * Because the radios have been built with divs, we need to add the keyboard functionality manually
    */
   var handleKeyDown = function (event, focusedItem) {
+    var _a, _b, _c;
     var newPosition = determineSelectionFromKeyPress(event.keyCode, selectedItem, focusedItem);
     if (newPosition) {
       event.preventDefault();
-      onSelect(scale.find(function (s) {
+      onSelect((_a = scale.find(function (s) {
         return s.value === newPosition;
-      }) || null);
+      })) !== null && _a !== void 0 ? _a : null);
       // Update focus
       var itemRef = itemRefs.find(function (item) {
         return item.value === newPosition;
       });
-      itemRef && itemRef.ref.current && itemRef.ref.current.focus();
+      (_c = (_b = itemRef === null || itemRef === void 0 ? void 0 : itemRef.ref) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
     }
   };
-  var legend = (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.label) || (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) || "Not rated";
-  var shouldDisplayValidationMessage = status !== "default" && validationMessage !== undefined;
+  var legend = (_c = (_b = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.label) !== null && _b !== void 0 ? _b : selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) !== null && _c !== void 0 ? _c : 'Not rated';
+  var shouldDisplayValidationMessage = status !== 'default' && validationMessage !== undefined;
   var validationMessageId = shouldDisplayValidationMessage ? "".concat(labelId, "-field-validation-message") : undefined;
   var isRated = selectedItem && selectedItem.value > 0;
   return /*#__PURE__*/React.createElement("div", {
@@ -81,7 +84,7 @@ var LikertScaleLegacy = function (_a) {
     "data-testid": dataTestId && "".concat(dataTestId, "-legend")
   }, /*#__PURE__*/React.createElement(Text, {
     variant: "small",
-    color: reversed ? "white" : "dark"
+    color: reversed ? 'white' : 'dark'
   }, legend)), /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.itemContainer, isRated && styles.rated, reversed && styles.reversed)
   }, scale.map(function (item) {
@@ -102,7 +105,7 @@ var LikertScaleLegacy = function (_a) {
     var isSuggested = hoveredItem && hoveredItem.value >= item.value;
     var isUnselected = selectedItem && selectedItem.value < item.value;
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.likertItem, colorSchema == "blue" ? styles.blueColorSchema : styles.classicalColorSchema, styles["likertItem".concat(item.value)], isSelected && styles.selected, isSuggested && styles.suggested, isUnselected && styles.unselected),
+      className: classnames(styles.likertItem, colorSchema == 'blue' ? styles.blueColorSchema : styles.classicalColorSchema, styles["likertItem".concat(item.value)], isSelected && styles.selected, isSuggested && styles.suggested, isUnselected && styles.unselected),
       key: item.value,
       "data-testid": dataTestId && "".concat(dataTestId, "-item-").concat(item.value),
       onClick: function () {
@@ -129,7 +132,7 @@ var LikertScaleLegacy = function (_a) {
       "aria-posinset": item.value,
       "aria-setsize": 5,
       tabIndex: tabIndex,
-      ref: itemRef && itemRef.ref
+      ref: itemRef === null || itemRef === void 0 ? void 0 : itemRef.ref
     }, /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.likertItemFill, styles["field".concat(item.value)], isSelectedItem && styles.pop)
     }), isSelectedItem ? /*#__PURE__*/React.createElement(SelectedItemIcon, null) : null);

package/dist/esm/LikertScaleLegacy/utils/determineSelectionFromKeyPress.mjs

@@ -6,7 +6,7 @@
 var SCALE_VALUE_RESPONSE = new Map([[-1, -1], [1, 1], [2, 2], [3, 3], [4, 4], [5, 5]]);
 var determineSelectionFromKeyPress = function (keyCode, currentSelection, focusedItem) {
   var supportedKeyCodes = [32, 37, 38, 39, 40];
-  if (supportedKeyCodes.indexOf(keyCode) === -1) {
+  if (!supportedKeyCodes.includes(keyCode)) {
     return null;
   }
   var spacePressed = keyCode === 32;
@@ -35,13 +35,13 @@ var oneSelectionForward = function (value) {
     return 1;
   }
   var calculatedPosition = SCALE_VALUE_RESPONSE.get(value + 1);
-  return calculatedPosition || null;
+  return calculatedPosition !== null && calculatedPosition !== void 0 ? calculatedPosition : null;
 };
 var oneSelectionBackward = function (value) {
   if (value === 1) {
     return 5;
   }
   var calculatedPosition = SCALE_VALUE_RESPONSE.get(value - 1);
-  return calculatedPosition || null;
+  return calculatedPosition !== null && calculatedPosition !== void 0 ? calculatedPosition : null;
 };
 export { determineSelectionFromKeyPress as default };

package/dist/esm/Loading/LoadingGraphic/LoadingGraphic.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import styles from './LoadingGraphic.module.scss.mjs';
-var loadingGraphicSizeMap = new Map([["small", 1.25], ["medium", 3], ["large", 4.5], ["xlarge", 6], ["xxlarge", 7.5], ["scene", 18.75]]);
+var loadingGraphicSizeMap = new Map([['small', 1.25], ['medium', 3], ['large', 4.5], ['xlarge', 6], ['xxlarge', 7.5], ['scene', 18.75]]);
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadinggraphic--docs Storybook}
@@ -23,7 +23,7 @@ const LoadingGraphic = /*#__PURE__*/function () {
       }
     }, props));
   };
-  LoadingGraphic.displayName = "LoadingGraphic";
+  LoadingGraphic.displayName = 'LoadingGraphic';
   return LoadingGraphic;
 }();
 export { LoadingGraphic };

package/dist/esm/Loading/LoadingHeading/LoadingHeading.mjs

@@ -23,7 +23,7 @@ const LoadingHeading = /*#__PURE__*/function () {
       }
     }, props));
   };
-  LoadingHeading.displayName = "LoadingHeading";
+  LoadingHeading.displayName = 'LoadingHeading';
   return LoadingHeading;
 }();
 export { LoadingHeading };

package/dist/esm/Loading/LoadingInput/LoadingInput.mjs

@@ -24,7 +24,7 @@ const LoadingInput = /*#__PURE__*/function () {
       }
     }, props));
   };
-  LoadingInput.displayName = "LoadingInput";
+  LoadingInput.displayName = 'LoadingInput';
   return LoadingInput;
 }();
 export { LoadingInput };

package/dist/esm/Loading/LoadingParagraph/LoadingParagraph.mjs

@@ -26,7 +26,7 @@ const LoadingParagraph = /*#__PURE__*/function () {
       }
     }, restProps));
   };
-  LoadingParagraph.displayName = "LoadingParagraph";
+  LoadingParagraph.displayName = 'LoadingParagraph';
   return LoadingParagraph;
 }();
 export { LoadingParagraph };

package/dist/esm/Loading/LoadingSpinner/LoadingSpinner.mjs

@@ -12,9 +12,9 @@ import styles from './LoadingSpinner.module.css.mjs';
 const LoadingSpinner = /*#__PURE__*/function () {
   const LoadingSpinner = function (_a) {
     var _b = _a.accessibilityLabel,
-      accessibilityLabel = _b === void 0 ? "Loading" : _b,
+      accessibilityLabel = _b === void 0 ? 'Loading' : _b,
       _c = _a.size,
-      size = _c === void 0 ? "md" : _c,
+      size = _c === void 0 ? 'md' : _c,
       classNameOverride = _a.classNameOverride,
       props = __rest(_a, ["accessibilityLabel", "size", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", __assign({
@@ -24,7 +24,7 @@ const LoadingSpinner = /*#__PURE__*/function () {
       size: size
     }));
   };
-  LoadingSpinner.displayName = "LoadingSpinner";
+  LoadingSpinner.displayName = 'LoadingSpinner';
   return LoadingSpinner;
 }();
 export { LoadingSpinner };

package/dist/esm/Loading/LoadingSpinner/subcomponents/SpinnerIcon.mjs

@@ -65,8 +65,8 @@ var ExtraSmallSpinnerIcon = function () {
 };
 var SpinnerIcon = function (_a) {
   var size = _a.size;
-  if (size === "xs") return /*#__PURE__*/React.createElement(ExtraSmallSpinnerIcon, null);
-  if (size === "sm") return /*#__PURE__*/React.createElement(SmallSpinnerIcon, null);
+  if (size === 'xs') return /*#__PURE__*/React.createElement(ExtraSmallSpinnerIcon, null);
+  if (size === 'sm') return /*#__PURE__*/React.createElement(SmallSpinnerIcon, null);
   return /*#__PURE__*/React.createElement(MediumSpinnerIcon, null);
 };
 export { SpinnerIcon };

package/dist/esm/Modal/ConfirmationModal/ConfirmationModal.mjs

@@ -16,34 +16,34 @@ import { Icon } from '../../__future__/Icon/Icon.mjs';
 import styles from './ConfirmationModal.module.scss.mjs';
 var getIconName = function (variantName) {
   switch (variantName) {
-    case "cautionary":
-      return "warning";
-    case "informative":
-      return "info";
-    case "negative":
-    case "warning":
-      return "error";
-    case "positive":
-    case "success":
-      return "check_circle";
-    case "assertive":
-      return "error";
+    case 'cautionary':
+      return 'warning';
+    case 'informative':
+      return 'info';
+    case 'negative':
+    case 'warning':
+      return 'error';
+    case 'positive':
+    case 'success':
+      return 'check_circle';
+    case 'assertive':
+      return 'error';
   }
 };
 var getIcon = function (variantName, isProminent) {
   if (isProminent) {
     switch (variantName) {
-      case "cautionary":
+      case 'cautionary':
         return /*#__PURE__*/React.createElement(Cautionary, null);
-      case "informative":
+      case 'informative':
         return /*#__PURE__*/React.createElement(Informative, null);
-      case "negative":
-      case "warning":
+      case 'negative':
+      case 'warning':
         return /*#__PURE__*/React.createElement(Negative, null);
-      case "positive":
-      case "success":
+      case 'positive':
+      case 'success':
         return /*#__PURE__*/React.createElement(Positive, null);
-      case "assertive":
+      case 'assertive':
         return /*#__PURE__*/React.createElement(Assertive, null);
     }
   }
@@ -72,14 +72,14 @@ const ConfirmationModal = /*#__PURE__*/function () {
       onAfterLeave = _a.onAfterLeave,
       onAfterEnter = _a.onAfterEnter,
       _d = _a.confirmLabel,
-      confirmLabel = _d === void 0 ? "Confirm" : _d,
+      confirmLabel = _d === void 0 ? 'Confirm' : _d,
       _e = _a.dismissLabel,
-      dismissLabel = _e === void 0 ? "Cancel" : _e,
+      dismissLabel = _e === void 0 ? 'Cancel' : _e,
       confirmWorking = _a.confirmWorking,
       propsOnDismiss = _a.onDismiss,
       children = _a.children,
       props = __rest(_a, ["isOpen", "isProminent", "unpadded", "mood", "variant", "title", "onConfirm", "onAfterLeave", "onAfterEnter", "confirmLabel", "dismissLabel", "confirmWorking", "onDismiss", "children"]);
-    var variantName = variant || mood;
+    var variantName = variant !== null && variant !== void 0 ? variant : mood;
     var onDismiss = confirmWorking ? undefined : propsOnDismiss;
     var footerActions = [];
     if (onConfirm) {
@@ -125,11 +125,11 @@ const ConfirmationModal = /*#__PURE__*/function () {
       className: classnames(isProminent && styles.prominent, !unpadded && styles.padded)
     }, /*#__PURE__*/React.createElement(ModalAccessibleDescription, null, children))), /*#__PURE__*/React.createElement(ModalFooter, {
       actions: footerActions,
-      appearance: mood === "negative" || variant == "warning" ? "destructive" : "primary",
+      appearance: mood === 'negative' || variant == 'warning' ? 'destructive' : 'primary',
       unpadded: unpadded
     })));
   };
-  ConfirmationModal.displayName = "ConfirmationModal";
+  ConfirmationModal.displayName = 'ConfirmationModal';
   return ConfirmationModal;
 }();
 export { ConfirmationModal };