@kaizen/components 1.30.0 → 1.32.0

package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationsList/ToastNotificationsList.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../../types/OverrideClassName";
+import { RemoveToastNotification, ToastNotification } from "../../types";
+export type ToastNotificationsListProps = {
+    notifications: ToastNotification[];
+    onHide: RemoveToastNotification;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+export declare const ToastNotificationsList: {
+    ({ notifications, onHide: defaultOnHide, }: ToastNotificationsListProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationsList/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToastNotificationsList";

package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationsListContainer/ToastNotificationsListContainer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { RemoveToastNotification, ToastNotification } from "../../types";
+export type ToastNotificationsListContainerProps = {
+    removeToastNotification: RemoveToastNotification;
+    registerSetNotificationsCallback: (callback: React.Dispatch<React.SetStateAction<ToastNotification[]>>) => void;
+};
+export declare const ToastNotificationsListContainer: ({ removeToastNotification, registerSetNotificationsCallback, }: ToastNotificationsListContainerProps) => JSX.Element;

package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationsListContainer/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToastNotificationsListContainer";

package/dist/cjs/dts/Notification/ToastNotification/types.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { DataAttributes } from "../../types/DataAttributes";
+import { NotificationType } from "../types";
+type Modify<T, R> = Omit<T, keyof R> & R;
+export type ToastNotification = {
+    id: string;
+    type: NotificationType;
+    title: string;
+    message: React.ReactNode;
+    onHide?: () => void;
+    /**
+     * Removes the dismiss trigger. If this is true you will need to manage the removal of notifications manually.
+     * @default false
+     */
+    persistent?: boolean;
+} & DataAttributes;
+export type ToastNotificationWithOptionals = Modify<ToastNotification, {
+    id?: string;
+}>;
+export type AddToastNotification = (notification: ToastNotificationWithOptionals) => void;
+export type RemoveToastNotification = (notificationId: string) => void;
+export type ClearToastNotifications = () => void;
+export {};

package/dist/cjs/dts/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,24 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type ProgressBarProps = {
+    /** A value that represents completed progress */
+    value: number;
+    /** A value that sets the maximum progress that can be achieved */
+    max: number;
+    /** Adds an animated state to indicate loading progress */
+    isAnimating: boolean;
+    mood: Mood;
+    subtext?: string;
+    label?: string;
+    isReversed: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+type Mood = "positive" | "informative" | "negative" | "cautionary";
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-progress-bar--docs Storybook}
+ */
+export declare const ProgressBar: {
+    ({ value, max, isAnimating, mood, subtext, label, classNameOverride, isReversed, ...restProps }: ProgressBarProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/cjs/dts/ProgressBar/index.d.ts

@@ -0,0 +1 @@
+export * from "./ProgressBar";

package/dist/cjs/dts/ProgressBar/subcomponents/Label/Label.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+type Label = {
+    content: ReactNode;
+    isReversed: boolean;
+};
+export declare const Label: {
+    ({ content, isReversed }: Label): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/cjs/dts/ProgressBar/subcomponents/Label/index.d.ts

@@ -0,0 +1 @@
+export * from "./Label";

package/dist/cjs/dts/ProgressBar/utils/calculatePercentage.d.ts

@@ -0,0 +1,4 @@
+export declare const calculatePercentage: ({ value, max, }: {
+    value: number;
+    max: number;
+}) => number;

package/dist/cjs/dts/index.d.ts

@@ -34,12 +34,14 @@ export * from "./Input";
 export * from "./KaizenProvider";
 export * from "./Label";
 export * from "./LabelledMessage";
+export * from "./LikertScaleLegacy";
 export * from "./Loading";
 export * from "./Menu";
 export * from "./Modal";
 export * from "./Notification";
 export * from "./Pagination";
 export * from "./Popover";
+export * from "./ProgressBar";
 export * from "./Radio";
 export * from "./SearchField";
 export * from "./Select";

package/dist/cjs/index.cjs

@@ -307,6 +307,7 @@ var InputSearch = require('./Input/InputSearch/InputSearch.cjs');
 var KaizenProvider = require('./KaizenProvider/KaizenProvider.cjs');
 var Label = require('./Label/Label.cjs');
 var LabelledMessage = require('./LabelledMessage/LabelledMessage.cjs');
+var LikertScaleLegacy = require('./LikertScaleLegacy/LikertScaleLegacy.cjs');
 var LoadingGraphic = require('./Loading/LoadingGraphic/LoadingGraphic.cjs');
 var LoadingHeading = require('./Loading/LoadingHeading/LoadingHeading.cjs');
 var LoadingInput = require('./Loading/LoadingInput/LoadingInput.cjs');
@@ -333,6 +334,7 @@ var Pagination = require('./Pagination/Pagination.cjs');
 var DirectionalLink = require('./Pagination/subcomponents/DirectionalLink/DirectionalLink.cjs');
 var PaginationLink = require('./Pagination/subcomponents/PaginationLink/PaginationLink.cjs');
 var Popover = require('./Popover/Popover.cjs');
+var ProgressBar = require('./ProgressBar/ProgressBar.cjs');
 var Radio = require('./Radio/Radio/Radio.cjs');
 var RadioField = require('./Radio/RadioField/RadioField.cjs');
 var RadioGroup = require('./Radio/RadioGroup/RadioGroup.cjs');
@@ -798,6 +800,7 @@ exports.InputSearch = InputSearch.InputSearch;
 exports.KaizenProvider = KaizenProvider.KaizenProvider;
 exports.Label = Label.Label;
 exports.LabelledMessage = LabelledMessage.LabelledMessage;
+exports.LikertScaleLegacy = LikertScaleLegacy.LikertScaleLegacy;
 exports.LoadingGraphic = LoadingGraphic.LoadingGraphic;
 exports.LoadingHeading = LoadingHeading.LoadingHeading;
 exports.LoadingInput = LoadingInput.LoadingInput;
@@ -825,6 +828,7 @@ exports.DirectionalLink = DirectionalLink.DirectionalLink;
 exports.PaginationLink = PaginationLink.PaginationLink;
 exports.Popover = Popover.Popover;
 exports.usePopover = Popover.usePopover;
+exports.ProgressBar = ProgressBar.ProgressBar;
 exports.Radio = Radio.Radio;
 exports.RadioField = RadioField.RadioField;
 exports.RadioGroup = RadioGroup.RadioGroup;

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index.css

@@ -89,6 +89,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs{all:unset;-webkit-ap
 .ClearAllButton-module_clearAllButton__luhgk{white-space:nowrap}
 .FilterBar-module_filterBar__qMeNj{background-color:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:flex;padding:var(--spacing-8,.5rem)}.FilterBar-module_filtersContainer__AlFGD{display:flex;flex-grow:1;flex-wrap:wrap;gap:var(--spacing-8,.5rem)}
 .Base-module_wrapper__UMpe0{margin:0;width:100%}.Base-module_figure__k5wH2{margin:0;position:relative}.Base-module_figure__k5wH2 .Base-module_pausePlayButton__XaPFX{background-color:var(--color-white,#fff)!important;border:1px solid var(--color-gray-400,#cdcdd0);bottom:1rem;opacity:0;position:absolute;right:1rem;transition:all var(--animation-duration-immediate,.1s)}@media (hover:none) and (pointer:coarse){.Base-module_figure__k5wH2 .Base-module_pausePlayButton__XaPFX{opacity:100%}}.Base-module_figure__k5wH2 .Base-module_pausePlayButton__XaPFX svg{color:var(--color-purple-800,#2f2438);opacity:70%}.Base-module_figure__k5wH2 .Base-module_pausePlayButton__XaPFX:focus,.Base-module_figure__k5wH2 .Base-module_pausePlayButton__XaPFX:hover{background-color:var(--color-gray-200,#f4f4f5)!important;opacity:100%}.Base-module_figure__k5wH2 .Base-module_pausePlayButton__XaPFX:focus svg,.Base-module_figure__k5wH2 .Base-module_pausePlayButton__XaPFX:hover svg,.Base-module_figure__k5wH2:hover .Base-module_pausePlayButton__XaPFX{opacity:100%}.Base-module_aspectRatioWrapper__bNveS{align-items:center;display:flex;margin:0}.Base-module_landscape__GYpiV{aspect-ratio:4/3}@supports not (aspect-ratio:auto){.Base-module_landscape__GYpiV:before{content:"";float:left;padding-top:75%}.Base-module_landscape__GYpiV:after{clear:both;content:"";display:block}}.Base-module_portrait__5G-0I{aspect-ratio:3/4}@supports not (aspect-ratio:auto){.Base-module_portrait__5G-0I:before{content:"";float:left;padding-top:133.33%}.Base-module_portrait__5G-0I:after{clear:both;content:"";display:block}}.Base-module_square__0KWiY{aspect-ratio:auto 1/1}@supports not (aspect-ratio:auto){.Base-module_square__0KWiY:before{content:"";float:left;padding-top:100%}.Base-module_square__0KWiY:after{clear:both;content:"";display:block}}.Base-module_visuallyHidden__bykhu:not(:focus,:active){clip:rect(0,0,0,0);border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
+@keyframes LikertScaleLegacy-module_pop__hTH48{0%{opacity:50%;-webkit-transform:scale(1)}to{opacity:0;-webkit-transform:scale(1.78)}}.LikertScaleLegacy-module_container__5wjIJ{box-sizing:border-box;position:relative;width:220px}@media only screen and (max-width:767px){.LikertScaleLegacy-module_container__5wjIJ{position:static;width:258px}}.LikertScaleLegacy-module_container__5wjIJ.LikertScaleLegacy-module_rated__KXpzU .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_unselected__nP5p9 .LikertScaleLegacy-module_likertItemFill__yj0tC{transition:background .1s}.LikertScaleLegacy-module_container__5wjIJ.LikertScaleLegacy-module_reversed__qrwrP.LikertScaleLegacy-module_rated__KXpzU .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_unselected__nP5p9 .LikertScaleLegacy-module_likertItemFill__yj0tC{background-color:transparent;border-color:rgba(var(--color-white-rgb,255,255,255),.65)}.LikertScaleLegacy-module_container__5wjIJ :where(.LikertScaleLegacy-module_likertItem4__0SWtD,.LikertScaleLegacy-module_likertItem5__ZF0By) .LikertScaleLegacy-module_check__3wQsx{color:#fff}.LikertScaleLegacy-module_container__5wjIJ :is(.LikertScaleLegacy-module_likertItem4__0SWtD.LikertScaleLegacy-module_suggested__0xk0D,.LikertScaleLegacy-module_likertItem5__ZF0By.LikertScaleLegacy-module_suggested__0xk0D) .LikertScaleLegacy-module_check__3wQsx{color:#fff}.LikertScaleLegacy-module_likertItemFill__yj0tC:focus,.LikertScaleLegacy-module_likertItem__LwX2w:focus{outline:none}.LikertScaleLegacy-module_likertItem__LwX2w:focus-visible .LikertScaleLegacy-module_likertItemFill__yj0tC{outline:var(--color-blue-500,#0168b3) var(--border-focus-ring-border-style,solid) var(--border-focus-ring-border-width,2px);outline-offset:1px}.LikertScaleLegacy-module_reversed__qrwrP .LikertScaleLegacy-module_likertItem__LwX2w:focus-visible .LikertScaleLegacy-module_likertItemFill__yj0tC{outline-color:var(--color-blue-300,#73c0e8)}.LikertScaleLegacy-module_itemContainer__9Vfq0{display:inline-block;font-size:0;height:37px;white-space:nowrap;width:100%}.LikertScaleLegacy-module_legend__HYNg-{left:0;position:absolute;right:0;text-align:center;top:calc(var(--spacing-md, 1.5rem)*-1)}@media only screen and (max-width:767px){.LikertScaleLegacy-module_legend__HYNg-{position:static;top:0}}.LikertScaleLegacy-module_likertItem__LwX2w{display:inline-block;font-size:1px;line-height:1;margin-left:2px;margin-right:2px;overflow-x:visible;padding:0;position:relative;width:18.5%}.LikertScaleLegacy-module_likertItem__LwX2w[dir=rtl]:first-child,[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child{margin-left:2px}.LikertScaleLegacy-module_likertItem__LwX2w[dir=rtl]:last-child,[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child{margin-right:2px}.LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC{border-bottom-left-radius:35px;border-top-left-radius:35px}[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC{border-radius:0;border-bottom-right-radius:35px;border-top-right-radius:35px}.LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC:after{border-bottom-left-radius:35px;border-top-left-radius:35px}[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC:after{border-radius:0;border-bottom-right-radius:35px;border-top-right-radius:35px}.LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC{border-bottom-right-radius:35px;border-top-right-radius:35px}[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC{border-radius:0;border-bottom-left-radius:35px;border-top-left-radius:35px}.LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC:after{border-bottom-right-radius:35px;border-top-right-radius:35px}[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC:after{border-radius:0;border-bottom-left-radius:35px;border-top-left-radius:35px}.LikertScaleLegacy-module_likertItem__LwX2w:first-child{margin-left:0;margin-right:2px}.LikertScaleLegacy-module_likertItem__LwX2w:last-child{margin-left:2px;margin-right:0}.LikertScaleLegacy-module_likertItem__LwX2w:after,.LikertScaleLegacy-module_likertItem__LwX2w:before{content:"";height:100%;position:absolute;right:100%;top:0;width:2px}.LikertScaleLegacy-module_likertItem__LwX2w:after{left:100%;right:auto}.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb .LikertScaleLegacy-module_field1__TDRE-,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb .LikertScaleLegacy-module_field1__TDRE-:after,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D .LikertScaleLegacy-module_field1__TDRE-,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D .LikertScaleLegacy-module_field1__TDRE-:after{background-color:var(--color-yellow-300,#ffe36e)}.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb .LikertScaleLegacy-module_field2__s-CD7,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb .LikertScaleLegacy-module_field2__s-CD7:after,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D .LikertScaleLegacy-module_field2__s-CD7,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D .LikertScaleLegacy-module_field2__s-CD7:after{background-color:var(--color-yellow-400,#ffca4d)}.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb .LikertScaleLegacy-module_field3__xp5eQ,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb .LikertScaleLegacy-module_field3__xp5eQ:after,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D .LikertScaleLegacy-module_field3__xp5eQ,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D .LikertScaleLegacy-module_field3__xp5eQ:after{background-color:var(--color-orange-400,#ff9461)}.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb .LikertScaleLegacy-module_field4__IVK7E,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb .LikertScaleLegacy-module_field4__IVK7E:after,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D .LikertScaleLegacy-module_field4__IVK7E,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D .LikertScaleLegacy-module_field4__IVK7E:after{background-color:var(--color-orange-500,#e96c2f)}.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb .LikertScaleLegacy-module_field5__9sETV,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb .LikertScaleLegacy-module_field5__9sETV:after,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D .LikertScaleLegacy-module_field5__9sETV,.LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D .LikertScaleLegacy-module_field5__9sETV:after{background-color:var(--color-red-500,#c93b55)}.LikertScaleLegacy-module_likertItemFill__yj0tC{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#8c8c97);height:35px;transition:background .1s,border-color .1s}.LikertScaleLegacy-module_likertItemFill__yj0tC:hover{transition:background 0s,border-color 0s}.LikertScaleLegacy-module_likertItemFill__yj0tC:after{content:" ";display:block;height:100%;pointer-events:none;width:100%}.LikertScaleLegacy-module_likertItemFill__yj0tC.LikertScaleLegacy-module_pop__hTH48:after{-webkit-animation:LikertScaleLegacy-module_pop__hTH48 .7s cubic-bezier(0,.94,.32,1) 1}.LikertScaleLegacy-module_reversed__qrwrP .LikertScaleLegacy-module_likertItemFill__yj0tC{border-color:rgba(var(--color-white-rgb,255,255,255),.65)}.LikertScaleLegacy-module_check__3wQsx{color:#000;display:block;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%}.LikertScaleLegacy-module_likertItem1__cYmY6 .LikertScaleLegacy-module_check__3wQsx{margin-left:-9px}[dir=rtl] .LikertScaleLegacy-module_likertItem1__cYmY6 .LikertScaleLegacy-module_check__3wQsx{margin-left:-11px}.LikertScaleLegacy-module_likertItem5__ZF0By .LikertScaleLegacy-module_check__3wQsx{margin-left:-12px}[dir=rtl] .LikertScaleLegacy-module_likertItem5__ZF0By .LikertScaleLegacy-module_check__3wQsx{margin-left:-9px}.LikertScaleLegacy-module_hovered__vVUN6 :where(.LikertScaleLegacy-module_likertItem4__0SWtD,.LikertScaleLegacy-module_likertItem5__ZF0By) .LikertScaleLegacy-module_check__3wQsx{color:#000}.LikertScaleLegacy-module_hovered__vVUN6.LikertScaleLegacy-module_reversed__qrwrP .LikertScaleLegacy-module_itemContainer__9Vfq0>:not(.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_likertItem__LwX2w) .LikertScaleLegacy-module_check__3wQsx{color:#fff}@media only screen and (max-width:767px){.LikertScaleLegacy-module_container__5wjIJ{min-width:258px}.LikertScaleLegacy-module_itemContainer__9Vfq0{height:50px}.LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC{border-bottom-left-radius:48px;border-top-left-radius:48px}[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC{border-radius:0;border-bottom-right-radius:48px;border-top-right-radius:48px}.LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC:after{border-bottom-left-radius:48px;border-top-left-radius:48px}[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC:after{border-radius:0;border-bottom-right-radius:48px;border-top-right-radius:48px}.LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC{border-bottom-right-radius:48px;border-top-right-radius:48px}[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC{border-radius:0;border-bottom-left-radius:48px;border-top-left-radius:48px}.LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC:after{border-bottom-right-radius:48px;border-top-right-radius:48px}[dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC:after{border-radius:0;border-bottom-left-radius:48px;border-top-left-radius:48px}.LikertScaleLegacy-module_likertItemFill__yj0tC{height:48px}}@media print{.LikertScaleLegacy-module_legend__HYNg-{display:none}.LikertScaleLegacy-module_container__5wjIJ{right:2em;top:1em;width:150px}.LikertScaleLegacy-module_container__5wjIJ .LikertScaleLegacy-module_likertItem__LwX2w .LikertScaleLegacy-module_likertItemFill__yj0tC{background:#fff;border:1px solid #d7d8d8;height:25px}.LikertScaleLegacy-module_container__5wjIJ .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC,.LikertScaleLegacy-module_container__5wjIJ .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC{background:#fff;border-width:2px}}
 .LoadingGraphic-module_loadingGraphic__lg-gH{border-radius:var(--border-solid-border-radius,7px);top:calc(var(--spacing-md, 1.5rem)*.175)}@keyframes LoadingGraphic-module_fade-in-out__VFBMB{0%{opacity:60%}50%{opacity:100%}to{opacity:60%}}.LoadingGraphic-module_isAnimated__tyskp{animation-duration:calc(var(--animation-duration-deliberate, .7s)*2);animation-iteration-count:infinite;animation-name:LoadingGraphic-module_fade-in-out__VFBMB}.LoadingGraphic-module_loadingGraphic__lg-gH{background-color:rgba(var(--color-gray-600-rgb,82,78,86),.1);border-radius:50%}.LoadingGraphic-module_isReversed__HmZ4H{background-color:rgba(var(--color-white-rgb,255,255,255),.1)}
 .LoadingHeading-module_loadingHeading__tb9a-{border-radius:var(--border-solid-border-radius,7px);top:calc(var(--spacing-md, 1.5rem)*.175)}@keyframes LoadingHeading-module_fade-in-out__4e-Ds{0%{opacity:60%}50%{opacity:100%}to{opacity:60%}}.LoadingHeading-module_isAnimated__cbstI{animation-duration:calc(var(--animation-duration-deliberate, .7s)*2);animation-iteration-count:infinite;animation-name:LoadingHeading-module_fade-in-out__4e-Ds}.LoadingHeading-module_loadingHeading__tb9a-{background-color:rgba(var(--color-gray-500-rgb,140,140,151),.2)}.LoadingHeading-module_display-0__SXmNU{height:var(--typography-display-0-font-size,4.5rem);margin-bottom:calc(var(--typography-display-0-line-height, 5.25rem) - var(--typography-display-0-font-size, 4.5rem))}.LoadingHeading-module_heading-1__09eOy{height:var(--typography-heading-1-font-size,2.125rem);margin-bottom:calc(var(--typography-heading-1-line-height, 2.625rem) - var(--typography-heading-1-font-size, 2.125rem))}.LoadingHeading-module_heading-2__bxtDS{height:var(--typography-heading-2-font-size,1.75rem);margin-bottom:calc(var(--typography-heading-2-line-height, 2.25rem) - var(--typography-heading-2-font-size, 1.75rem))}.LoadingHeading-module_heading-3__h8MXB{height:var(--typography-heading-3-font-size,1.375rem);margin-bottom:calc(var(--typography-heading-3-line-height, 1.875rem) - var(--typography-heading-3-font-size, 1.375rem))}.LoadingHeading-module_heading-4__VsC1Y{height:var(--typography-heading-4-font-size,1.125rem);margin-bottom:calc(var(--typography-heading-4-line-height, 1.5rem) - var(--typography-heading-4-font-size, 1.125rem))}.LoadingHeading-module_heading-5__5arKU{height:var(--typography-heading-5-font-size,1rem);margin-bottom:calc(var(--typography-heading-5-line-height, 1.5rem) - var(--typography-heading-5-font-size, 1rem))}.LoadingHeading-module_heading-6__sLipd{height:var(--typography-heading-6-font-size,.875rem);margin-bottom:calc(var(--typography-heading-6-line-height, 1.5rem) - var(--typography-heading-6-font-size, .875rem))}.LoadingHeading-module_isReversed__vz6G1{background-color:rgba(var(--color-white-rgb,255,255,255),.2)}.LoadingHeading-module_link__E7uU1{background-color:rgba(var(--color-blue-500-rgb,1,104,179),.2)}.LoadingHeading-module_link__E7uU1.LoadingHeading-module_isReversed__vz6G1{background-color:rgba(var(--color-white-rgb,255,255,255),.65)}
 .LoadingInput-module_loadingInput__65Cpe{border-radius:var(--border-solid-border-radius,7px);top:calc(var(--spacing-md, 1.5rem)*.175)}@keyframes LoadingInput-module_fade-in-out__XW4tT{0%{opacity:60%}50%{opacity:100%}to{opacity:60%}}.LoadingInput-module_isAnimated__hJtl-{animation-duration:calc(var(--animation-duration-deliberate, .7s)*2);animation-iteration-count:infinite;animation-name:LoadingInput-module_fade-in-out__XW4tT}.LoadingInput-module_loadingInput__65Cpe{background-color:rgba(var(--color-gray-600-rgb,82,78,86),.1)}.LoadingInput-module_isReversed__wyVkD{background-color:rgba(var(--color-white-rgb,255,255,255),.1)}
@@ -107,6 +108,8 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs{all:unset;-webkit-ap
 .TruncateIndicator-module_truncateIndicatorWrapper__FgApk{align-items:center;background-color:transparent;color:rgba(var(--color-purple-800-rgb,47,36,56),.7);display:flex;height:36px;justify-content:center;margin:0 5px;width:36px}
 .Pagination-module_container__JHnDH{align-items:center;display:flex;justify-content:center}.Pagination-module_pagesIndicatorWrapper__taluU{display:flex;flex-direction:row;justify-content:space-around}.Pagination-module_arrowIconWrapper__RMTET{align-items:center;background-color:transparent;border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) var(--color-blue-300,#73c0e8);border-radius:18px;box-sizing:border-box;color:var(--color-blue-500,#0168b3);display:flex;height:36px;justify-content:center;margin:0 5px;width:36px}.Pagination-module_arrowIconWrapper__RMTET:disabled{opacity:35%;pointer-events:none}.Pagination-module_arrowIconWrapper__RMTET:hover{background-color:var(--color-blue-100,#e6f6ff)}.Pagination-module_arrowIconWrapper__RMTET:focus{background-color:var(--color-blue-200,#bde2f5)}.Pagination-module_arrowIconWrapper__RMTET:focus:focus-visible{outline:none}.Pagination-module_arrowIconWrapper__RMTET:focus .Pagination-module_pageIndicatorFocusRing__57ku4{border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) var(--color-blue-500,#0168b3)}.Pagination-module_truncateIndicatorWrapper__bwywo{align-items:center;background-color:transparent;color:rgba(var(--color-purple-800-rgb,47,36,56),.7);display:flex;height:36px;justify-content:center;margin:0 5px;width:36px}
 .Popover-module_root__OrmwT{left:50%;position:absolute;width:220px}.Popover-module_cautionaryBox__n7c9G,.Popover-module_defaultBox__X9FWm,.Popover-module_informativeBox__c0Pen,.Popover-module_negativeBox__dS4tj,.Popover-module_positiveBox__fUR-4{background:var(--color-white,#fff);border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-300,#eaeaec);border-radius:var(--border-solid-border-radius,7px);color:var(--color-purple-800,#2f2438);filter:drop-shadow(0 0 7px rgba(0,0,0,.1));padding:var(--spacing-sm,.75rem) 1rem 1rem;text-align:left}.Popover-module_defaultArrow__6rN-3:after,.Popover-module_defaultArrow__6rN-3:before{border-left:7px solid transparent;border-right:7px solid transparent;content:"";left:0;position:absolute;top:0}.Popover-module_defaultArrow__6rN-3:before{border-top:7px solid var(--color-gray-300,#eaeaec)}.Popover-module_defaultArrow__6rN-3:after{border-top:7px solid #fff;margin-top:-2px;z-index:1}.Popover-module_informativeBox__c0Pen{background:var(--color-blue-100,#e6f6ff);border-color:var(--color-blue-300,#73c0e8)}.Popover-module_informativeArrow__ZWiUz:after,.Popover-module_informativeArrow__ZWiUz:before{border-left:7px solid transparent;border-right:7px solid transparent;content:"";left:0;position:absolute;top:0}.Popover-module_informativeArrow__ZWiUz:before{border-top:7px solid var(--color-blue-300,#73c0e8)}.Popover-module_informativeArrow__ZWiUz:after{border-top:7px solid var(--color-blue-100,#e6f6ff);margin-top:-2px;z-index:1}.Popover-module_positiveBox__fUR-4{background:var(--color-green-100,#e8f8f4);border-color:var(--color-green-300,#8fdbc7)}.Popover-module_positiveArrow__ApDyE:after,.Popover-module_positiveArrow__ApDyE:before{border-left:7px solid transparent;border-right:7px solid transparent;content:"";left:0;position:absolute;top:0}.Popover-module_positiveArrow__ApDyE:before{border-top:7px solid var(--color-green-300,#8fdbc7)}.Popover-module_positiveArrow__ApDyE:after{border-top:7px solid var(--color-green-100,#e8f8f4);margin-top:-2px;z-index:1}.Popover-module_negativeBox__dS4tj{background:var(--color-red-100,#fdeaee);border-color:var(--color-red-300,#f597a8)}.Popover-module_negativeArrow__BpNUL:after,.Popover-module_negativeArrow__BpNUL:before{border-left:7px solid transparent;border-right:7px solid transparent;content:"";left:0;position:absolute;top:0}.Popover-module_negativeArrow__BpNUL:before{border-top:7px solid var(--color-red-300,#f597a8)}.Popover-module_negativeArrow__BpNUL:after{border-top:7px solid var(--color-red-100,#fdeaee);margin-top:-2px;z-index:1}.Popover-module_cautionaryBox__n7c9G{background:var(--color-yellow-100,#fff9e4);border-color:var(--color-yellow-400,#ffca4d)}.Popover-module_cautionaryArrow__YRo-K:after,.Popover-module_cautionaryArrow__YRo-K:before{border-left:7px solid transparent;border-right:7px solid transparent;content:"";left:0;position:absolute;top:0}.Popover-module_cautionaryArrow__YRo-K:before{border-top:7px solid var(--color-yellow-400,#ffca4d)}.Popover-module_cautionaryArrow__YRo-K:after{border-top:7px solid var(--color-yellow-100,#fff9e4);margin-top:-2px;z-index:1}.Popover-module_header__b3DtD{align-items:center;display:flex;margin-bottom:var(--spacing-xs,.375rem);padding-right:var(--spacing-md,1.5rem);position:relative;white-space:nowrap}.Popover-module_container__JwR7Q{position:relative;white-space:pre-line}.Popover-module_icon__6S-3a{display:inherit;margin-right:var(--spacing-xs,.375rem)}.Popover-module_informativeIcon__WqmCv{color:var(--color-blue-500,#0168b3)}.Popover-module_positiveIcon__wyqmw{color:var(--color-green-400,#5dcbad)}.Popover-module_negativeIcon__Bb7-e{color:var(--color-red-500,#c93b55)}.Popover-module_cautionaryIcon__rptji{color:var(--color-yellow-500,#ffb600)}.Popover-module_close__8h4Rt{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:inherit;color:rgba(var(--color-purple-800-rgb,47,36,56),.7);display:inline;display:inherit;font:inherit;margin:0 0 0 auto;padding:0;position:absolute;right:0}.Popover-module_close__8h4Rt:hover{color:var(--color-purple-800,#2f2438)}.Popover-module_close__8h4Rt:focus{outline:none}.Popover-module_close__8h4Rt:focus-visible{border-radius:var(--border-borderless-border-radius,7px);color:var(--color-purple-800,#2f2438);outline:var(--color-blue-500,#0168b3) var(--border-focus-ring-border-style,solid) var(--border-focus-ring-border-width,2px);outline-offset:calc(var(--border-focus-ring-border-width, 2px)*-1)}.Popover-module_arrowWrapper__DiE3-{height:7px;position:absolute;width:14px}.Popover-module_arrow__PS4V6{height:7px;width:14px}.Popover-module_arrowSideTop__JoORK,[data-popper-placement^=bottom] .Popover-module_arrowWrapper__DiE3-{bottom:100%;left:50%;margin-top:-9px}.Popover-module_arrowSideTop__JoORK .Popover-module_arrow__PS4V6,[data-popper-placement^=bottom] .Popover-module_arrowWrapper__DiE3- .Popover-module_arrow__PS4V6{transform:rotate(180deg)}.Popover-module_arrowSideLeft__2Zhqb,[data-popper-placement^=left] .Popover-module_arrowWrapper__DiE3-{margin-right:-10px;right:0}.Popover-module_arrowSideLeft__2Zhqb .Popover-module_arrow__PS4V6,[data-popper-placement^=left] .Popover-module_arrowWrapper__DiE3- .Popover-module_arrow__PS4V6{transform:rotate(270deg)}.Popover-module_arrowSideRight__fHKWI,[data-popper-placement^=right] .Popover-module_arrowWrapper__DiE3-{left:0;margin-left:-10px}.Popover-module_arrowSideRight__fHKWI .Popover-module_arrow__PS4V6,[data-popper-placement^=right] .Popover-module_arrowWrapper__DiE3- .Popover-module_arrow__PS4V6{transform:rotate(90deg)}.Popover-module_arrowSideBottom__mBr5k,[data-popper-placement^=top] .Popover-module_arrowWrapper__DiE3-{left:50%;top:100%}.Popover-module_arrowPositionCenter__l8V0-{transform:translateX(-50%)}.Popover-module_arrowPositionStart__eXyu0{left:var(--spacing-md,1.5rem);right:auto}.Popover-module_arrowPositionEnd__UY4MU{left:auto;right:var(--spacing-md,1.5rem)}.Popover-module_large__-LH0l{max-width:450px;width:auto}.Popover-module_singleLine__7il24{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.Label-module_label__zqjpR{color:var(--color-purple-800,#2f2438);padding-bottom:var(--spacing-6,.375rem);text-align:center}
+.ProgressBar-module_subtext__eizyu{color:var(--color-purple-800,#2f2438);opacity:80%;padding-top:var(--spacing-6,.375rem);text-align:center}.ProgressBar-module_progressBackground__5qzp5{background:var(--color-gray-300,#eaeaec);border-radius:10px;height:10px;overflow:hidden;position:relative;width:100%}@keyframes ProgressBar-module_pulse__RGaQm{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.ProgressBar-module_progress__X1IHw{border-radius:10px;inset:0;overflow:hidden;position:absolute;transition:transform .2s ease}.ProgressBar-module_positive__12oA1{background:var(--color-green-400,#5dcbad)}.ProgressBar-module_positive__12oA1:after{background:linear-gradient(90deg,transparent,var(--color-green-300,#8fdbc7) 75%,transparent)}.ProgressBar-module_informative__lrVDM{background:var(--color-blue-400,#008bd6)}.ProgressBar-module_informative__lrVDM:after{background:linear-gradient(90deg,transparent,var(--color-blue-300,#73c0e8) 75%,transparent)}.ProgressBar-module_cautionary__f56gH{background:var(--color-yellow-400,#ffca4d)}.ProgressBar-module_cautionary__f56gH:after{background:linear-gradient(90deg,transparent,var(--color-yellow-300,#ffe36e) 75%,transparent)}.ProgressBar-module_negative__EVWBt{background:var(--color-red-400,#e0707d)}.ProgressBar-module_isAnimating__F6AxQ:after{animation:ProgressBar-module_pulse__RGaQm 2s infinite;bottom:0;content:"";left:0;opacity:100%;position:absolute;top:0;transition:opacity .2s;width:50%}
 .Radio-module_radioInput__-zPUZ{opacity:0;position:absolute}.ideal-sans .Radio-module_radioInput__-zPUZ{position:absolute}.Radio-module_icon__ihSP3{background:var(--color-gray-600,#524e56);border-radius:50%;height:10px;left:5px;position:absolute;top:5px;width:10px}.Radio-module_box__nEGD7,.Radio-module_icon__ihSP3.Radio-module_reversed__pfCrF{background:var(--color-white,#fff)}.Radio-module_box__nEGD7{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#8c8c97);border-radius:50%;box-sizing:border-box;display:block;height:24px;position:relative;top:0;width:24px}.Radio-module_radioInput__-zPUZ:focus:not([disabled])+.Radio-module_box__nEGD7{border-color:var(--color-gray-600,#524e56)}.Radio-module_radioInput__-zPUZ:focus:not([disabled])+.Radio-module_box__nEGD7:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:26px;border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);box-sizing:border-box;content:"";height:calc(26px + var(--border-solid-border-width, 2px)*2);left:-5px;pointer-events:none;position:absolute;top:-5px;width:calc(26px + var(--border-solid-border-width, 2px)*2)}.Radio-module_radioInput__-zPUZ:not([disabled])+.Radio-module_box__nEGD7:hover{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.Radio-module_box__nEGD7.Radio-module_reversed__pfCrF{background:transparent;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) rgba(var(--color-white-rgb,255,255,255),.65)}.Radio-module_radioInput__-zPUZ:focus:not([disabled])+.Radio-module_box__nEGD7.Radio-module_reversed__pfCrF{border-color:var(--color-white,#fff)}.Radio-module_radioInput__-zPUZ:focus:not([disabled])+.Radio-module_box__nEGD7.Radio-module_reversed__pfCrF:after{border-color:var(--color-blue-300,#73c0e8)}.Radio-module_radioInput__-zPUZ:not([disabled])+.Radio-module_box__nEGD7.Radio-module_reversed__pfCrF:hover{background-color:transparent;border-color:var(--color-white,#fff)}
 .RadioField-module_container__r6T25{word-wrap:break-word;margin-bottom:var(--spacing-sm,.75rem);overflow-wrap:break-word;position:relative;word-break:break-word}.RadioField-module_container__r6T25 label{-webkit-tap-highlight-color:transparent}.ideal-sans .RadioField-module_container__r6T25 label{font-size:var(--typography-paragraph-body-font-size,1rem);padding-top:0}.RadioField-module_container__r6T25.RadioField-module_selected__kdlz8 label{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-bold-font-weight,600);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);position:static}.RadioField-module_container__r6T25:not(.RadioField-module_reversed__EX79j) label:hover input:not([disabled])+span{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.RadioField-module_container__r6T25.RadioField-module_reversed__EX79j label:hover input:not([disabled])+span{background-color:transparent;border-color:var(--color-white,#fff)}
 .RadioGroup-module_radioGroupLabel__wIl4z{margin-bottom:var(--spacing-sm,.75rem)}.ideal-sans .RadioGroup-module_radioGroupLabel__wIl4z label{padding-top:0}.RadioGroup-module_radioGroupLabel__wIl4z.RadioGroup-module_reversed__VeBun{color:var(--color-white,#fff)}.RadioGroup-module_radioGroupContainer__NKWpt{display:flex;flex-direction:column;margin-bottom:var(--spacing-sm,.75rem)}.RadioGroup-module_radioGroupContainer__NKWpt.RadioGroup-module_noBottomMargin__VKF2T{margin-bottom:0}

package/dist/esm/ErrorPage/hooks/useErrorMessages.mjs

@@ -46,7 +46,19 @@ var useErrorMessages = function (code) {
       }),
       message: formatMessage({
         id: "kzErrorPage.404.message",
-        defaultMessage: "Sorry but we can't fing the page you're looking for. Go back and try again, or head to Home",
+        defaultMessage: "Sorry but we can't find the page you're looking for. Go back and try again, or head to Home",
+        description: "Call to action instructions for the user"
+      })
+    },
+    413: {
+      title: formatMessage({
+        id: "kzErrorPage.413.title",
+        defaultMessage: "Something's gone wrong on our side",
+        description: "Main title of page"
+      }),
+      message: formatMessage({
+        id: "kzErrorPage.413",
+        defaultMessage: "Sorry there's an issue with our system and this page can't be displayed. Go back and try again, or head to Home",
         description: "Call to action instructions for the user"
       })
     },

package/dist/esm/ErrorPage/hooks/useErrorMessages.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useErrorMessages.mjs","sources":["../../../../src/ErrorPage/hooks/useErrorMessages.ts"],"sourcesContent":["import { useIntl } from \"@cultureamp/i18n-react-intl\"\nexport const statusCodes = [\n  \"400\",\n  \"401\",\n  \"403\",\n  \"404\",\n  \"422\",\n  \"500\",\n  \"502\",\n  \"503\",\n  \"504\",\n] as const\n\nexport type ErrorStatuses = (typeof statusCodes)[number]\ntype TranslationMap = Record<ErrorStatuses, { title: string; message: string }>\n\nexport const useErrorMessages = (\n  code: ErrorStatuses\n): TranslationMap[ErrorStatuses] => {\n  const { formatMessage } = useIntl()\n\n  const translationsMap: TranslationMap = {\n    400: {\n      title: formatMessage({\n        id: \"kzErrorPage.400.title\",\n        defaultMessage: \"Your request has slipped into the void\",\n        description: \"Heading for page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.400.message\",\n        defaultMessage:\n          \"Sorry but your request couldn’t be completed. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    401: {\n      title: formatMessage({\n        id: \"kzErrorPage.401.title\",\n        defaultMessage: \"You can't view this page\",\n        description: \"Main title for page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.401.message\",\n        defaultMessage:\n          \"Sorry but we can't verify if you're able to view this page. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    403: {\n      title: formatMessage({\n        id: \"kzErrorPage.403.title\",\n        defaultMessage: \"You can't view this page\",\n        description: \"Main title for page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.403.message\",\n        defaultMessage:\n          \"Sorry but it looks like you don’t have permission to view this page. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    404: {\n      title: formatMessage({\n        id: \"kzErrorPage.404.title\",\n        defaultMessage: \"Missing pages are one of life's mysteries\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.404.message\",\n        defaultMessage:\n          \"Sorry but we can't fing the page you're looking for. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    422: {\n      title: formatMessage({\n        id: \"kzErrorPage.422.title\",\n        defaultMessage: \"Change never comes easy\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.422.message\",\n        defaultMessage:\n          \"Sorry but your change couldn't be made. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    500: {\n      title: formatMessage({\n        id: \"kzErrorPage.500.title\",\n        defaultMessage: \"Something's gone wrong on our side\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.500\",\n        defaultMessage:\n          \"Sorry there's an issue with our system and this page can't be displayed. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    502: {\n      title: formatMessage({\n        id: \"kzErrorPage.502.title\",\n        defaultMessage: \"You can't view this page\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.502.message\",\n        defaultMessage:\n          \"Sorry about this. The best thing to do is go back and try again.\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    503: {\n      title: formatMessage({\n        id: \"kzErrorPage.503.title\",\n        defaultMessage: \"You can't view this page\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.503.message\",\n        defaultMessage:\n          \"Sorry about this. The best thing to do is go back and try again.\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    504: {\n      title: formatMessage({\n        id: \"kzErrorPage.504.title\",\n        defaultMessage: \"You can't view this page\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.504.message\",\n        defaultMessage:\n          \"Sorry about this. The best thing to do is go back and try again.\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n  }\n\n  return (\n    translationsMap[code] || {\n      title: \"\",\n      message: \"\",\n    }\n  )\n}\n"],"names":["useErrorMessages","code","formatMessage","useIntl","translationsMap","title","id","defaultMessage","description","message"],"mappings":"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"}
+{"version":3,"file":"useErrorMessages.mjs","sources":["../../../../src/ErrorPage/hooks/useErrorMessages.ts"],"sourcesContent":["import { useIntl } from \"@cultureamp/i18n-react-intl\"\nexport const statusCodes = [\n  \"400\",\n  \"401\",\n  \"403\",\n  \"404\",\n  \"413\",\n  \"422\",\n  \"500\",\n  \"502\",\n  \"503\",\n  \"504\",\n] as const\n\nexport type ErrorStatuses = (typeof statusCodes)[number]\ntype TranslationMap = Record<ErrorStatuses, { title: string; message: string }>\n\nexport const useErrorMessages = (\n  code: ErrorStatuses\n): TranslationMap[ErrorStatuses] => {\n  const { formatMessage } = useIntl()\n\n  const translationsMap: TranslationMap = {\n    400: {\n      title: formatMessage({\n        id: \"kzErrorPage.400.title\",\n        defaultMessage: \"Your request has slipped into the void\",\n        description: \"Heading for page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.400.message\",\n        defaultMessage:\n          \"Sorry but your request couldn’t be completed. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    401: {\n      title: formatMessage({\n        id: \"kzErrorPage.401.title\",\n        defaultMessage: \"You can't view this page\",\n        description: \"Main title for page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.401.message\",\n        defaultMessage:\n          \"Sorry but we can't verify if you're able to view this page. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    403: {\n      title: formatMessage({\n        id: \"kzErrorPage.403.title\",\n        defaultMessage: \"You can't view this page\",\n        description: \"Main title for page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.403.message\",\n        defaultMessage:\n          \"Sorry but it looks like you don’t have permission to view this page. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    404: {\n      title: formatMessage({\n        id: \"kzErrorPage.404.title\",\n        defaultMessage: \"Missing pages are one of life's mysteries\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.404.message\",\n        defaultMessage:\n          \"Sorry but we can't find the page you're looking for. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    413: {\n      title: formatMessage({\n        id: \"kzErrorPage.413.title\",\n        defaultMessage: \"Something's gone wrong on our side\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.413\",\n        defaultMessage:\n          \"Sorry there's an issue with our system and this page can't be displayed. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    422: {\n      title: formatMessage({\n        id: \"kzErrorPage.422.title\",\n        defaultMessage: \"Change never comes easy\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.422.message\",\n        defaultMessage:\n          \"Sorry but your change couldn't be made. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    500: {\n      title: formatMessage({\n        id: \"kzErrorPage.500.title\",\n        defaultMessage: \"Something's gone wrong on our side\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.500\",\n        defaultMessage:\n          \"Sorry there's an issue with our system and this page can't be displayed. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    502: {\n      title: formatMessage({\n        id: \"kzErrorPage.502.title\",\n        defaultMessage: \"You can't view this page\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.502.message\",\n        defaultMessage:\n          \"Sorry about this. The best thing to do is go back and try again.\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    503: {\n      title: formatMessage({\n        id: \"kzErrorPage.503.title\",\n        defaultMessage: \"You can't view this page\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.503.message\",\n        defaultMessage:\n          \"Sorry about this. The best thing to do is go back and try again.\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    504: {\n      title: formatMessage({\n        id: \"kzErrorPage.504.title\",\n        defaultMessage: \"You can't view this page\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.504.message\",\n        defaultMessage:\n          \"Sorry about this. The best thing to do is go back and try again.\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n  }\n\n  return (\n    translationsMap[code] || {\n      title: \"\",\n      message: \"\",\n    }\n  )\n}\n"],"names":["useErrorMessages","code","formatMessage","useIntl","translationsMap","title","id","defaultMessage","description","message"],"mappings":"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"}

package/dist/esm/Icon/CloseIcon.mjs

@@ -1,18 +1,15 @@
 import { __assign } from 'tslib';
 import React from 'react';
-import { v4 } from 'uuid';
 import { SVG } from './subcomponents/SVG/SVG.mjs';
 
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
 var CloseIcon = function (props) {
-  var uniqueId = v4();
-  var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
-    id: uniqueId,
-    d: "M14.654 4.167 10 8.82 5.346 4.167l-1.18 1.18L8.823 10l-4.655 4.655 1.179 1.178L10 11.18l4.654 4.654 1.18-1.178L11.18 10l4.655-4.653z"
-  })), /*#__PURE__*/React.createElement("use", {
-    href: "#".concat(uniqueId),
-    fillRule: "evenodd"
+  var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M14.654 4.167 10 8.82 5.346 4.167l-1.18 1.18L8.823 10l-4.655 4.655 1.179 1.178L10 11.18l4.654 4.654 1.18-1.178L11.18 10l4.655-4.653-1.18-1.18Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
   }));
   return /*#__PURE__*/React.createElement(SVG, __assign({}, props), svgContent);
 };

package/dist/esm/Icon/CloseIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CloseIcon.mjs","sources":["../../../src/Icon/CloseIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const CloseIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M14.654 4.167 10 8.82 5.346 4.167l-1.18 1.18L8.823 10l-4.655 4.655 1.179 1.178L10 11.18l4.654 4.654 1.18-1.178L11.18 10l4.655-4.653z\"\n        />\n      </defs>\n      <use href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["CloseIcon","props","uniqueId","uuidv4","svgContent","React","createElement","Fragment","id","d","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;AAAA;AACA;AAMO,IAAMA,SAAS,GAAG,SAAAA,CAACC,KAAgB,EAAA;EACxC,IAAMC,QAAQ,GAAGC,EAAM,EAAE;EACzB,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAsI,EACxI,CACG,eACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAT,QAAQ,CAAE;IAAEU,QAAQ,EAAC;EAAS,CAAA,CAAG,CAEnD;EACD,oBAAOP,oBAACQ,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKb,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"CloseIcon.mjs","sources":["../../../src/Icon/CloseIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\n\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const CloseIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M14.654 4.167 10 8.82 5.346 4.167l-1.18 1.18L8.823 10l-4.655 4.655 1.179 1.178L10 11.18l4.654 4.654 1.18-1.178L11.18 10l4.655-4.653-1.18-1.18Z\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["CloseIcon","props","svgContent","React","createElement","Fragment","fill","d","fillRule","clipRule","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAMO,IAAMA,SAAS,GAAG,SAAAA,CAACC,KAAgB,EAAA;EACxC,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACEE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC,gJAAgJ;IAClJC,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC;EACT,CAAA,CAAA,CAEL;EACD,oBAAON,oBAACO,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKV,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs

@@ -0,0 +1,144 @@
+import React, { useState, createRef } from 'react';
+import classnames from 'classnames';
+import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
+import 'tslib';
+import 'uuid';
+import '../Icon/subcomponents/SVG/SVG.mjs';
+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 /*#__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: /*#__PURE__*/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 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 };
+//# sourceMappingURL=LikertScaleLegacy.mjs.map

package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LikertScaleLegacy.mjs","sources":["../../../src/LikertScaleLegacy/LikertScaleLegacy.tsx"],"sourcesContent":["import React, { createRef, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { CheckIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { ScaleValue, Scale, ScaleItem } from \"./types\"\nimport determineSelectionFromKeyPress from \"./utils/determineSelectionFromKeyPress\"\nimport styles from \"./LikertScaleLegacy.module.scss\"\n\ntype ItemRefs = Array<{\n  value: ScaleValue\n  ref: { current: null | HTMLDivElement }\n}>\n\nexport type LikertScaleProps = {\n  labelId: string\n  scale: Scale\n  selectedItem: ScaleItem | null\n  /**\n   * @deprecated Please use data-testid instead\n   */\n  automationId?: string\n  \"data-testid\"?: string\n  reversed?: boolean\n  validationMessage?: string\n  status?: \"default\" | \"error\"\n  onSelect: (value: ScaleItem | null) => void\n}\n\nconst SelectedItemIcon = (): JSX.Element => (\n  <CheckIcon role=\"presentation\" classNameOverride={styles.check} />\n)\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}\n */\nexport const LikertScaleLegacy = ({\n  scale,\n  selectedItem,\n  reversed,\n  \"data-testid\": dataTestId,\n  onSelect,\n  validationMessage,\n  status,\n  labelId,\n}: LikertScaleProps): JSX.Element => {\n  const [hoveredItem, setHoveredItem] = useState<ScaleItem | null>(null)\n  const itemRefs: ItemRefs = scale.map(s => ({\n    value: s.value,\n    ref: createRef<HTMLDivElement>(),\n  }))\n\n  const handleRadioClick = (item: ScaleItem): void => {\n    // Is this a click on the item that is currently selected?\n    const isClickOnSelectedItem = selectedItem?.value === item.value\n\n    // Grab \"Not rated\" state item from the scale, its value is -1\n    const notYetRated = scale.find(s => s.value === -1) || null\n\n    // Clear or set new selection\n    const newItem = isClickOnSelectedItem ? notYetRated : item\n\n    onSelect(newItem)\n    setHoveredItem(null)\n  }\n\n  /**\n   * Because the radios have been built with divs, we need to add the keyboard functionality manually\n   */\n  const handleKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>,\n    focusedItem: ScaleItem\n  ): void => {\n    const newPosition = determineSelectionFromKeyPress(\n      event.keyCode,\n      selectedItem,\n      focusedItem\n    )\n    if (newPosition) {\n      event.preventDefault()\n\n      onSelect(scale.find(s => s.value === newPosition) || null)\n\n      // Update focus\n      const itemRef = itemRefs.find(item => item.value === newPosition)\n      itemRef && itemRef.ref.current && itemRef.ref.current.focus()\n    }\n  }\n\n  const legend = hoveredItem?.label || selectedItem?.label || \"Not rated\"\n\n  const shouldDisplayValidationMessage =\n    status !== \"default\" && validationMessage !== undefined\n\n  const validationMessageId = shouldDisplayValidationMessage\n    ? `${labelId}-field-validation-message`\n    : undefined\n\n  const isRated = selectedItem && selectedItem.value > 0\n\n  return (\n    <div\n      className={classnames(\n        styles.container,\n        isRated && styles.rated,\n        reversed && [styles.reversed],\n        hoveredItem !== null && styles.hovered\n      )}\n      aria-labelledby={labelId}\n      role=\"radiogroup\"\n      tabIndex={-1}\n      aria-describedby={validationMessageId}\n      data-testid={dataTestId}\n    >\n      <div\n        className={styles.legend}\n        data-testid={dataTestId && `${dataTestId}-legend`}\n      >\n        <Text variant=\"small\" color={reversed ? \"white\" : \"dark\"}>\n          {legend}\n        </Text>\n      </div>\n      <div\n        className={classnames(\n          styles.itemContainer,\n          isRated && styles.rated,\n          reversed && styles.reversed\n        )}\n      >\n        {scale.map((item: ScaleItem) => {\n          if (item.value <= 0) {\n            return\n          }\n\n          const isSelectedItem = selectedItem?.value === item.value\n          const itemRef = itemRefs.find(i => item.value === i.value)\n\n          // Make control tabbable\n          let tabIndex = 0\n          // Unless.. there's an item selected and it's not this one\n          if (\n            selectedItem &&\n            selectedItem.value > 0 &&\n            selectedItem.value !== item.value\n          ) {\n            tabIndex = -1\n          }\n\n          const isSelected =\n            selectedItem && item.value <= selectedItem?.value && !hoveredItem\n          const isSuggested = hoveredItem && hoveredItem.value >= item.value\n          const isUnselected = selectedItem && selectedItem.value < item.value\n\n          return (\n            <div\n              className={classnames(\n                styles.likertItem,\n                styles[`likertItem${item.value}`],\n                isSelected && styles.selected,\n                isSuggested && styles.suggested,\n                isUnselected && styles.unselected\n              )}\n              key={item.value}\n              data-testid={dataTestId && `${dataTestId}-item-${item.value}`}\n              onClick={(): void => handleRadioClick(item)}\n              onMouseEnter={(): void => setHoveredItem(item)}\n              onMouseLeave={(): void => setHoveredItem(null)}\n              onKeyDown={(event): void => handleKeyDown(event, item)}\n              onFocus={(): void => setHoveredItem(item)}\n              onBlur={(): void => setHoveredItem(null)}\n              role=\"radio\"\n              aria-label={item.label}\n              aria-checked={isSelectedItem}\n              aria-posinset={item.value}\n              aria-setsize={5}\n              tabIndex={tabIndex}\n              ref={itemRef && itemRef.ref}\n            >\n              <div\n                className={classnames(\n                  styles.likertItemFill,\n                  styles[`field${item.value}`],\n                  isSelectedItem && styles.pop\n                )}\n              />\n              {isSelectedItem ? <SelectedItemIcon /> : null}\n            </div>\n          )\n        })}\n      </div>\n      {shouldDisplayValidationMessage && (\n        <FieldMessage\n          id={validationMessageId}\n          message={validationMessage}\n          status={status}\n          reversed={reversed}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["SelectedItemIcon","React","createElement","CheckIcon","role","classNameOverride","styles","check","LikertScaleLegacy","_a","scale","selectedItem","reversed","dataTestId","onSelect","validationMessage","status","labelId","_b","useState","hoveredItem","setHoveredItem","itemRefs","map","s","value","ref","createRef","handleRadioClick","item","isClickOnSelectedItem","notYetRated","find","newItem","handleKeyDown","event","focusedItem","newPosition","determineSelectionFromKeyPress","keyCode","preventDefault","itemRef","current","focus","legend","label","shouldDisplayValidationMessage","undefined","validationMessageId","concat","isRated","className","classnames","container","rated","hovered","tabIndex","Text","variant","color","itemContainer","isSelectedItem","i","isSelected","isSuggested","isUnselected","likertItem","selected","suggested","unselected","key","onClick","onMouseEnter","onMouseLeave","onKeyDown","onFocus","onBlur","likertItemFill","pop","FieldMessage","id","message"],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+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 };
+//# sourceMappingURL=LikertScaleLegacy.module.scss.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LikertScaleLegacy.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,48 @@
+/**
+ * Takes a keypress on a div that's imitating a radio and determines where the selection should go.
+ * 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 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);
+  }
+  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;
+};
+var oneSelectionBackward = function (value) {
+  if (value === 1) {
+    return 5;
+  }
+  var calculatedPosition = SCALE_VALUE_RESPONSE.get(value - 1);
+  return calculatedPosition || null;
+};
+export { determineSelectionFromKeyPress as default };
+//# sourceMappingURL=determineSelectionFromKeyPress.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"determineSelectionFromKeyPress.mjs","sources":["../../../../src/LikertScaleLegacy/utils/determineSelectionFromKeyPress.ts"],"sourcesContent":["import { ScaleValue, ScaleItem } from \"../types\"\n\n/**\n * Takes a keypress on a div that's imitating a radio and determines where the selection should go.\n * Uses the following as a guide, with one modification - allowing space press on a selected item to unselect:\n * https://www.w3.org/TR/wai-aria-practices/examples/radio/radio-1/radio-1.html\n */\n\nconst SCALE_VALUE_RESPONSE = new Map<number, ScaleValue>([\n  [-1, -1],\n  [1, 1],\n  [2, 2],\n  [3, 3],\n  [4, 4],\n  [5, 5],\n])\n\nconst determineSelectionFromKeyPress = (\n  keyCode: number,\n  currentSelection: ScaleItem | null,\n  focusedItem: ScaleItem\n): null | ScaleValue => {\n  const supportedKeyCodes = [32, 37, 38, 39, 40]\n  if (supportedKeyCodes.indexOf(keyCode) === -1) {\n    return null\n  }\n\n  const spacePressed = keyCode === 32\n  const backPressed = keyCode === 37 || keyCode === 38\n  const forwardPressed = keyCode === 39 || keyCode === 40\n  const noCurrentSelection = !currentSelection || currentSelection.value <= 0\n\n  if (spacePressed) {\n    return noCurrentSelection ? focusedItem.value : -1\n  }\n\n  if (noCurrentSelection || !currentSelection) {\n    if (backPressed) {\n      return oneSelectionBackward(focusedItem.value)\n    }\n    return oneSelectionForward(focusedItem.value)\n  }\n\n  if (backPressed) {\n    return oneSelectionBackward(currentSelection.value)\n  }\n\n  if (forwardPressed) {\n    return oneSelectionForward(currentSelection.value)\n  }\n\n  return null\n}\n\nconst oneSelectionForward = (value: ScaleValue): ScaleValue | null => {\n  if (value === 5) {\n    return 1\n  }\n  const calculatedPosition = SCALE_VALUE_RESPONSE.get(value + 1)\n  return calculatedPosition || null\n}\n\nconst oneSelectionBackward = (value: ScaleValue): ScaleValue | null => {\n  if (value === 1) {\n    return 5\n  }\n  const calculatedPosition = SCALE_VALUE_RESPONSE.get(value - 1)\n  return calculatedPosition || null\n}\n\nexport default determineSelectionFromKeyPress\n"],"names":["SCALE_VALUE_RESPONSE","Map","determineSelectionFromKeyPress","keyCode","currentSelection","focusedItem","supportedKeyCodes","indexOf","spacePressed","backPressed","forwardPressed","noCurrentSelection","value","oneSelectionBackward","oneSelectionForward","calculatedPosition","get"],"mappings":"AAEA;;;;AAIG;AAEH,IAAMA,oBAAoB,GAAG,IAAIC,GAAG,CAAqB,CACvD,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EACR,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAE,CAAC,CAAC,CACP,CAAC;AAEF,IAAMC,8BAA8B,GAAG,SAAAA,CACrCC,OAAe,EACfC,gBAAkC,EAClCC,WAAsB,EAAA;EAEtB,IAAMC,iBAAiB,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;EAC9C,IAAIA,iBAAiB,CAACC,OAAO,CAACJ,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE;IAC7C,OAAO,IAAI;EACZ;EAED,IAAMK,YAAY,GAAGL,OAAO,KAAK,EAAE;EACnC,IAAMM,WAAW,GAAGN,OAAO,KAAK,EAAE,IAAIA,OAAO,KAAK,EAAE;EACpD,IAAMO,cAAc,GAAGP,OAAO,KAAK,EAAE,IAAIA,OAAO,KAAK,EAAE;EACvD,IAAMQ,kBAAkB,GAAG,CAACP,gBAAgB,IAAIA,gBAAgB,CAACQ,KAAK,IAAI,CAAC;EAE3E,IAAIJ,YAAY,EAAE;IAChB,OAAOG,kBAAkB,GAAGN,WAAW,CAACO,KAAK,GAAG,CAAC,CAAC;EACnD;EAED,IAAID,kBAAkB,IAAI,CAACP,gBAAgB,EAAE;IAC3C,IAAIK,WAAW,EAAE;MACf,OAAOI,oBAAoB,CAACR,WAAW,CAACO,KAAK,CAAC;IAC/C;IACD,OAAOE,mBAAmB,CAACT,WAAW,CAACO,KAAK,CAAC;EAC9C;EAED,IAAIH,WAAW,EAAE;IACf,OAAOI,oBAAoB,CAACT,gBAAgB,CAACQ,KAAK,CAAC;EACpD;EAED,IAAIF,cAAc,EAAE;IAClB,OAAOI,mBAAmB,CAACV,gBAAgB,CAACQ,KAAK,CAAC;EACnD;EAED,OAAO,IAAI;AACb,CAAC;AAED,IAAME,mBAAmB,GAAG,SAAAA,CAACF,KAAiB,EAAA;EAC5C,IAAIA,KAAK,KAAK,CAAC,EAAE;IACf,OAAO,CAAC;EACT;EACD,IAAMG,kBAAkB,GAAGf,oBAAoB,CAACgB,GAAG,CAACJ,KAAK,GAAG,CAAC,CAAC;EAC9D,OAAOG,kBAAkB,IAAI,IAAI;AACnC,CAAC;AAED,IAAMF,oBAAoB,GAAG,SAAAA,CAACD,KAAiB,EAAA;EAC7C,IAAIA,KAAK,KAAK,CAAC,EAAE;IACf,OAAO,CAAC;EACT;EACD,IAAMG,kBAAkB,GAAGf,oBAAoB,CAACgB,GAAG,CAACJ,KAAK,GAAG,CAAC,CAAC;EAC9D,OAAOG,kBAAkB,IAAI,IAAI;AACnC,CAAC;"}