@kaizen/components 1.29.0 → 1.31.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Icon/CloseIcon.cjs +5 -8
- package/dist/cjs/Icon/CloseIcon.cjs.map +1 -1
- package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.cjs +146 -0
- package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.cjs.map +1 -0
- package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.module.scss.cjs +27 -0
- package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.module.scss.cjs.map +1 -0
- package/dist/cjs/LikertScaleLegacy/utils/determineSelectionFromKeyPress.cjs +50 -0
- package/dist/cjs/LikertScaleLegacy/utils/determineSelectionFromKeyPress.cjs.map +1 -0
- package/dist/cjs/ProgressBar/ProgressBar.cjs +59 -0
- package/dist/cjs/ProgressBar/ProgressBar.cjs.map +1 -0
- package/dist/cjs/ProgressBar/ProgressBar.module.scss.cjs +15 -0
- package/dist/cjs/ProgressBar/ProgressBar.module.scss.cjs.map +1 -0
- package/dist/cjs/ProgressBar/subcomponents/Label/Label.cjs +23 -0
- package/dist/cjs/ProgressBar/subcomponents/Label/Label.cjs.map +1 -0
- package/dist/cjs/ProgressBar/subcomponents/Label/Label.module.scss.cjs +7 -0
- package/dist/cjs/ProgressBar/subcomponents/Label/Label.module.scss.cjs.map +1 -0
- package/dist/cjs/ProgressBar/utils/calculatePercentage.cjs +9 -0
- package/dist/cjs/ProgressBar/utils/calculatePercentage.cjs.map +1 -0
- package/dist/cjs/Well/Well.cjs +31 -0
- package/dist/cjs/Well/Well.cjs.map +1 -0
- package/dist/cjs/Well/Well.module.scss.cjs +18 -0
- package/dist/cjs/Well/Well.module.scss.cjs.map +1 -0
- package/dist/cjs/dts/LikertScaleLegacy/LikertScaleLegacy.d.ts +20 -0
- package/dist/cjs/dts/LikertScaleLegacy/index.d.ts +1 -0
- package/dist/cjs/dts/LikertScaleLegacy/types.d.ts +6 -0
- package/dist/cjs/dts/LikertScaleLegacy/utils/determineSelectionFromKeyPress.d.ts +3 -0
- package/dist/cjs/dts/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.d.ts +2 -0
- package/dist/cjs/dts/Notification/ToastNotification/ToastNotification.d.ts +14 -0
- package/dist/cjs/dts/Notification/ToastNotification/index.d.ts +3 -0
- package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationManager/ToastNotificationManager.d.ts +7 -0
- package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationManager/index.d.ts +1 -0
- package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationsList/ToastNotificationsList.d.ts +11 -0
- package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationsList/index.d.ts +1 -0
- package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationsListContainer/ToastNotificationsListContainer.d.ts +7 -0
- package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationsListContainer/index.d.ts +1 -0
- package/dist/cjs/dts/Notification/ToastNotification/types.d.ts +23 -0
- package/dist/cjs/dts/ProgressBar/ProgressBar.d.ts +24 -0
- package/dist/cjs/dts/ProgressBar/index.d.ts +1 -0
- package/dist/cjs/dts/ProgressBar/subcomponents/Label/Label.d.ts +10 -0
- package/dist/cjs/dts/ProgressBar/subcomponents/Label/index.d.ts +1 -0
- package/dist/cjs/dts/ProgressBar/utils/calculatePercentage.d.ts +4 -0
- package/dist/cjs/dts/Well/Well.d.ts +17 -0
- package/dist/cjs/dts/Well/index.d.ts +1 -0
- package/dist/cjs/dts/Well/types.d.ts +4 -0
- package/dist/cjs/dts/index.d.ts +4 -0
- package/dist/cjs/index.cjs +8 -0
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.css +5 -1
- package/dist/esm/Icon/CloseIcon.mjs +5 -8
- package/dist/esm/Icon/CloseIcon.mjs.map +1 -1
- package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs +144 -0
- package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs.map +1 -0
- package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.module.scss.mjs +25 -0
- package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.module.scss.mjs.map +1 -0
- package/dist/esm/LikertScaleLegacy/utils/determineSelectionFromKeyPress.mjs +48 -0
- package/dist/esm/LikertScaleLegacy/utils/determineSelectionFromKeyPress.mjs.map +1 -0
- package/dist/esm/ProgressBar/ProgressBar.mjs +57 -0
- package/dist/esm/ProgressBar/ProgressBar.mjs.map +1 -0
- package/dist/esm/ProgressBar/ProgressBar.module.scss.mjs +13 -0
- package/dist/esm/ProgressBar/ProgressBar.module.scss.mjs.map +1 -0
- package/dist/esm/ProgressBar/subcomponents/Label/Label.mjs +21 -0
- package/dist/esm/ProgressBar/subcomponents/Label/Label.mjs.map +1 -0
- package/dist/esm/ProgressBar/subcomponents/Label/Label.module.scss.mjs +5 -0
- package/dist/esm/ProgressBar/subcomponents/Label/Label.module.scss.mjs.map +1 -0
- package/dist/esm/ProgressBar/utils/calculatePercentage.mjs +7 -0
- package/dist/esm/ProgressBar/utils/calculatePercentage.mjs.map +1 -0
- package/dist/esm/Well/Well.mjs +29 -0
- package/dist/esm/Well/Well.mjs.map +1 -0
- package/dist/esm/Well/Well.module.scss.mjs +16 -0
- package/dist/esm/Well/Well.module.scss.mjs.map +1 -0
- package/dist/esm/dts/LikertScaleLegacy/LikertScaleLegacy.d.ts +20 -0
- package/dist/esm/dts/LikertScaleLegacy/index.d.ts +1 -0
- package/dist/esm/dts/LikertScaleLegacy/types.d.ts +6 -0
- package/dist/esm/dts/LikertScaleLegacy/utils/determineSelectionFromKeyPress.d.ts +3 -0
- package/dist/esm/dts/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.d.ts +2 -0
- package/dist/esm/dts/Notification/ToastNotification/ToastNotification.d.ts +14 -0
- package/dist/esm/dts/Notification/ToastNotification/index.d.ts +3 -0
- package/dist/esm/dts/Notification/ToastNotification/subcomponents/ToastNotificationManager/ToastNotificationManager.d.ts +7 -0
- package/dist/esm/dts/Notification/ToastNotification/subcomponents/ToastNotificationManager/index.d.ts +1 -0
- package/dist/esm/dts/Notification/ToastNotification/subcomponents/ToastNotificationsList/ToastNotificationsList.d.ts +11 -0
- package/dist/esm/dts/Notification/ToastNotification/subcomponents/ToastNotificationsList/index.d.ts +1 -0
- package/dist/esm/dts/Notification/ToastNotification/subcomponents/ToastNotificationsListContainer/ToastNotificationsListContainer.d.ts +7 -0
- package/dist/esm/dts/Notification/ToastNotification/subcomponents/ToastNotificationsListContainer/index.d.ts +1 -0
- package/dist/esm/dts/Notification/ToastNotification/types.d.ts +23 -0
- package/dist/esm/dts/ProgressBar/ProgressBar.d.ts +24 -0
- package/dist/esm/dts/ProgressBar/index.d.ts +1 -0
- package/dist/esm/dts/ProgressBar/subcomponents/Label/Label.d.ts +10 -0
- package/dist/esm/dts/ProgressBar/subcomponents/Label/index.d.ts +1 -0
- package/dist/esm/dts/ProgressBar/utils/calculatePercentage.d.ts +4 -0
- package/dist/esm/dts/Well/Well.d.ts +17 -0
- package/dist/esm/dts/Well/index.d.ts +1 -0
- package/dist/esm/dts/Well/types.d.ts +4 -0
- package/dist/esm/dts/index.d.ts +4 -0
- package/dist/esm/index.css +7 -3
- package/dist/esm/index.mjs +4 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/index.d.ts +104 -7
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { RemoveToastNotification, ToastNotification } from "../../types";
|
|
3
|
+
export type ToastNotificationsListContainerProps = {
|
|
4
|
+
removeToastNotification: RemoveToastNotification;
|
|
5
|
+
registerSetNotificationsCallback: (callback: React.Dispatch<React.SetStateAction<ToastNotification[]>>) => void;
|
|
6
|
+
};
|
|
7
|
+
export declare const ToastNotificationsListContainer: ({ removeToastNotification, registerSetNotificationsCallback, }: ToastNotificationsListContainerProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./ToastNotificationsListContainer";
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DataAttributes } from "../../types/DataAttributes";
|
|
3
|
+
import { NotificationType } from "../types";
|
|
4
|
+
type Modify<T, R> = Omit<T, keyof R> & R;
|
|
5
|
+
export type ToastNotification = {
|
|
6
|
+
id: string;
|
|
7
|
+
type: NotificationType;
|
|
8
|
+
title: string;
|
|
9
|
+
message: React.ReactNode;
|
|
10
|
+
onHide?: () => void;
|
|
11
|
+
/**
|
|
12
|
+
* Removes the dismiss trigger. If this is true you will need to manage the removal of notifications manually.
|
|
13
|
+
* @default false
|
|
14
|
+
*/
|
|
15
|
+
persistent?: boolean;
|
|
16
|
+
} & DataAttributes;
|
|
17
|
+
export type ToastNotificationWithOptionals = Modify<ToastNotification, {
|
|
18
|
+
id?: string;
|
|
19
|
+
}>;
|
|
20
|
+
export type AddToastNotification = (notification: ToastNotificationWithOptionals) => void;
|
|
21
|
+
export type RemoveToastNotification = (notificationId: string) => void;
|
|
22
|
+
export type ClearToastNotifications = () => void;
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { HTMLAttributes } from "react";
|
|
2
|
+
import { OverrideClassName } from "../types/OverrideClassName";
|
|
3
|
+
export type ProgressBarProps = {
|
|
4
|
+
/** A value that represents completed progress */
|
|
5
|
+
value: number;
|
|
6
|
+
/** A value that sets the maximum progress that can be achieved */
|
|
7
|
+
max: number;
|
|
8
|
+
/** Adds an animated state to indicate loading progress */
|
|
9
|
+
isAnimating: boolean;
|
|
10
|
+
mood: Mood;
|
|
11
|
+
subtext?: string;
|
|
12
|
+
label?: string;
|
|
13
|
+
isReversed: boolean;
|
|
14
|
+
} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
|
|
15
|
+
type Mood = "positive" | "informative" | "negative" | "cautionary";
|
|
16
|
+
/**
|
|
17
|
+
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} |
|
|
18
|
+
* {@link https://cultureamp.design/?path=/docs/components-progress-bar--docs Storybook}
|
|
19
|
+
*/
|
|
20
|
+
export declare const ProgressBar: {
|
|
21
|
+
({ value, max, isAnimating, mood, subtext, label, classNameOverride, isReversed, ...restProps }: ProgressBarProps): JSX.Element;
|
|
22
|
+
displayName: string;
|
|
23
|
+
};
|
|
24
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./ProgressBar";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./Label";
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from "react";
|
|
2
|
+
import { OverrideClassName } from "../types/OverrideClassName";
|
|
3
|
+
import { WellBorderStyleType, WellVariantType } from "./types";
|
|
4
|
+
export type WellProps = {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
variant?: WellVariantType;
|
|
7
|
+
borderStyle?: WellBorderStyleType;
|
|
8
|
+
noMargin?: boolean;
|
|
9
|
+
} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
|
|
10
|
+
/**
|
|
11
|
+
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075604733/Well Guidance} |
|
|
12
|
+
* {@link https://cultureamp.design/?path=/docs/components-well--docs Storybook}
|
|
13
|
+
*/
|
|
14
|
+
export declare const Well: {
|
|
15
|
+
({ children, variant, borderStyle, noMargin, classNameOverride, ...restProps }: WellProps): JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./Well";
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const variantTypes: readonly ["positive", "negative", "informative", "cautionary", "default", "assertive", "prominent"];
|
|
2
|
+
export type WellVariantType = (typeof variantTypes)[number];
|
|
3
|
+
export declare const borderStyleTypes: readonly ["solid", "dashed", "none"];
|
|
4
|
+
export type WellBorderStyleType = (typeof borderStyleTypes)[number];
|
package/dist/cjs/dts/index.d.ts
CHANGED
|
@@ -34,12 +34,14 @@ export * from "./Input";
|
|
|
34
34
|
export * from "./KaizenProvider";
|
|
35
35
|
export * from "./Label";
|
|
36
36
|
export * from "./LabelledMessage";
|
|
37
|
+
export * from "./LikertScaleLegacy";
|
|
37
38
|
export * from "./Loading";
|
|
38
39
|
export * from "./Menu";
|
|
39
40
|
export * from "./Modal";
|
|
40
41
|
export * from "./Notification";
|
|
41
42
|
export * from "./Pagination";
|
|
42
43
|
export * from "./Popover";
|
|
44
|
+
export * from "./ProgressBar";
|
|
43
45
|
export * from "./Radio";
|
|
44
46
|
export * from "./SearchField";
|
|
45
47
|
export * from "./Select";
|
|
@@ -47,6 +49,7 @@ export * from "./Skirt";
|
|
|
47
49
|
export * from "./Slider";
|
|
48
50
|
export * from "./SplitButton";
|
|
49
51
|
export * from "./Table";
|
|
52
|
+
export * from "./Tag";
|
|
50
53
|
export * from "./Text";
|
|
51
54
|
export * from "./TextField";
|
|
52
55
|
export * from "./TextArea";
|
|
@@ -55,3 +58,4 @@ export * from "./Tile";
|
|
|
55
58
|
export * from "./TimeField";
|
|
56
59
|
export * from "./Tooltip";
|
|
57
60
|
export * from "./Workflow";
|
|
61
|
+
export * from "./Well";
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -307,6 +307,7 @@ var InputSearch = require('./Input/InputSearch/InputSearch.cjs');
|
|
|
307
307
|
var KaizenProvider = require('./KaizenProvider/KaizenProvider.cjs');
|
|
308
308
|
var Label = require('./Label/Label.cjs');
|
|
309
309
|
var LabelledMessage = require('./LabelledMessage/LabelledMessage.cjs');
|
|
310
|
+
var LikertScaleLegacy = require('./LikertScaleLegacy/LikertScaleLegacy.cjs');
|
|
310
311
|
var LoadingGraphic = require('./Loading/LoadingGraphic/LoadingGraphic.cjs');
|
|
311
312
|
var LoadingHeading = require('./Loading/LoadingHeading/LoadingHeading.cjs');
|
|
312
313
|
var LoadingInput = require('./Loading/LoadingInput/LoadingInput.cjs');
|
|
@@ -333,6 +334,7 @@ var Pagination = require('./Pagination/Pagination.cjs');
|
|
|
333
334
|
var DirectionalLink = require('./Pagination/subcomponents/DirectionalLink/DirectionalLink.cjs');
|
|
334
335
|
var PaginationLink = require('./Pagination/subcomponents/PaginationLink/PaginationLink.cjs');
|
|
335
336
|
var Popover = require('./Popover/Popover.cjs');
|
|
337
|
+
var ProgressBar = require('./ProgressBar/ProgressBar.cjs');
|
|
336
338
|
var Radio = require('./Radio/Radio/Radio.cjs');
|
|
337
339
|
var RadioField = require('./Radio/RadioField/RadioField.cjs');
|
|
338
340
|
var RadioGroup = require('./Radio/RadioGroup/RadioGroup.cjs');
|
|
@@ -342,6 +344,7 @@ var Skirt = require('./Skirt/Skirt.cjs');
|
|
|
342
344
|
var Slider = require('./Slider/Slider.cjs');
|
|
343
345
|
var SplitButton = require('./SplitButton/SplitButton.cjs');
|
|
344
346
|
var Table = require('./Table/Table.cjs');
|
|
347
|
+
var Tag = require('./Tag/Tag.cjs');
|
|
345
348
|
var Text = require('./Text/Text.cjs');
|
|
346
349
|
var TextField = require('./TextField/TextField.cjs');
|
|
347
350
|
var TextArea = require('./TextArea/TextArea.cjs');
|
|
@@ -352,6 +355,7 @@ var TileGrid = require('./Tile/TileGrid/TileGrid.cjs');
|
|
|
352
355
|
var TimeField = require('./TimeField/TimeField.cjs');
|
|
353
356
|
var Tooltip = require('./Tooltip/Tooltip.cjs');
|
|
354
357
|
var Workflow = require('./Workflow/Workflow.cjs');
|
|
358
|
+
var Well = require('./Well/Well.cjs');
|
|
355
359
|
exports.Avatar = Avatar.Avatar;
|
|
356
360
|
exports.AvatarGroup = AvatarGroup.AvatarGroup;
|
|
357
361
|
exports.Badge = Badge.Badge;
|
|
@@ -796,6 +800,7 @@ exports.InputSearch = InputSearch.InputSearch;
|
|
|
796
800
|
exports.KaizenProvider = KaizenProvider.KaizenProvider;
|
|
797
801
|
exports.Label = Label.Label;
|
|
798
802
|
exports.LabelledMessage = LabelledMessage.LabelledMessage;
|
|
803
|
+
exports.LikertScaleLegacy = LikertScaleLegacy.LikertScaleLegacy;
|
|
799
804
|
exports.LoadingGraphic = LoadingGraphic.LoadingGraphic;
|
|
800
805
|
exports.LoadingHeading = LoadingHeading.LoadingHeading;
|
|
801
806
|
exports.LoadingInput = LoadingInput.LoadingInput;
|
|
@@ -823,6 +828,7 @@ exports.DirectionalLink = DirectionalLink.DirectionalLink;
|
|
|
823
828
|
exports.PaginationLink = PaginationLink.PaginationLink;
|
|
824
829
|
exports.Popover = Popover.Popover;
|
|
825
830
|
exports.usePopover = Popover.usePopover;
|
|
831
|
+
exports.ProgressBar = ProgressBar.ProgressBar;
|
|
826
832
|
exports.Radio = Radio.Radio;
|
|
827
833
|
exports.RadioField = RadioField.RadioField;
|
|
828
834
|
exports.RadioGroup = RadioGroup.RadioGroup;
|
|
@@ -838,6 +844,7 @@ exports.TableHeader = Table.TableHeader;
|
|
|
838
844
|
exports.TableHeaderRowCell = Table.TableHeaderRowCell;
|
|
839
845
|
exports.TableRow = Table.TableRow;
|
|
840
846
|
exports.TableRowCell = Table.TableRowCell;
|
|
847
|
+
exports.Tag = Tag.Tag;
|
|
841
848
|
exports.Text = Text.Text;
|
|
842
849
|
exports.TextField = TextField.TextField;
|
|
843
850
|
exports.TextArea = TextArea.TextArea;
|
|
@@ -848,4 +855,5 @@ exports.TileGrid = TileGrid.TileGrid;
|
|
|
848
855
|
exports.TimeField = TimeField.TimeField;
|
|
849
856
|
exports.Tooltip = Tooltip.Tooltip;
|
|
850
857
|
exports.Workflow = Workflow.Workflow;
|
|
858
|
+
exports.Well = Well.Well;
|
|
851
859
|
//# sourceMappingURL=index.cjs.map
|
package/dist/cjs/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/cjs/index.css
CHANGED
|
@@ -89,6 +89,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs{all:unset;-webkit-ap
|
|
|
89
89
|
.ClearAllButton-module_clearAllButton__luhgk{white-space:nowrap}
|
|
90
90
|
.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)}
|
|
91
91
|
.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}
|
|
92
|
+
@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}}
|
|
92
93
|
.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)}
|
|
93
94
|
.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)}
|
|
94
95
|
.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
|
|
|
107
108
|
.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}
|
|
108
109
|
.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}
|
|
109
110
|
.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}
|
|
111
|
+
.Label-module_label__zqjpR{color:var(--color-purple-800,#2f2438);padding-bottom:var(--spacing-6,.375rem);text-align:center}
|
|
112
|
+
.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%}
|
|
110
113
|
.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)}
|
|
111
114
|
.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)}
|
|
112
115
|
.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}
|
|
@@ -137,4 +140,5 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs{all:unset;-webkit-ap
|
|
|
137
140
|
.Branding-module_branding__Oayqr{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__Oayqr{justify-content:unset}}.Branding-module_logo__rTXU9{flex-basis:7.5rem}
|
|
138
141
|
.Root-module_root__cfRZi{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__cfRZi{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
|
|
139
142
|
.Main-module_main__H-zGJ{z-index:0}
|
|
140
|
-
.Wrapper-module_wrapper__EUUEZ{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
|
|
143
|
+
.Wrapper-module_wrapper__EUUEZ{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
|
|
144
|
+
.Well-module_container__pi8-W{border-radius:var(--border-solid-border-radius,7px);margin-bottom:var(--spacing-md,1.5rem)}.Well-module_noMargin__xBvM9{margin:0}.Well-module_positive__6ldUu{background:var(--color-green-100,#e8f8f4);border-color:var(--color-green-300,#8fdbc7);color:var(--color-purple-800,#2f2438)}.Well-module_negative__mVczy{background:var(--color-red-100,#fdeaee);border-color:var(--color-red-300,#f597a8);color:var(--color-purple-800,#2f2438)}.Well-module_informative__81djJ{background:var(--color-blue-100,#e6f6ff);border-color:var(--color-blue-300,#73c0e8);color:var(--color-purple-800,#2f2438)}.Well-module_cautionary__MSYHT{background:var(--color-yellow-100,#fff9e4);border-color:var(--color-yellow-400,#ffca4d);color:var(--color-purple-800,#2f2438)}.Well-module_assertive__Kl5ql{background:var(--color-orange-100,#fff0e8);border-color:var(--color-orange-300,#ffb08a);color:var(--color-purple-800,#2f2438)}.Well-module_prominent__wdpIQ{background:var(--color-purple-100,#f4edf8);border-color:var(--color-purple-300,#c9a5dd);color:var(--color-purple-800,#2f2438)}.Well-module_default__tSiHp{background-color:var(--color-gray-300,#eaeaec);border-color:rgba(var(--color-gray-600-rgb,82,78,86),.1)}.Well-module_solid__ianzm{border-style:var(--border-solid-border-style,solid);border-width:var(--border-solid-border-width,2px)}.Well-module_dashed__csujS{border-style:var(--border-dashed-border-style,dashed);border-width:var(--border-dashed-border-width,2px)}.Well-module_none__rWwTB{border-color:var(--border-borderless-border-color,transparent);border-style:var(--border-borderless-border-style,solid);border-width:var(--border-borderless-border-width,2px)}
|
|
@@ -1,18 +1,15 @@
|
|
|
1
1
|
import { __assign } from 'tslib';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { v4 } from 'uuid';
|
|
4
3
|
import { SVG } from './subcomponents/SVG/SVG.mjs';
|
|
5
4
|
|
|
6
5
|
// This file is autogenerated by wrapSVGs.ts
|
|
7
6
|
// Changes to this file will be overwritten
|
|
8
7
|
var CloseIcon = function (props) {
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
href: "#".concat(uniqueId),
|
|
15
|
-
fillRule: "evenodd"
|
|
8
|
+
var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
|
|
9
|
+
fill: "currentColor",
|
|
10
|
+
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",
|
|
11
|
+
fillRule: "evenodd",
|
|
12
|
+
clipRule: "evenodd"
|
|
16
13
|
}));
|
|
17
14
|
return /*#__PURE__*/React.createElement(SVG, __assign({}, props), svgContent);
|
|
18
15
|
};
|
|
@@ -1 +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\"\
|
|
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\"\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;"}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
import React, { useState, createRef } from 'react';
|
|
2
|
+
import classnames from 'classnames';
|
|
3
|
+
import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
|
|
4
|
+
import 'tslib';
|
|
5
|
+
import 'uuid';
|
|
6
|
+
import '../Icon/subcomponents/SVG/SVG.mjs';
|
|
7
|
+
import { CheckIcon } from '../Icon/CheckIcon.mjs';
|
|
8
|
+
import { Text } from '../Text/Text.mjs';
|
|
9
|
+
import determineSelectionFromKeyPress from './utils/determineSelectionFromKeyPress.mjs';
|
|
10
|
+
import styles from './LikertScaleLegacy.module.scss.mjs';
|
|
11
|
+
var SelectedItemIcon = function () {
|
|
12
|
+
return /*#__PURE__*/React.createElement(CheckIcon, {
|
|
13
|
+
role: "presentation",
|
|
14
|
+
classNameOverride: styles.check
|
|
15
|
+
});
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale Guidance} |
|
|
19
|
+
* {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}
|
|
20
|
+
*/
|
|
21
|
+
var LikertScaleLegacy = function (_a) {
|
|
22
|
+
var scale = _a.scale,
|
|
23
|
+
selectedItem = _a.selectedItem,
|
|
24
|
+
reversed = _a.reversed,
|
|
25
|
+
dataTestId = _a["data-testid"],
|
|
26
|
+
onSelect = _a.onSelect,
|
|
27
|
+
validationMessage = _a.validationMessage,
|
|
28
|
+
status = _a.status,
|
|
29
|
+
labelId = _a.labelId;
|
|
30
|
+
var _b = useState(null),
|
|
31
|
+
hoveredItem = _b[0],
|
|
32
|
+
setHoveredItem = _b[1];
|
|
33
|
+
var itemRefs = scale.map(function (s) {
|
|
34
|
+
return {
|
|
35
|
+
value: s.value,
|
|
36
|
+
ref: /*#__PURE__*/createRef()
|
|
37
|
+
};
|
|
38
|
+
});
|
|
39
|
+
var handleRadioClick = function (item) {
|
|
40
|
+
// Is this a click on the item that is currently selected?
|
|
41
|
+
var isClickOnSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value;
|
|
42
|
+
// Grab "Not rated" state item from the scale, its value is -1
|
|
43
|
+
var notYetRated = scale.find(function (s) {
|
|
44
|
+
return s.value === -1;
|
|
45
|
+
}) || null;
|
|
46
|
+
// Clear or set new selection
|
|
47
|
+
var newItem = isClickOnSelectedItem ? notYetRated : item;
|
|
48
|
+
onSelect(newItem);
|
|
49
|
+
setHoveredItem(null);
|
|
50
|
+
};
|
|
51
|
+
/**
|
|
52
|
+
* Because the radios have been built with divs, we need to add the keyboard functionality manually
|
|
53
|
+
*/
|
|
54
|
+
var handleKeyDown = function (event, focusedItem) {
|
|
55
|
+
var newPosition = determineSelectionFromKeyPress(event.keyCode, selectedItem, focusedItem);
|
|
56
|
+
if (newPosition) {
|
|
57
|
+
event.preventDefault();
|
|
58
|
+
onSelect(scale.find(function (s) {
|
|
59
|
+
return s.value === newPosition;
|
|
60
|
+
}) || null);
|
|
61
|
+
// Update focus
|
|
62
|
+
var itemRef = itemRefs.find(function (item) {
|
|
63
|
+
return item.value === newPosition;
|
|
64
|
+
});
|
|
65
|
+
itemRef && itemRef.ref.current && itemRef.ref.current.focus();
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
var legend = (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.label) || (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) || "Not rated";
|
|
69
|
+
var shouldDisplayValidationMessage = status !== "default" && validationMessage !== undefined;
|
|
70
|
+
var validationMessageId = shouldDisplayValidationMessage ? "".concat(labelId, "-field-validation-message") : undefined;
|
|
71
|
+
var isRated = selectedItem && selectedItem.value > 0;
|
|
72
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
73
|
+
className: classnames(styles.container, isRated && styles.rated, reversed && [styles.reversed], hoveredItem !== null && styles.hovered),
|
|
74
|
+
"aria-labelledby": labelId,
|
|
75
|
+
role: "radiogroup",
|
|
76
|
+
tabIndex: -1,
|
|
77
|
+
"aria-describedby": validationMessageId,
|
|
78
|
+
"data-testid": dataTestId
|
|
79
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
80
|
+
className: styles.legend,
|
|
81
|
+
"data-testid": dataTestId && "".concat(dataTestId, "-legend")
|
|
82
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
83
|
+
variant: "small",
|
|
84
|
+
color: reversed ? "white" : "dark"
|
|
85
|
+
}, legend)), /*#__PURE__*/React.createElement("div", {
|
|
86
|
+
className: classnames(styles.itemContainer, isRated && styles.rated, reversed && styles.reversed)
|
|
87
|
+
}, scale.map(function (item) {
|
|
88
|
+
if (item.value <= 0) {
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
var isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value;
|
|
92
|
+
var itemRef = itemRefs.find(function (i) {
|
|
93
|
+
return item.value === i.value;
|
|
94
|
+
});
|
|
95
|
+
// Make control tabbable
|
|
96
|
+
var tabIndex = 0;
|
|
97
|
+
// Unless.. there's an item selected and it's not this one
|
|
98
|
+
if (selectedItem && selectedItem.value > 0 && selectedItem.value !== item.value) {
|
|
99
|
+
tabIndex = -1;
|
|
100
|
+
}
|
|
101
|
+
var isSelected = selectedItem && item.value <= (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) && !hoveredItem;
|
|
102
|
+
var isSuggested = hoveredItem && hoveredItem.value >= item.value;
|
|
103
|
+
var isUnselected = selectedItem && selectedItem.value < item.value;
|
|
104
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
105
|
+
className: classnames(styles.likertItem, styles["likertItem".concat(item.value)], isSelected && styles.selected, isSuggested && styles.suggested, isUnselected && styles.unselected),
|
|
106
|
+
key: item.value,
|
|
107
|
+
"data-testid": dataTestId && "".concat(dataTestId, "-item-").concat(item.value),
|
|
108
|
+
onClick: function () {
|
|
109
|
+
return handleRadioClick(item);
|
|
110
|
+
},
|
|
111
|
+
onMouseEnter: function () {
|
|
112
|
+
return setHoveredItem(item);
|
|
113
|
+
},
|
|
114
|
+
onMouseLeave: function () {
|
|
115
|
+
return setHoveredItem(null);
|
|
116
|
+
},
|
|
117
|
+
onKeyDown: function (event) {
|
|
118
|
+
return handleKeyDown(event, item);
|
|
119
|
+
},
|
|
120
|
+
onFocus: function () {
|
|
121
|
+
return setHoveredItem(item);
|
|
122
|
+
},
|
|
123
|
+
onBlur: function () {
|
|
124
|
+
return setHoveredItem(null);
|
|
125
|
+
},
|
|
126
|
+
role: "radio",
|
|
127
|
+
"aria-label": item.label,
|
|
128
|
+
"aria-checked": isSelectedItem,
|
|
129
|
+
"aria-posinset": item.value,
|
|
130
|
+
"aria-setsize": 5,
|
|
131
|
+
tabIndex: tabIndex,
|
|
132
|
+
ref: itemRef && itemRef.ref
|
|
133
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
134
|
+
className: classnames(styles.likertItemFill, styles["field".concat(item.value)], isSelectedItem && styles.pop)
|
|
135
|
+
}), isSelectedItem ? /*#__PURE__*/React.createElement(SelectedItemIcon, null) : null);
|
|
136
|
+
})), shouldDisplayValidationMessage && /*#__PURE__*/React.createElement(FieldMessage, {
|
|
137
|
+
id: validationMessageId,
|
|
138
|
+
message: validationMessage,
|
|
139
|
+
status: status,
|
|
140
|
+
reversed: reversed
|
|
141
|
+
}));
|
|
142
|
+
};
|
|
143
|
+
export { LikertScaleLegacy };
|
|
144
|
+
//# sourceMappingURL=LikertScaleLegacy.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
var styles = {
|
|
2
|
+
"container": "LikertScaleLegacy-module_container__5wjIJ",
|
|
3
|
+
"rated": "LikertScaleLegacy-module_rated__KXpzU",
|
|
4
|
+
"likertItem": "LikertScaleLegacy-module_likertItem__LwX2w",
|
|
5
|
+
"unselected": "LikertScaleLegacy-module_unselected__nP5p9",
|
|
6
|
+
"likertItemFill": "LikertScaleLegacy-module_likertItemFill__yj0tC",
|
|
7
|
+
"reversed": "LikertScaleLegacy-module_reversed__qrwrP",
|
|
8
|
+
"likertItem4": "LikertScaleLegacy-module_likertItem4__0SWtD",
|
|
9
|
+
"likertItem5": "LikertScaleLegacy-module_likertItem5__ZF0By",
|
|
10
|
+
"check": "LikertScaleLegacy-module_check__3wQsx",
|
|
11
|
+
"suggested": "LikertScaleLegacy-module_suggested__0xk0D",
|
|
12
|
+
"itemContainer": "LikertScaleLegacy-module_itemContainer__9Vfq0",
|
|
13
|
+
"legend": "LikertScaleLegacy-module_legend__HYNg-",
|
|
14
|
+
"field1": "LikertScaleLegacy-module_field1__TDRE-",
|
|
15
|
+
"selected": "LikertScaleLegacy-module_selected__MVmcb",
|
|
16
|
+
"field2": "LikertScaleLegacy-module_field2__s-CD7",
|
|
17
|
+
"field3": "LikertScaleLegacy-module_field3__xp5eQ",
|
|
18
|
+
"field4": "LikertScaleLegacy-module_field4__IVK7E",
|
|
19
|
+
"field5": "LikertScaleLegacy-module_field5__9sETV",
|
|
20
|
+
"pop": "LikertScaleLegacy-module_pop__hTH48",
|
|
21
|
+
"likertItem1": "LikertScaleLegacy-module_likertItem1__cYmY6",
|
|
22
|
+
"hovered": "LikertScaleLegacy-module_hovered__vVUN6"
|
|
23
|
+
};
|
|
24
|
+
export { styles as default };
|
|
25
|
+
//# sourceMappingURL=LikertScaleLegacy.module.scss.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LikertScaleLegacy.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Takes a keypress on a div that's imitating a radio and determines where the selection should go.
|
|
3
|
+
* Uses the following as a guide, with one modification - allowing space press on a selected item to unselect:
|
|
4
|
+
* https://www.w3.org/TR/wai-aria-practices/examples/radio/radio-1/radio-1.html
|
|
5
|
+
*/
|
|
6
|
+
var SCALE_VALUE_RESPONSE = new Map([[-1, -1], [1, 1], [2, 2], [3, 3], [4, 4], [5, 5]]);
|
|
7
|
+
var determineSelectionFromKeyPress = function (keyCode, currentSelection, focusedItem) {
|
|
8
|
+
var supportedKeyCodes = [32, 37, 38, 39, 40];
|
|
9
|
+
if (supportedKeyCodes.indexOf(keyCode) === -1) {
|
|
10
|
+
return null;
|
|
11
|
+
}
|
|
12
|
+
var spacePressed = keyCode === 32;
|
|
13
|
+
var backPressed = keyCode === 37 || keyCode === 38;
|
|
14
|
+
var forwardPressed = keyCode === 39 || keyCode === 40;
|
|
15
|
+
var noCurrentSelection = !currentSelection || currentSelection.value <= 0;
|
|
16
|
+
if (spacePressed) {
|
|
17
|
+
return noCurrentSelection ? focusedItem.value : -1;
|
|
18
|
+
}
|
|
19
|
+
if (noCurrentSelection || !currentSelection) {
|
|
20
|
+
if (backPressed) {
|
|
21
|
+
return oneSelectionBackward(focusedItem.value);
|
|
22
|
+
}
|
|
23
|
+
return oneSelectionForward(focusedItem.value);
|
|
24
|
+
}
|
|
25
|
+
if (backPressed) {
|
|
26
|
+
return oneSelectionBackward(currentSelection.value);
|
|
27
|
+
}
|
|
28
|
+
if (forwardPressed) {
|
|
29
|
+
return oneSelectionForward(currentSelection.value);
|
|
30
|
+
}
|
|
31
|
+
return null;
|
|
32
|
+
};
|
|
33
|
+
var oneSelectionForward = function (value) {
|
|
34
|
+
if (value === 5) {
|
|
35
|
+
return 1;
|
|
36
|
+
}
|
|
37
|
+
var calculatedPosition = SCALE_VALUE_RESPONSE.get(value + 1);
|
|
38
|
+
return calculatedPosition || null;
|
|
39
|
+
};
|
|
40
|
+
var oneSelectionBackward = function (value) {
|
|
41
|
+
if (value === 1) {
|
|
42
|
+
return 5;
|
|
43
|
+
}
|
|
44
|
+
var calculatedPosition = SCALE_VALUE_RESPONSE.get(value - 1);
|
|
45
|
+
return calculatedPosition || null;
|
|
46
|
+
};
|
|
47
|
+
export { determineSelectionFromKeyPress as default };
|
|
48
|
+
//# sourceMappingURL=determineSelectionFromKeyPress.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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;"}
|