@kaizen/components 0.0.0-canary-rollup-20240408071509 → 0.0.0-canary-rollup--tree-shake-20240408080317

package/dist/esm/KaizenProvider/KaizenProvider.mjs

@@ -6,26 +6,30 @@ import { ToastNotificationsList } from '../Notification/ToastNotification/ToastN
 import { ToastNotificationProvider } from '../Notification/ToastNotification/context/ToastNotificationContext.mjs';
 import { FontDefinitions } from './subcomponents/FontDefinitions/FontDefinitions.mjs';
 import { OptionalIntlProvider } from './subcomponents/OptionalIntlProvider/OptionalIntlProvider.mjs';
-
-var KaizenProvider = function (_a) {
-    var children = _a.children, _b = _a.locale, locale = _b === void 0 ? "en" : _b;
-    var _c = useState(false), documentIsAvailable = _c[0], setDocumentIsAvailable = _c[1];
-    var _d = useState(), notificationsList = _d[0], setNotificationsList = _d[1];
+const KaizenProvider = /*#__PURE__*/function () {
+  const KaizenProvider = function (_a) {
+    var children = _a.children,
+      _b = _a.locale,
+      locale = _b === void 0 ? "en" : _b;
+    var _c = useState(false),
+      documentIsAvailable = _c[0],
+      setDocumentIsAvailable = _c[1];
+    var _d = useState(),
+      notificationsList = _d[0],
+      setNotificationsList = _d[1];
     useEffect(function () {
-        // SSR does not have a document, which is required for ToastNotificationsList.
-        // Await document render before rendering the component.
-        if (document !== undefined) {
-            setNotificationsList(React.createElement(ToastNotificationsList, null));
-            setDocumentIsAvailable(true);
-        }
+      // SSR does not have a document, which is required for ToastNotificationsList.
+      // Await document render before rendering the component.
+      if (document !== undefined) {
+        setNotificationsList( /*#__PURE__*/React.createElement(ToastNotificationsList, null));
+        setDocumentIsAvailable(true);
+      }
     }, [documentIsAvailable]);
-    return (React.createElement(OptionalIntlProvider, { locale: locale },
-        React.createElement(React.Fragment, null,
-            React.createElement(ToastNotificationProvider, null,
-                notificationsList,
-                children),
-            React.createElement(FontDefinitions, null))));
-};
-KaizenProvider.displayName = "KaizenProvider";
-
+    return /*#__PURE__*/React.createElement(OptionalIntlProvider, {
+      locale: locale
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ToastNotificationProvider, null, notificationsList, children), /*#__PURE__*/React.createElement(FontDefinitions, null)));
+  };
+  KaizenProvider.displayName = "KaizenProvider";
+  return KaizenProvider;
+}();
 export { KaizenProvider };

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

@@ -1,10 +1,35 @@
 import React from 'react';
