@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.
Files changed (85) hide show
  1. package/dist/cjs/Icon/CloseIcon.cjs +5 -8
  2. package/dist/cjs/Icon/CloseIcon.cjs.map +1 -1
  3. package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.cjs +146 -0
  4. package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.cjs.map +1 -0
  5. package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.module.scss.cjs +27 -0
  6. package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.module.scss.cjs.map +1 -0
  7. package/dist/cjs/LikertScaleLegacy/utils/determineSelectionFromKeyPress.cjs +50 -0
  8. package/dist/cjs/LikertScaleLegacy/utils/determineSelectionFromKeyPress.cjs.map +1 -0
  9. package/dist/cjs/ProgressBar/ProgressBar.cjs +59 -0
  10. package/dist/cjs/ProgressBar/ProgressBar.cjs.map +1 -0
  11. package/dist/cjs/ProgressBar/ProgressBar.module.scss.cjs +15 -0
  12. package/dist/cjs/ProgressBar/ProgressBar.module.scss.cjs.map +1 -0
  13. package/dist/cjs/ProgressBar/subcomponents/Label/Label.cjs +23 -0
  14. package/dist/cjs/ProgressBar/subcomponents/Label/Label.cjs.map +1 -0
  15. package/dist/cjs/ProgressBar/subcomponents/Label/Label.module.scss.cjs +7 -0
  16. package/dist/cjs/ProgressBar/subcomponents/Label/Label.module.scss.cjs.map +1 -0
  17. package/dist/cjs/ProgressBar/utils/calculatePercentage.cjs +9 -0
  18. package/dist/cjs/ProgressBar/utils/calculatePercentage.cjs.map +1 -0
  19. package/dist/cjs/dts/LikertScaleLegacy/LikertScaleLegacy.d.ts +20 -0
  20. package/dist/cjs/dts/LikertScaleLegacy/index.d.ts +1 -0
  21. package/dist/cjs/dts/LikertScaleLegacy/types.d.ts +6 -0
  22. package/dist/cjs/dts/LikertScaleLegacy/utils/determineSelectionFromKeyPress.d.ts +3 -0
  23. package/dist/cjs/dts/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.d.ts +2 -0
  24. package/dist/cjs/dts/Notification/ToastNotification/ToastNotification.d.ts +14 -0
  25. package/dist/cjs/dts/Notification/ToastNotification/index.d.ts +3 -0
  26. package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationManager/ToastNotificationManager.d.ts +7 -0
  27. package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationManager/index.d.ts +1 -0
  28. package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationsList/ToastNotificationsList.d.ts +11 -0
  29. package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationsList/index.d.ts +1 -0
  30. package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationsListContainer/ToastNotificationsListContainer.d.ts +7 -0
  31. package/dist/cjs/dts/Notification/ToastNotification/subcomponents/ToastNotificationsListContainer/index.d.ts +1 -0
  32. package/dist/cjs/dts/Notification/ToastNotification/types.d.ts +23 -0
  33. package/dist/cjs/dts/ProgressBar/ProgressBar.d.ts +24 -0
  34. package/dist/cjs/dts/ProgressBar/index.d.ts +1 -0
  35. package/dist/cjs/dts/ProgressBar/subcomponents/Label/Label.d.ts +10 -0
  36. package/dist/cjs/dts/ProgressBar/subcomponents/Label/index.d.ts +1 -0
  37. package/dist/cjs/dts/ProgressBar/utils/calculatePercentage.d.ts +4 -0
  38. package/dist/cjs/dts/index.d.ts +2 -0
  39. package/dist/cjs/index.cjs +4 -0
  40. package/dist/cjs/index.cjs.map +1 -1
  41. package/dist/cjs/index.css +3 -0
  42. package/dist/esm/Icon/CloseIcon.mjs +5 -8
  43. package/dist/esm/Icon/CloseIcon.mjs.map +1 -1
  44. package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs +144 -0
  45. package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs.map +1 -0
  46. package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.module.scss.mjs +25 -0
  47. package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.module.scss.mjs.map +1 -0
  48. package/dist/esm/LikertScaleLegacy/utils/determineSelectionFromKeyPress.mjs +48 -0
  49. package/dist/esm/LikertScaleLegacy/utils/determineSelectionFromKeyPress.mjs.map +1 -0
  50. package/dist/esm/ProgressBar/ProgressBar.mjs +57 -0
  51. package/dist/esm/ProgressBar/ProgressBar.mjs.map +1 -0
  52. package/dist/esm/ProgressBar/ProgressBar.module.scss.mjs +13 -0
  53. package/dist/esm/ProgressBar/ProgressBar.module.scss.mjs.map +1 -0
  54. package/dist/esm/ProgressBar/subcomponents/Label/Label.mjs +21 -0
  55. package/dist/esm/ProgressBar/subcomponents/Label/Label.mjs.map +1 -0
  56. package/dist/esm/ProgressBar/subcomponents/Label/Label.module.scss.mjs +5 -0
  57. package/dist/esm/ProgressBar/subcomponents/Label/Label.module.scss.mjs.map +1 -0
  58. package/dist/esm/ProgressBar/utils/calculatePercentage.mjs +7 -0
  59. package/dist/esm/ProgressBar/utils/calculatePercentage.mjs.map +1 -0
  60. package/dist/esm/dts/LikertScaleLegacy/LikertScaleLegacy.d.ts +20 -0
  61. package/dist/esm/dts/LikertScaleLegacy/index.d.ts +1 -0
  62. package/dist/esm/dts/LikertScaleLegacy/types.d.ts +6 -0
  63. package/dist/esm/dts/LikertScaleLegacy/utils/determineSelectionFromKeyPress.d.ts +3 -0
  64. package/dist/esm/dts/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.d.ts +2 -0
  65. package/dist/esm/dts/Notification/ToastNotification/ToastNotification.d.ts +14 -0
  66. package/dist/esm/dts/Notification/ToastNotification/index.d.ts +3 -0
  67. package/dist/esm/dts/Notification/ToastNotification/subcomponents/ToastNotificationManager/ToastNotificationManager.d.ts +7 -0
  68. package/dist/esm/dts/Notification/ToastNotification/subcomponents/ToastNotificationManager/index.d.ts +1 -0
  69. package/dist/esm/dts/Notification/ToastNotification/subcomponents/ToastNotificationsList/ToastNotificationsList.d.ts +11 -0
  70. package/dist/esm/dts/Notification/ToastNotification/subcomponents/ToastNotificationsList/index.d.ts +1 -0
  71. package/dist/esm/dts/Notification/ToastNotification/subcomponents/ToastNotificationsListContainer/ToastNotificationsListContainer.d.ts +7 -0
  72. package/dist/esm/dts/Notification/ToastNotification/subcomponents/ToastNotificationsListContainer/index.d.ts +1 -0
  73. package/dist/esm/dts/Notification/ToastNotification/types.d.ts +23 -0
  74. package/dist/esm/dts/ProgressBar/ProgressBar.d.ts +24 -0
  75. package/dist/esm/dts/ProgressBar/index.d.ts +1 -0
  76. package/dist/esm/dts/ProgressBar/subcomponents/Label/Label.d.ts +10 -0
  77. package/dist/esm/dts/ProgressBar/subcomponents/Label/index.d.ts +1 -0
  78. package/dist/esm/dts/ProgressBar/utils/calculatePercentage.d.ts +4 -0
  79. package/dist/esm/dts/index.d.ts +2 -0
  80. package/dist/esm/index.css +5 -2
  81. package/dist/esm/index.mjs +2 -0
  82. package/dist/esm/index.mjs.map +1 -1
  83. package/dist/index.d.ts +52 -3
  84. package/dist/styles.css +1 -1
  85. package/package.json +1 -1
