@kaizen/components 1.30.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/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/index.d.ts +2 -0
- package/dist/cjs/index.cjs +4 -0
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.css +3 -0
- 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/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/index.d.ts +2 -0
- package/dist/esm/index.css +5 -2
- package/dist/esm/index.mjs +2 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/index.d.ts +52 -3
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./ProgressBar";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./Label";
|
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";
|
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');
|
|
@@ -798,6 +800,7 @@ exports.InputSearch = InputSearch.InputSearch;
|
|
|
798
800
|
exports.KaizenProvider = KaizenProvider.KaizenProvider;
|
|
799
801
|
exports.Label = Label.Label;
|
|
800
802
|
exports.LabelledMessage = LabelledMessage.LabelledMessage;
|
|
803
|
+
exports.LikertScaleLegacy = LikertScaleLegacy.LikertScaleLegacy;
|
|
801
804
|
exports.LoadingGraphic = LoadingGraphic.LoadingGraphic;
|
|
802
805
|
exports.LoadingHeading = LoadingHeading.LoadingHeading;
|
|
803
806
|
exports.LoadingInput = LoadingInput.LoadingInput;
|
|
@@ -825,6 +828,7 @@ exports.DirectionalLink = DirectionalLink.DirectionalLink;
|
|
|
825
828
|
exports.PaginationLink = PaginationLink.PaginationLink;
|
|
826
829
|
exports.Popover = Popover.Popover;
|
|
827
830
|
exports.usePopover = Popover.usePopover;
|
|
831
|
+
exports.ProgressBar = ProgressBar.ProgressBar;
|
|
828
832
|
exports.Radio = Radio.Radio;
|
|
829
833
|
exports.RadioField = RadioField.RadioField;
|
|
830
834
|
exports.RadioGroup = RadioGroup.RadioGroup;
|
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}
|
|
@@ -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;"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import classnames from 'classnames';
|
|
4
|
+
import { Heading } from '../Heading/Heading.mjs';
|
|
5
|
+
import { Label } from './subcomponents/Label/Label.mjs';
|
|
6
|
+
import { calculatePercentage } from './utils/calculatePercentage.mjs';
|
|
7
|
+
import styles from './ProgressBar.module.scss.mjs';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} |
|
|
11
|
+
* {@link https://cultureamp.design/?path=/docs/components-progress-bar--docs Storybook}
|
|
12
|
+
*/
|
|
13
|
+
const ProgressBar = /*#__PURE__*/function () {
|
|
14
|
+
const ProgressBar = function (_a) {
|
|
15
|
+
var value = _a.value,
|
|
16
|
+
max = _a.max,
|
|
17
|
+
isAnimating = _a.isAnimating,
|
|
18
|
+
mood = _a.mood,
|
|
19
|
+
subtext = _a.subtext,
|
|
20
|
+
label = _a.label,
|
|
21
|
+
classNameOverride = _a.classNameOverride,
|
|
22
|
+
_b = _a.isReversed,
|
|
23
|
+
isReversed = _b === void 0 ? false : _b,
|
|
24
|
+
restProps = __rest(_a, ["value", "max", "isAnimating", "mood", "subtext", "label", "classNameOverride", "isReversed"]);
|
|
25
|
+
var percentage = calculatePercentage({
|
|
26
|
+
value: value,
|
|
27
|
+
max: max
|
|
28
|
+
});
|
|
29
|
+
return /*#__PURE__*/React.createElement("div", __assign({
|
|
30
|
+
role: "progressbar",
|
|
31
|
+
"aria-valuenow": percentage,
|
|
32
|
+
"aria-valuemin": 0,
|
|
33
|
+
"aria-valuemax": 100,
|
|
34
|
+
className: classNameOverride
|
|
35
|
+
}, restProps), label && /*#__PURE__*/React.createElement(Label, {
|
|
36
|
+
content: label,
|
|
37
|
+
isReversed: isReversed
|
|
38
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
39
|
+
className: styles.progressBackground
|
|
40
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
41
|
+
className: classnames(styles[mood], isAnimating && styles.isAnimating),
|
|
42
|
+
style: {
|
|
43
|
+
transform: "translateX(-".concat(100 - percentage, "%")
|
|
44
|
+
}
|
|
45
|
+
})), subtext && /*#__PURE__*/React.createElement("div", {
|
|
46
|
+
className: styles.subtext
|
|
47
|
+
}, /*#__PURE__*/React.createElement(Heading, {
|
|
48
|
+
variant: "heading-6",
|
|
49
|
+
tag: "p",
|
|
50
|
+
color: isReversed ? "white" : "dark"
|
|
51
|
+
}, subtext)));
|
|
52
|
+
};
|
|
53
|
+
ProgressBar.displayName = "ProgressBar";
|
|
54
|
+
return ProgressBar;
|
|
55
|
+
}();
|
|
56
|
+
export { ProgressBar };
|
|
57
|
+
//# sourceMappingURL=ProgressBar.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.mjs","sources":["../../../src/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Heading } from \"~components/Heading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Label } from \"./subcomponents/Label\"\nimport { calculatePercentage } from \"./utils/calculatePercentage\"\nimport styles from \"./ProgressBar.module.scss\"\n\nexport type ProgressBarProps = {\n /** A value that represents completed progress */\n value: number\n /** A value that sets the maximum progress that can be achieved */\n max: number\n /** Adds an animated state to indicate loading progress */\n isAnimating: boolean\n mood: Mood\n subtext?: string\n label?: string\n isReversed: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\ntype Mood = \"positive\" | \"informative\" | \"negative\" | \"cautionary\"\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-progress-bar--docs Storybook}\n */\nexport const ProgressBar = ({\n value,\n max,\n isAnimating,\n mood,\n subtext,\n label,\n classNameOverride,\n isReversed = false,\n ...restProps\n}: ProgressBarProps): JSX.Element => {\n const percentage = calculatePercentage({ value, max })\n return (\n <div\n role=\"progressbar\"\n aria-valuenow={percentage}\n aria-valuemin={0}\n aria-valuemax={100}\n className={classNameOverride}\n {...restProps}\n >\n {label && <Label content={label} isReversed={isReversed} />}\n <div className={styles.progressBackground}>\n <div\n className={classnames(\n styles[mood],\n isAnimating && styles.isAnimating\n )}\n style={{ transform: `translateX(-${100 - percentage}%` }}\n />\n </div>\n {subtext && (\n <div className={styles.subtext}>\n <Heading\n variant=\"heading-6\"\n tag=\"p\"\n color={isReversed ? \"white\" : \"dark\"}\n >\n {subtext}\n </Heading>\n </div>\n )}\n </div>\n )\n}\n\nProgressBar.displayName = \"ProgressBar\"\n"],"names":["ProgressBar","_a","value","max","isAnimating","mood","subtext","label","classNameOverride","_b","isReversed","restProps","__rest","percentage","calculatePercentage","React","createElement","__assign","role","className","Label","content","styles","progressBackground","classnames","style","transform","concat","Heading","variant","tag","color","displayName"],"mappings":";;;;;;;;AAuBA;;;AAGG;AAHH,MAIaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAUT,EAAA;IATjB,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,GAAG,GAAAF,EAAA,CAAAE,GAAA;MACHC,WAAW,GAAAH,EAAA,CAAAG,WAAA;MACXC,IAAI,GAAAJ,EAAA,CAAAI,IAAA;MACJC,OAAO,GAAAL,EAAA,CAAAK,OAAA;MACPC,KAAK,GAAAN,EAAA,CAAAM,KAAA;MACLC,iBAAiB,GAAAP,EAAA,CAAAO,iBAAA;MACjBC,kBAAkB;MAAlBC,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACfE,SAAS,GAAAC,MAAA,CAAAX,EAAA,EATc,8FAU3B,CADa;IAEZ,IAAMY,UAAU,GAAGC,mBAAmB,CAAC;MAAEZ,KAAK,EAAAA,KAAA;MAAEC,GAAG,EAAAA;IAAA,CAAE,CAAC;IACtD,oBACEY,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAC,IAAI,EAAC,aAAa;uBACHL,UAAU;MAAA,eAAA,EACV,CAAC;MAAA,eAAA,EACD,GAAG;MAClBM,SAAS,EAAEX;OACPG,SAAS,CAAA,EAEZJ,KAAK,iBAAIQ,KAAC,CAAAC,aAAA,CAAAI,KAAK,EAAC;MAAAC,OAAO,EAAEd,KAAK;MAAEG,UAAU,EAAEA;KAAc,CAAA,eAC3DK,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEG,MAAM,CAACC;IAAkB,CAAA,eACvCR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEG,SAAS,EAAEK,UAAU,CACnBF,MAAM,CAACjB,IAAI,CAAC,EACZD,WAAW,IAAIkB,MAAM,CAAClB,WAAW,CAClC;MACDqB,KAAK,EAAE;QAAEC,SAAS,EAAE,cAAA,CAAAC,MAAA,CAAe,GAAG,GAAGd,UAAU,EAAA,GAAA;MAAK;IAAA,CAAA,CACxD,CACE,EACLP,OAAO,iBACNS,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEG,MAAM,CAAChB;IAAO,CAAA,eAC5BS,KAAA,CAAAC,aAAA,CAACY,OAAO,EAAA;MACNC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,GAAG;MACPC,KAAK,EAAErB,UAAU,GAAG,OAAO,GAAG;IAAM,CAAA,EAEnCJ,OAAO,CACA,CAEb,CACG;EAEV,CAAC;EAEDN,WAAW,CAACgC,WAAW,GAAG,aAAa;EAAA,OA9C1BhC,WAAW;AAAA;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
var styles = {
|
|
2
|
+
"subtext": "ProgressBar-module_subtext__eizyu",
|
|
3
|
+
"progressBackground": "ProgressBar-module_progressBackground__5qzp5",
|
|
4
|
+
"progress": "ProgressBar-module_progress__X1IHw",
|
|
5
|
+
"positive": "ProgressBar-module_positive__12oA1 ProgressBar-module_progress__X1IHw",
|
|
6
|
+
"informative": "ProgressBar-module_informative__lrVDM ProgressBar-module_progress__X1IHw",
|
|
7
|
+
"cautionary": "ProgressBar-module_cautionary__f56gH ProgressBar-module_progress__X1IHw",
|
|
8
|
+
"negative": "ProgressBar-module_negative__EVWBt ProgressBar-module_progress__X1IHw",
|
|
9
|
+
"isAnimating": "ProgressBar-module_isAnimating__F6AxQ",
|
|
10
|
+
"pulse": "ProgressBar-module_pulse__RGaQm"
|
|
11
|
+
};
|
|
12
|
+
export { styles as default };
|
|
13
|
+
//# sourceMappingURL=ProgressBar.module.scss.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Heading } from '../../../Heading/Heading.mjs';
|
|
3
|
+
import styles from './Label.module.scss.mjs';
|
|
4
|
+
const Label = /*#__PURE__*/function () {
|
|
5
|
+
const Label = function (_a) {
|
|
6
|
+
var content = _a.content,
|
|
7
|
+
_b = _a.isReversed,
|
|
8
|
+
isReversed = _b === void 0 ? false : _b;
|
|
9
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
10
|
+
className: styles.label
|
|
11
|
+
}, /*#__PURE__*/React.createElement(Heading, {
|
|
12
|
+
variant: "heading-4",
|
|
13
|
+
tag: "p",
|
|
14
|
+
color: isReversed ? "white" : "dark"
|
|
15
|
+
}, content));
|
|
16
|
+
};
|
|
17
|
+
Label.displayName = "Label";
|
|
18
|
+
return Label;
|
|
19
|
+
}();
|
|
20
|
+
export { Label };
|
|
21
|
+
//# sourceMappingURL=Label.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Label.mjs","sources":["../../../../../src/ProgressBar/subcomponents/Label/Label.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\"\nimport { Heading } from \"~components/Heading\"\nimport styles from \"./Label.module.scss\"\n\ntype Label = {\n content: ReactNode\n isReversed: boolean\n}\n\nexport const Label = ({ content, isReversed = false }: Label): JSX.Element => (\n <div className={styles.label}>\n <Heading variant=\"heading-4\" tag=\"p\" color={isReversed ? \"white\" : \"dark\"}>\n {content}\n </Heading>\n </div>\n)\n\nLabel.displayName = \"Label\"\n"],"names":["Label","_a","content","_b","isReversed","React","createElement","className","styles","label","Heading","variant","tag","color","displayName"],"mappings":";;;MASaA,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAAsC,EAAA;IAApC,IAAAC,OAAO,aAAA;MAAEC,EAAA,GAAAF,EAAA,CAAAG,UAAkB;MAAlBA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAA2B,oBAC5EE,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACC;IAAK,CAAA,eAC1BJ,KAAC,CAAAC,aAAA,CAAAI,OAAO,EAAC;MAAAC,OAAO,EAAC,WAAW;MAACC,GAAG,EAAC,GAAG;MAACC,KAAK,EAAET,UAAU,GAAG,OAAO,GAAG;IAAM,CACtE,EAAAF,OAAO,CACA,CACN;EALsE,CAM7E;EAEDF,KAAK,CAACc,WAAW,GAAG,OAAO;EAAA,OARdd,KAAK;AAAA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Label.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calculatePercentage.mjs","sources":["../../../../src/ProgressBar/utils/calculatePercentage.ts"],"sourcesContent":["export const calculatePercentage = ({\n value,\n max,\n}: {\n value: number\n max: number\n}): number => (value / max) * 100.0\n"],"names":["calculatePercentage","_a","value","max"],"mappings":"AAAO,IAAMA,mBAAmB,GAAG,SAAAA,CAACC,EAMnC,EAAA;MALCC,KAAK,GAAAD,EAAA,CAAAC,KAAA;IACLC,GAAG,GAAAF,EAAA,CAAAE,GAAA;EAIS,OAACD,KAAK,GAAGC,GAAG,GAAI,KAAK;AAArB,CAAA;"}
|