-
-var FontDefinitions = function () { return (React.createElement(React.Fragment, null,
-    React.createElement("link", { rel: "preload", href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2", as: "font", type: "font/woff2", crossOrigin: "anonymous" }),
-    React.createElement("link", { rel: "preload", href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2", as: "font", type: "font/woff2", crossOrigin: "anonymous" }),
-    React.createElement("link", { rel: "preload", href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2", as: "font", type: "font/woff2", crossOrigin: "anonymous" }),
-    React.createElement("link", { rel: "preload", href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2", as: "font", type: "font/woff2", crossOrigin: "anonymous" }),
-    React.createElement("link", { rel: "preload", href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2", as: "font", type: "font/woff2", crossOrigin: "anonymous" }))); };
-
+var FontDefinitions = function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("link", {
+    rel: "preload",
+    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2",
+    as: "font",
+    type: "font/woff2",
+    crossOrigin: "anonymous"
+  }), /*#__PURE__*/React.createElement("link", {
+    rel: "preload",
+    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2",
+    as: "font",
+    type: "font/woff2",
+    crossOrigin: "anonymous"
+  }), /*#__PURE__*/React.createElement("link", {
+    rel: "preload",
+    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2",
+    as: "font",
+    type: "font/woff2",
+    crossOrigin: "anonymous"
+  }), /*#__PURE__*/React.createElement("link", {
+    rel: "preload",
+    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2",
+    as: "font",
+    type: "font/woff2",
+    crossOrigin: "anonymous"
+  }), /*#__PURE__*/React.createElement("link", {
+    rel: "preload",
+    href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2",
+    as: "font",
+    type: "font/woff2",
+    crossOrigin: "anonymous"
+  }));
+};
 export { FontDefinitions };

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

@@ -1,14 +1,17 @@
 import React, { useContext } from 'react';
 import { StaticIntlProvider } from '@cultureamp/i18n-react-intl';
 import { IntlContext } from 'react-intl';
-
-var OptionalIntlProvider = function (_a) {
-    var locale = _a.locale, children = _a.children;
+const OptionalIntlProvider = /*#__PURE__*/function () {
+  const OptionalIntlProvider = function (_a) {
+    var locale = _a.locale,
+      children = _a.children;
     var parent = useContext(IntlContext);
-    if (parent)
-        return children;
-    return React.createElement(StaticIntlProvider, { locale: locale }, children);
-};
-OptionalIntlProvider.displayName = "OptionalIntlProvider";
-
+    if (parent) return children;
+    return /*#__PURE__*/React.createElement(StaticIntlProvider, {
+      locale: locale
+    }, children);
+  };
+  OptionalIntlProvider.displayName = "OptionalIntlProvider";
+  return OptionalIntlProvider;
+}();
 export { OptionalIntlProvider };

package/dist/esm/Label/Label.mjs

@@ -2,13 +2,29 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import styles from './Label.module.scss.mjs';
-
-var Label = function (_a) {
-    var children = _a.children, _b = _a.labelText, labelText = _b === void 0 ? "" : _b, _c = _a.labelType, labelType = _c === void 0 ? "text" : _c, _d = _a.labelPosition, labelPosition = _d === void 0 ? "end" : _d, _e = _a.reversed, reversed = _e === void 0 ? false : _e, _f = _a.variant, variant = _f === void 0 ? "default" : _f, disabled = _a.disabled, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "labelText", "labelType", "labelPosition", "reversed", "variant", "disabled", "classNameOverride"]);
-    return (React.createElement("label", __assign({ className: classnames(styles.label, classNameOverride, styles[labelType], reversed && styles.reversed, variant === "prominent" && styles.prominent, disabled && styles.disabled) }, restProps),
-        children,
-        React.createElement("span", { className: classnames(labelPosition === "start" && styles.prependedLabel, labelPosition === "end" && styles.appendedLabel) }, labelText)));
-};
-Label.displayName = "Label";
-
+const Label = /*#__PURE__*/function () {
+  const Label = function (_a) {
+    var children = _a.children,
+      _b = _a.labelText,
+      labelText = _b === void 0 ? "" : _b,
+      _c = _a.labelType,
+      labelType = _c === void 0 ? "text" : _c,
+      _d = _a.labelPosition,
+      labelPosition = _d === void 0 ? "end" : _d,
+      _e = _a.reversed,
+      reversed = _e === void 0 ? false : _e,
+      _f = _a.variant,
+      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)
+    }, restProps), children, /*#__PURE__*/React.createElement("span", {
+      className: classnames(labelPosition === "start" && styles.prependedLabel, labelPosition === "end" && styles.appendedLabel)
+    }, labelText));
+  };
+  Label.displayName = "Label";
+  return Label;
+}();
 export { Label };

package/dist/esm/Label/Label.module.scss.mjs

@@ -1,3 +1,13 @@
-var styles = {"label":"Label-module_label__Dmp7q","reversed":"Label-module_reversed__n6Q4r","disabled":"Label-module_disabled__qOB4e","text":"Label-module_text__LUnIh","radio":"Label-module_radio__-Iu-D","checkbox":"Label-module_checkbox__Fhjww","toggle":"Label-module_toggle__4tyKF","prependedLabel":"Label-module_prependedLabel__pdsEt","appendedLabel":"Label-module_appendedLabel__-OHis","prominent":"Label-module_prominent__SPdrr"};
-
+var styles = {
+  "label": "Label-module_label__Dmp7q",
+  "reversed": "Label-module_reversed__n6Q4r",
+  "disabled": "Label-module_disabled__qOB4e",
+  "text": "Label-module_text__LUnIh",
+  "radio": "Label-module_radio__-Iu-D",
+  "checkbox": "Label-module_checkbox__Fhjww",
+  "toggle": "Label-module_toggle__4tyKF",
+  "prependedLabel": "Label-module_prependedLabel__pdsEt",
+  "appendedLabel": "Label-module_appendedLabel__-OHis",
+  "prominent": "Label-module_prominent__SPdrr"
+};
 export { styles as default };

package/dist/esm/LabelledMessage/LabelledMessage.mjs

@@ -2,14 +2,19 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import styles from './LabelledMessage.module.scss.mjs';
-
-var LabelledMessage = function (_a) {
-    var label = _a.label, message = _a.message, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["label", "message", "classNameOverride"]);
-    return (React.createElement("span", __assign({ className: classnames(styles.labelledMessage, classNameOverride) }, restProps),
-        React.createElement("span", null, label),
-        React.createElement("span", { className: styles.labelSeparator }, ":"),
-        React.createElement("span", null, message)));
-};
-LabelledMessage.displayName = "LabelledMessage";
-
+const LabelledMessage = /*#__PURE__*/function () {
+  const LabelledMessage = function (_a) {
+    var label = _a.label,
+      message = _a.message,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["label", "message", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement("span", __assign({
+      className: classnames(styles.labelledMessage, classNameOverride)
+    }, restProps), /*#__PURE__*/React.createElement("span", null, label), /*#__PURE__*/React.createElement("span", {
+      className: styles.labelSeparator
+    }, ":"), /*#__PURE__*/React.createElement("span", null, message));
+  };
+  LabelledMessage.displayName = "LabelledMessage";
+  return LabelledMessage;
+}();
 export { LabelledMessage };

package/dist/esm/LabelledMessage/LabelledMessage.module.scss.mjs

@@ -1,3 +1,5 @@
-var styles = {"labelledMessage":"LabelledMessage-module_labelledMessage__8hqzY","labelSeparator":"LabelledMessage-module_labelSeparator__f3zFN"};
-
+var styles = {
+  "labelledMessage": "LabelledMessage-module_labelledMessage__8hqzY",
+  "labelSeparator": "LabelledMessage-module_labelSeparator__f3zFN"
+};
 export { styles as default };

package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs

@@ -7,73 +7,136 @@ import { CheckIcon } from '../Icon/CheckIcon.mjs';
 import { Text } from '../Text/Text.mjs';
 import determineSelectionFromKeyPress from './utils/determineSelectionFromKeyPress.mjs';
 import styles from './LikertScaleLegacy.module.scss.mjs';
-
-var SelectedItemIcon = function () { return (React.createElement(CheckIcon, { role: "presentation", classNameOverride: styles.check })); };
+var SelectedItemIcon = function () {
+  return /*#__PURE__*/React.createElement(CheckIcon, {
+    role: "presentation",
+    classNameOverride: styles.check
+  });
+};
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}
  */
 var LikertScaleLegacy = function (_a) {
-    var scale = _a.scale, selectedItem = _a.selectedItem, reversed = _a.reversed, dataTestId = _a["data-testid"], onSelect = _a.onSelect, validationMessage = _a.validationMessage, status = _a.status, labelId = _a.labelId;
-    var _b = useState(null), hoveredItem = _b[0], setHoveredItem = _b[1];
-    var itemRefs = scale.map(function (s) { return ({
-        value: s.value,
-        ref: createRef(),
-    }); });
-    var handleRadioClick = function (item) {
-        // 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) { return s.value === -1; }) || null;
-        // Clear or set new selection
-        var newItem = isClickOnSelectedItem ? notYetRated : item;
-        onSelect(newItem);
-        setHoveredItem(null);
-    };
-    /**
-     * Because the radios have been built with divs, we need to add the keyboard functionality manually
-     */
-    var handleKeyDown = function (event, focusedItem) {
-        var newPosition = determineSelectionFromKeyPress(event.keyCode, selectedItem, focusedItem);
-        if (newPosition) {
-            event.preventDefault();
-            onSelect(scale.find(function (s) { return s.value === newPosition; }) || null);
-            // Update focus
-            var itemRef = itemRefs.find(function (item) { return item.value === newPosition; });
-            itemRef && itemRef.ref.current && itemRef.ref.current.focus();
-        }
+  var scale = _a.scale,
+    selectedItem = _a.selectedItem,
+    reversed = _a.reversed,
+    dataTestId = _a["data-testid"],
+    onSelect = _a.onSelect,
+    validationMessage = _a.validationMessage,
+    status = _a.status,
+    labelId = _a.labelId;
+  var _b = useState(null),
+    hoveredItem = _b[0],
+    setHoveredItem = _b[1];
+  var itemRefs = scale.map(function (s) {
+    return {
+      value: s.value,
+      ref: /*#__PURE__*/createRef()
     };
-    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 validationMessageId = shouldDisplayValidationMessage
-        ? "".concat(labelId, "-field-validation-message")
-        : undefined;
-    var isRated = selectedItem && selectedItem.value > 0;
-    return (React.createElement("div", { className: classnames(styles.container, isRated && styles.rated, reversed && [styles.reversed], hoveredItem !== null && styles.hovered), "aria-labelledby": labelId, role: "radiogroup", tabIndex: -1, "aria-describedby": validationMessageId, "data-testid": dataTestId },
-        React.createElement("div", { className: styles.legend, "data-testid": dataTestId && "".concat(dataTestId, "-legend") },
-            React.createElement(Text, { variant: "small", color: reversed ? "white" : "dark" }, legend)),
-        React.createElement("div", { className: classnames(styles.itemContainer, isRated && styles.rated, reversed && styles.reversed) }, scale.map(function (item) {
-            if (item.value <= 0) {
-                return;
-            }
-            var isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value;
-            var itemRef = itemRefs.find(function (i) { return item.value === i.value; });
-            // Make control tabbable
-            var tabIndex = 0;
-            // Unless.. there's an item selected and it's not this one
-            if (selectedItem &&
-                selectedItem.value > 0 &&
-                selectedItem.value !== item.value) {
-                tabIndex = -1;
-            }
-            var isSelected = selectedItem && item.value <= (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) && !hoveredItem;
-            var isSuggested = hoveredItem && hoveredItem.value >= item.value;
-            var isUnselected = selectedItem && selectedItem.value < item.value;
-            return (React.createElement("div", { className: classnames(styles.likertItem, 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 () { return handleRadioClick(item); }, onMouseEnter: function () { return setHoveredItem(item); }, onMouseLeave: function () { return setHoveredItem(null); }, onKeyDown: function (event) { return handleKeyDown(event, item); }, onFocus: function () { return setHoveredItem(item); }, onBlur: function () { return setHoveredItem(null); }, role: "radio", "aria-label": item.label, "aria-checked": isSelectedItem, "aria-posinset": item.value, "aria-setsize": 5, tabIndex: tabIndex, ref: itemRef && itemRef.ref },
-                React.createElement("div", { className: classnames(styles.likertItemFill, styles["field".concat(item.value)], isSelectedItem && styles.pop) }),
-                isSelectedItem ? React.createElement(SelectedItemIcon, null) : null));
-        })),
-        shouldDisplayValidationMessage && (React.createElement(FieldMessage, { id: validationMessageId, message: validationMessage, status: status, reversed: reversed }))));
+  });
+  var handleRadioClick = function (item) {
+    // 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) {
+      return s.value === -1;
+    }) || null;
+    // Clear or set new selection
+    var newItem = isClickOnSelectedItem ? notYetRated : item;
+    onSelect(newItem);
+    setHoveredItem(null);
+  };
+  /**
+   * Because the radios have been built with divs, we need to add the keyboard functionality manually
+   */
+  var handleKeyDown = function (event, focusedItem) {
+    var newPosition = determineSelectionFromKeyPress(event.keyCode, selectedItem, focusedItem);
+    if (newPosition) {
+      event.preventDefault();
+      onSelect(scale.find(function (s) {
+        return s.value === newPosition;
+      }) || null);
+      // Update focus
+      var itemRef = itemRefs.find(function (item) {
+        return item.value === newPosition;
+      });
+      itemRef && itemRef.ref.current && itemRef.ref.current.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 validationMessageId = shouldDisplayValidationMessage ? "".concat(labelId, "-field-validation-message") : undefined;
+  var isRated = selectedItem && selectedItem.value > 0;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.container, isRated && styles.rated, reversed && [styles.reversed], hoveredItem !== null && styles.hovered),
+    "aria-labelledby": labelId,
+    role: "radiogroup",
+    tabIndex: -1,
+    "aria-describedby": validationMessageId,
+    "data-testid": dataTestId
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.legend,
+    "data-testid": dataTestId && "".concat(dataTestId, "-legend")
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "small",
+    color: reversed ? "white" : "dark"
+  }, legend)), /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.itemContainer, isRated && styles.rated, reversed && styles.reversed)
+  }, scale.map(function (item) {
+    if (item.value <= 0) {
+      return;
+    }
+    var isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value;
+    var itemRef = itemRefs.find(function (i) {
+      return item.value === i.value;
+    });
+    // Make control tabbable
+    var tabIndex = 0;
+    // Unless.. there's an item selected and it's not this one
+    if (selectedItem && selectedItem.value > 0 && selectedItem.value !== item.value) {
+      tabIndex = -1;
+    }
+    var isSelected = selectedItem && item.value <= (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) && !hoveredItem;
+    var isSuggested = hoveredItem && hoveredItem.value >= item.value;
+    var isUnselected = selectedItem && selectedItem.value < item.value;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.likertItem, 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 () {
+        return handleRadioClick(item);
+      },
+      onMouseEnter: function () {
+        return setHoveredItem(item);
+      },
+      onMouseLeave: function () {
+        return setHoveredItem(null);
+      },
+      onKeyDown: function (event) {
+        return handleKeyDown(event, item);
+      },
+      onFocus: function () {
+        return setHoveredItem(item);
+      },
+      onBlur: function () {
+        return setHoveredItem(null);
+      },
+      role: "radio",
+      "aria-label": item.label,
+      "aria-checked": isSelectedItem,
+      "aria-posinset": item.value,
+      "aria-setsize": 5,
+      tabIndex: tabIndex,
+      ref: itemRef && 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);
+  })), shouldDisplayValidationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
+    id: validationMessageId,
+    message: validationMessage,
+    status: status,
+    reversed: reversed
+  })));
 };