@@ -0,0 +1 @@
1
+ export * from "./ProgressBar";
@@ -0,0 +1,10 @@
1
+ import { ReactNode } from "react";
2
+ type Label = {
3
+ content: ReactNode;
4
+ isReversed: boolean;
5
+ };
6
+ export declare const Label: {
7
+ ({ content, isReversed }: Label): JSX.Element;
8
+ displayName: string;
9
+ };
10
+ export {};
@@ -0,0 +1 @@
1
+ export * from "./Label";
@@ -0,0 +1,4 @@
1
+ export declare const calculatePercentage: ({ value, max, }: {
2
+ value: number;
3
+ max: number;
4
+ }) => number;
@@ -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";
@@ -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;
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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 uniqueId = v4();
10
- var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
11
- id: uniqueId,
12
- d: "M14.654 4.167 10 8.82 5.346 4.167l-1.18 1.18L8.823 10l-4.655 4.655 1.179 1.178L10 11.18l4.654 4.654 1.18-1.178L11.18 10l4.655-4.653z"
13
- })), /*#__PURE__*/React.createElement("use", {
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\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const CloseIcon = (props: IconProps): JSX.Element => {\n const uniqueId = uuidv4()\n const svgContent = (\n <>\n <defs>\n <path\n id={uniqueId}\n d=\"M14.654 4.167 10 8.82 5.346 4.167l-1.18 1.18L8.823 10l-4.655 4.655 1.179 1.178L10 11.18l4.654 4.654 1.18-1.178L11.18 10l4.655-4.653z\"\n />\n </defs>\n <use href={`#${uniqueId}`} fillRule=\"evenodd\" />\n </>\n )\n return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["CloseIcon","props","uniqueId","uuidv4","svgContent","React","createElement","Fragment","id","d","href","concat","fillRule","SVG","__assign"],"mappings":";;;;;AAAA;AACA;AAMO,IAAMA,SAAS,GAAG,SAAAA,CAACC,KAAgB,EAAA;EACxC,IAAMC,QAAQ,GAAGC,EAAM,EAAE;EACzB,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAsI,EACxI,CACG,eACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAT,QAAQ,CAAE;IAAEU,QAAQ,EAAC;EAAS,CAAA,CAAG,CAEnD;EACD,oBAAOP,oBAACQ,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKb,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
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,5 @@
1
+ var styles = {
2
+ "label": "Label-module_label__zqjpR"
3
+ };
4
+ export { styles as default };
5
+ //# sourceMappingURL=Label.module.scss.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Label.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
@@ -0,0 +1,7 @@
1
+ var calculatePercentage = function (_a) {
2
+ var value = _a.value,
3
+ max = _a.max;
4
+ return value / max * 100.0;
5
+ };
6
+ export { calculatePercentage };
7
+ //# sourceMappingURL=calculatePercentage.mjs.map
@@ -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;"}