-
 export { LikertScaleLegacy };

package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.module.scss.mjs

@@ -1,3 +1,24 @@
-var styles = {"container":"LikertScaleLegacy-module_container__5wjIJ","rated":"LikertScaleLegacy-module_rated__KXpzU","likertItem":"LikertScaleLegacy-module_likertItem__LwX2w","unselected":"LikertScaleLegacy-module_unselected__nP5p9","likertItemFill":"LikertScaleLegacy-module_likertItemFill__yj0tC","reversed":"LikertScaleLegacy-module_reversed__qrwrP","likertItem4":"LikertScaleLegacy-module_likertItem4__0SWtD","likertItem5":"LikertScaleLegacy-module_likertItem5__ZF0By","check":"LikertScaleLegacy-module_check__3wQsx","suggested":"LikertScaleLegacy-module_suggested__0xk0D","itemContainer":"LikertScaleLegacy-module_itemContainer__9Vfq0","legend":"LikertScaleLegacy-module_legend__HYNg-","field1":"LikertScaleLegacy-module_field1__TDRE-","selected":"LikertScaleLegacy-module_selected__MVmcb","field2":"LikertScaleLegacy-module_field2__s-CD7","field3":"LikertScaleLegacy-module_field3__xp5eQ","field4":"LikertScaleLegacy-module_field4__IVK7E","field5":"LikertScaleLegacy-module_field5__9sETV","pop":"LikertScaleLegacy-module_pop__hTH48","likertItem1":"LikertScaleLegacy-module_likertItem1__cYmY6","hovered":"LikertScaleLegacy-module_hovered__vVUN6"};
-
+var styles = {
+  "container": "LikertScaleLegacy-module_container__5wjIJ",
+  "rated": "LikertScaleLegacy-module_rated__KXpzU",
+  "likertItem": "LikertScaleLegacy-module_likertItem__LwX2w",
+  "unselected": "LikertScaleLegacy-module_unselected__nP5p9",
+  "likertItemFill": "LikertScaleLegacy-module_likertItemFill__yj0tC",
+  "reversed": "LikertScaleLegacy-module_reversed__qrwrP",
+  "likertItem4": "LikertScaleLegacy-module_likertItem4__0SWtD",
+  "likertItem5": "LikertScaleLegacy-module_likertItem5__ZF0By",
+  "check": "LikertScaleLegacy-module_check__3wQsx",
+  "suggested": "LikertScaleLegacy-module_suggested__0xk0D",
+  "itemContainer": "LikertScaleLegacy-module_itemContainer__9Vfq0",
+  "legend": "LikertScaleLegacy-module_legend__HYNg-",
+  "field1": "LikertScaleLegacy-module_field1__TDRE-",
+  "selected": "LikertScaleLegacy-module_selected__MVmcb",
+  "field2": "LikertScaleLegacy-module_field2__s-CD7",
+  "field3": "LikertScaleLegacy-module_field3__xp5eQ",
+  "field4": "LikertScaleLegacy-module_field4__IVK7E",
+  "field5": "LikertScaleLegacy-module_field5__9sETV",
+  "pop": "LikertScaleLegacy-module_pop__hTH48",
+  "likertItem1": "LikertScaleLegacy-module_likertItem1__cYmY6",
+  "hovered": "LikertScaleLegacy-module_hovered__vVUN6"
+};
 export { styles as default };

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

@@ -3,53 +3,45 @@
  * Uses the following as a guide, with one modification - allowing space press on a selected item to unselect:
  * https://www.w3.org/TR/wai-aria-practices/examples/radio/radio-1/radio-1.html
  */
-var SCALE_VALUE_RESPONSE = new Map([
-    [-1, -1],
-    [1, 1],
-    [2, 2],
-    [3, 3],
-    [4, 4],
-    [5, 5],
-]);
+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) {
-        return null;
-    }
-    var spacePressed = keyCode === 32;
-    var backPressed = keyCode === 37 || keyCode === 38;
-    var forwardPressed = keyCode === 39 || keyCode === 40;
-    var noCurrentSelection = !currentSelection || currentSelection.value <= 0;
-    if (spacePressed) {
-        return noCurrentSelection ? focusedItem.value : -1;
-    }
-    if (noCurrentSelection || !currentSelection) {
-        if (backPressed) {
-            return oneSelectionBackward(focusedItem.value);
-        }
-        return oneSelectionForward(focusedItem.value);
-    }
+  var supportedKeyCodes = [32, 37, 38, 39, 40];
+  if (supportedKeyCodes.indexOf(keyCode) === -1) {
+    return null;
+  }
+  var spacePressed = keyCode === 32;
+  var backPressed = keyCode === 37 || keyCode === 38;
+  var forwardPressed = keyCode === 39 || keyCode === 40;
+  var noCurrentSelection = !currentSelection || currentSelection.value <= 0;
+  if (spacePressed) {
+    return noCurrentSelection ? focusedItem.value : -1;
+  }
+  if (noCurrentSelection || !currentSelection) {
     if (backPressed) {
-        return oneSelectionBackward(currentSelection.value);
+      return oneSelectionBackward(focusedItem.value);
     }
-    if (forwardPressed) {
-        return oneSelectionForward(currentSelection.value);
-    }
-    return null;
+    return oneSelectionForward(focusedItem.value);
+  }
+  if (backPressed) {
+    return oneSelectionBackward(currentSelection.value);
+  }
+  if (forwardPressed) {
+    return oneSelectionForward(currentSelection.value);
+  }
+  return null;
 };
 var oneSelectionForward = function (value) {
-    if (value === 5) {
-        return 1;
-    }
-    var calculatedPosition = SCALE_VALUE_RESPONSE.get(value + 1);
-    return calculatedPosition || null;
+  if (value === 5) {
+    return 1;
+  }
+  var calculatedPosition = SCALE_VALUE_RESPONSE.get(value + 1);
+  return calculatedPosition || null;
 };
 var oneSelectionBackward = function (value) {
-    if (value === 1) {
-        return 5;
-    }
-    var calculatedPosition = SCALE_VALUE_RESPONSE.get(value - 1);
-    return calculatedPosition || null;
+  if (value === 1) {
+    return 5;
+  }
+  var calculatedPosition = SCALE_VALUE_RESPONSE.get(value - 1);
+  return calculatedPosition || null;
 };
-
 export { determineSelectionFromKeyPress as default };

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

@@ -2,24 +2,28 @@ 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}
  */
-var LoadingGraphic = function (_a) {
-    var isAnimated = _a.isAnimated, isReversed = _a.isReversed, size = _a.size, classNameOverride = _a.classNameOverride, props = __rest(_a, ["isAnimated", "isReversed", "size", "classNameOverride"]);
+const LoadingGraphic = /*#__PURE__*/function () {
+  const LoadingGraphic = function (_a) {
+    var isAnimated = _a.isAnimated,
+      isReversed = _a.isReversed,
+      size = _a.size,
+      classNameOverride = _a.classNameOverride,
+      props = __rest(_a, ["isAnimated", "isReversed", "size", "classNameOverride"]);
     var sizeValue = "".concat(loadingGraphicSizeMap.get(size), "rem");
-    return (React.createElement("div", __assign({ className: classnames(styles.loadingGraphic, isAnimated && styles.isAnimated, isReversed && styles.isReversed, classNameOverride), style: { width: sizeValue, height: sizeValue } }, props)));
-};
-LoadingGraphic.displayName = "LoadingGraphic";
-
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.loadingGraphic, isAnimated && styles.isAnimated, isReversed && styles.isReversed, classNameOverride),
+      style: {
+        width: sizeValue,
+        height: sizeValue
+      }
+    }, props));
+  };
+  LoadingGraphic.displayName = "LoadingGraphic";
+  return LoadingGraphic;
+}();
 export { LoadingGraphic };

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

@@ -1,3 +1,7 @@
-var styles = {"loadingGraphic":"LoadingGraphic-module_loadingGraphic__lg-gH","isAnimated":"LoadingGraphic-module_isAnimated__tyskp","fade-in-out":"LoadingGraphic-module_fade-in-out__VFBMB","isReversed":"LoadingGraphic-module_isReversed__HmZ4H"};
-
+var styles = {
+  "loadingGraphic": "LoadingGraphic-module_loadingGraphic__lg-gH",
+  "isAnimated": "LoadingGraphic-module_isAnimated__tyskp",
+  "fade-in-out": "LoadingGraphic-module_fade-in-out__VFBMB",
+  "isReversed": "LoadingGraphic-module_isReversed__HmZ4H"
+};
 export { styles as default };