@kaizen/components 0.0.0-canary-cg-test-20231011042031 → 0.0.0-canary-cg-test-20231011045157

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 (33) hide show
  1. package/dist/cjs/FilterMultiSelect/FilterMultiSelect.js +2 -4
  2. package/dist/cjs/FilterMultiSelect/FilterMultiSelect.js.map +1 -1
  3. package/dist/cjs/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.js.map +1 -1
  4. package/dist/cjs/FilterMultiSelect/context/SelectionProvider/SelectionProvider.js.map +1 -1
  5. package/dist/cjs/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js +32 -0
  6. package/dist/cjs/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js.map +1 -0
  7. package/dist/cjs/Notification/subcomponents/CancelButton/CancelButton.js +16 -12
  8. package/dist/cjs/Notification/subcomponents/CancelButton/CancelButton.js.map +1 -1
  9. package/dist/cjs/dts/FilterMultiSelect/FilterMultiSelect.d.ts +1 -1
  10. package/dist/cjs/dts/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.d.ts +2 -2
  11. package/dist/cjs/dts/FilterMultiSelect/context/SelectionProvider/SelectionProvider.d.ts +1 -1
  12. package/dist/cjs/dts/Notification/subcomponents/CancelButton/CancelButton.d.ts +4 -1
  13. package/dist/cjs/dts/index.d.ts +2 -2
  14. package/dist/cjs/index.css +18 -18
  15. package/dist/cjs/index.js +21 -21
  16. package/dist/esm/FilterMultiSelect/FilterMultiSelect.js +1 -3
  17. package/dist/esm/FilterMultiSelect/FilterMultiSelect.js.map +1 -1
  18. package/dist/esm/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.js.map +1 -1
  19. package/dist/esm/FilterMultiSelect/context/SelectionProvider/SelectionProvider.js.map +1 -1
  20. package/dist/esm/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js +30 -0
  21. package/dist/esm/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js.map +1 -0
  22. package/dist/esm/Notification/subcomponents/CancelButton/CancelButton.js +16 -12
  23. package/dist/esm/Notification/subcomponents/CancelButton/CancelButton.js.map +1 -1
  24. package/dist/esm/dts/FilterMultiSelect/FilterMultiSelect.d.ts +1 -1
  25. package/dist/esm/dts/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.d.ts +2 -2
  26. package/dist/esm/dts/FilterMultiSelect/context/SelectionProvider/SelectionProvider.d.ts +1 -1
  27. package/dist/esm/dts/Notification/subcomponents/CancelButton/CancelButton.d.ts +4 -1
  28. package/dist/esm/dts/index.d.ts +2 -2
  29. package/dist/esm/index.css +18 -18
  30. package/dist/esm/index.js +8 -8
  31. package/dist/index.d.ts +366 -367
  32. package/dist/styles.css +1 -1
  33. package/package.json +1 -2
package/dist/cjs/index.css CHANGED
@@ -3,12 +3,12 @@
3
3
  .Popover-module_popover__B7k5I{background:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 8px 40px rgba(0,0,0,.08),0 3px 9px rgba(0,0,0,.1));box-sizing:border-box;overflow:auto}
4
4
  .Main-module_main__hMyB1{z-index:0}
5
5
  .Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
6
+ .FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
6
7
  .FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
7
8
  .Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
8
- .FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
9
9
  .Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
10
- .Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
11
10
  .ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
11
+ .Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
12
12
  .Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
13
13
  .SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}
14
14
  .Avatar-module_wrapper__LY2q2{align-items:center;background:var(--color-gray-300,#eaeaec);border-radius:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS){border:3px solid var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1))}.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7--{background:var(--color-orange-100,#fff0e8)}.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl{background:var(--color-gray-300,#eaeaec)}.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE{background:var(--color-white,#fff);border:0;border-radius:var(--border-solid-border-radius,7px);padding:6px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS{height:1.25rem;width:1.25rem}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE{padding:0}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8{height:3rem;width:3rem}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs{height:4.5rem;width:4.5rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG{height:6rem;width:6rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq{height:7.75rem;width:7.75rem}.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q{speak-as:spell-out;border-bottom:none;text-decoration:none}.Avatar-module_avatarImage__FuULy{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy{display:none}.Avatar-module_companyAvatarImage__7rlfG{border-radius:4px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain}.Avatar-module_fallbackIcon__MPWxq{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);width:28px}.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq{width:75px}.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq{width:60px}.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq{width:35px}.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:25px}.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:10px}.Avatar-module_initials__VDY2Q{box-sizing:border-box;color:var(--color-purple-800,#2f2438);font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:22px;font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);padding-left:5px;padding-right:5px;text-align:center;width:100%}.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf):before{content:"";display:block;margin-top:-.001em}.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q,.Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q{font-size:34px;letter-spacing:var(--typography-heading-1-letter-spacing,normal)}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{font-size:16px}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q,.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-size:8px}
@@ -36,15 +36,27 @@
36
36
  .FieldMessage-module_message__bKbYp{align-items:center;display:flex;gap:var(--spacing-6,.375rem);position:relative}.FieldMessage-module_default__tpp8j{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.FieldMessage-module_default__tpp8j.FieldMessage-module_reversed__FCi8c{color:rgba(var(--color-white-rgb,255,255,255),.8)}.FieldMessage-module_caution__EPqo4,.FieldMessage-module_error__OxUCB{border-radius:var(--border-solid-border-radius,7px);color:var(--color-purple-800,#2f2438);padding:.5625rem}.FieldMessage-module_error__OxUCB{background:var(--color-red-100,#fdeaee);opacity:100%}.FieldMessage-module_error__OxUCB.FieldMessage-module_reversed__FCi8c{background:var(--color-red-300,#f597a8)}.FieldMessage-module_caution__EPqo4{background:var(--color-yellow-100,#fff9e4);opacity:100%}.FieldMessage-module_caution__EPqo4.FieldMessage-module_reversed__FCi8c{background:var(--color-yellow-400,#ffca4d)}.FieldMessage-module_positionBottom__rLWzS{margin-top:var(--spacing-6,.375rem)}.FieldMessage-module_positionTop__8Hjpb{margin-bottom:var(--spacing-6,.375rem)}.FieldMessage-module_warningIcon__0y1jx{align-self:flex-start;display:inline-flex;width:1.25rem}.FieldMessage-module_error__OxUCB .FieldMessage-module_warningIcon__0y1jx{color:var(--color-red-500,#c93b55)}.FieldMessage-module_caution__EPqo4 .FieldMessage-module_warningIcon__0y1jx{color:var(--color-yellow-500,#ffb600)}.FieldMessage-module_reversed__FCi8c .FieldMessage-module_warningIcon__0y1jx{color:var(--color-purple-800,#2f2438)}
37
37
  .FilterPopover-module_filterPopover__KUS4q{background-color:var(--color-white,#fff);border-radius:var(--border-borderless-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 8px 40px rgba(0,0,0,.08),0 3px 9px rgba(0,0,0,.1));display:inline-flex;z-index:1010}
38
38
  .FilterContents-module_filterContents__TeYuo{padding:var(--spacing-md,1.5rem)}
39
- .FilterButton-module_filterButton__Q2dMX{gap:var(--spacing-xs,.375rem)}.FilterButton-module_labelContainer__5G-MD{display:inline-flex}.FilterButton-module_hasSelectedValues__dyQkL{font-weight:var(--typography-button-primary-font-weight,700)}.FilterButton-module_labelSeparator__xrkAx{margin-inline-end:var(--spacing-xs,.375rem)}[dir=ltr] [dir=rtl] .FilterButton-module_labelSeparator__xrkAx{margin-right:0}
40
39
  .LabelledMessage-module_labelledMessage__8hqzY{display:inline-flex;white-space:nowrap}.LabelledMessage-module_labelSeparator__f3zFN{margin-inline-end:var(--spacing-6,.375rem)}
41
40
  .DateInputDescription-module_dateInputDescription__-ONK8{display:inline}.DateInputDescription-module_dateInputFormatContainer__6hP6K{margin-inline-start:var(--spacing-6,.375rem);white-space:nowrap}
42
41
  .DateInputField-module_disabled__Lf9TS{opacity:.3}
43
42
  .FilterDatePickerField-module_filterDatePickerField__KvWHu{display:grid;gap:var(--spacing-16,1rem);width:288px}
43
+ .FilterButton-module_filterButton__Q2dMX{gap:var(--spacing-xs,.375rem)}.FilterButton-module_labelContainer__5G-MD{display:inline-flex}.FilterButton-module_hasSelectedValues__dyQkL{font-weight:var(--typography-button-primary-font-weight,700)}.FilterButton-module_labelSeparator__xrkAx{margin-inline-end:var(--spacing-xs,.375rem)}[dir=ltr] [dir=rtl] .FilterButton-module_labelSeparator__xrkAx{margin-right:0}
44
44
  .DateRangeDisplayLabel-module_dateRangeDisplayLabel__Gsq1R{display:inline-flex;gap:var(--spacing-6,.375rem)}
45
45
  .DateRangeValidationMessage-module_fieldMessageList__UluZx{margin:var(--spacing-0,0);padding-inline-start:var(--spacing-24,1.5rem)}
46
46
  .DateRangeInputField-module_dateRangeInputContainer__KGDB1{border:none;display:flex;margin:0;padding:0}.DateRangeInputField-module_inputStartDate__3nwlg{border-end-end-radius:0;border-start-end-radius:0}.DateRangeInputField-module_inputStartDate__3nwlg+[class*=focusRing]{border-end-end-radius:0!important;border-start-end-radius:0!important}.DateRangeInputField-module_inputEndDate__ZvUwZ{border-end-start-radius:0;border-start-start-radius:0;inset-inline-start:calc(var(--border-solid-border-width, 2px)*-1);position:relative}.DateRangeInputField-module_inputEndDate__ZvUwZ+[class*=focusRing]{border-end-start-radius:0!important;border-start-start-radius:0!important;inset-inline-end:-1px!important;inset-inline-start:calc(var(--border-solid-border-width, 2px)*2*-1 + -1px)!important}.DateRangeInputField-module_disabled__iPMZ-{opacity:.3}
47
47
  .FilterDateRangePickerField-module_filterDateRangePickerField__1gCr0{display:contents}.FilterDateRangePickerField-module_dateRangeInputField__XFvb-{margin-bottom:var(--spacing-24,1.5rem)}
48
+ .ListBox-module_listBox__UNOzJ{display:grid;list-style:none;margin:0 var(--spacing-sm,.75rem) 0 0;max-height:22rem;overflow-y:auto;padding:var(--spacing-sm,.75rem)}.ListBox-module_overflown__ATtxj{padding-right:var(--spacing-sm,.75rem)}.ListBox-module_hidden__tQP6S{display:none}.ListBox-module_noResultsWrapper__iJ-x6{list-style:none}
49
+ .ListBoxSection-module_listBoxSection__zH8wd{display:grid;list-style:none;padding:0}.ListBoxSection-module_listBoxSectionHeader__NcTZR{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);font-family:var(--typography-heading-6-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-6-font-size,.875rem);font-weight:var(--typography-heading-6-font-weight,700);line-height:var(--typography-heading-6-line-height,1.5rem);margin:var(--spacing-6,.375rem) 0}
50
+ .LoadMoreButton-module_container__5VoUY{padding:var(--spacing-sm,.75rem) var(--spacing-sm,.75rem) 0}
51
+ .MenuFooter-module_footer__EAJQH{border-top:1px solid rgba(var(--color-gray-600-rgb,82,78,86),.1);display:flex;gap:var(--spacing-xs,.375rem);padding:var(--spacing-sm,.75rem) var(--spacing-sm,.75rem) 0}
52
+ .MenuLoadingSkeleton-module_loadingInput__XjXUs{margin-bottom:var(--spacing-sm,.75rem)}.MenuLoadingSkeleton-module_loadingContainer__Re0NU{margin-left:var(--spacing-sm,.75rem);margin-right:var(--spacing-sm,.75rem)}
53
+ .MenuPopup-module_menuPopup__JlPk3{background:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 8px 40px rgba(0,0,0,.08),0 3px 9px rgba(0,0,0,.1));box-sizing:border-box;color:var(--color-purple-800,#2f2438);margin-top:var(--spacing-xs,.375rem);padding:var(--spacing-sm,.75rem) 0;position:absolute;text-align:left;width:294px;z-index:1000}[dir=rtl] .MenuPopup-module_menuPopup__JlPk3{text-align:right}
54
+ .MultiSelectOption-module_icon__rmfL-{align-items:center;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid);border-color:var(--color-gray-500,#8c8c97);border-radius:var(--border-solid-border-radius,7px);display:inline-flex;height:calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px)*2);justify-content:center;line-height:1;width:calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px)*2)}.MultiSelectOption-module_option__1vbfi{align-items:flex-start;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid);border-color:var(--border-borderless-border-color,transparent);border-radius:var(--border-solid-border-radius,7px);cursor:default;display:inline-grid;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-body-font-weight,400);gap:var(--spacing-xs,.375rem);grid-template-columns:var(--spacing-md,1.5rem) 1fr auto;height:-moz-fit-content;height:fit-content;letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);padding:var(--spacing-xs,.375rem);position:relative}.MultiSelectOption-module_option__1vbfi:active,.MultiSelectOption-module_option__1vbfi:focus,.MultiSelectOption-module_option__1vbfi:hover{background-color:var(--color-blue-100,#e6f6ff)}.MultiSelectOption-module_option__1vbfi:active .MultiSelectOption-module_badge__VbnQR,.MultiSelectOption-module_option__1vbfi:focus .MultiSelectOption-module_badge__VbnQR,.MultiSelectOption-module_option__1vbfi:hover .MultiSelectOption-module_badge__VbnQR{background-color:var(--color-white,#fff)}.MultiSelectOption-module_option__1vbfi:active .MultiSelectOption-module_icon__rmfL-,.MultiSelectOption-module_option__1vbfi:focus .MultiSelectOption-module_icon__rmfL-,.MultiSelectOption-module_option__1vbfi:hover .MultiSelectOption-module_icon__rmfL-{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.MultiSelectOption-module_option__1vbfi.MultiSelectOption-module_isFocused__XhwMs,.MultiSelectOption-module_option__1vbfi:focus-visible{background-color:var(--color-blue-100,#e6f6ff)}.MultiSelectOption-module_option__1vbfi.MultiSelectOption-module_isFocused__XhwMs:after,.MultiSelectOption-module_option__1vbfi:focus-visible:after{background:transparent;border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*2*-1 + -1px);position:absolute;z-index:1}.MultiSelectOption-module_option__1vbfi:focus{outline:none}.MultiSelectOption-module_isDisabled__FKH9f{background:none;opacity:30%}.MultiSelectOption-module_isDisabled__FKH9f:hover .MultiSelectOption-module_icon__rmfL-{border-color:var(--color-gray-500,#8c8c97)}.MultiSelectOption-module_isDisabled__FKH9f:hover .MultiSelectOption-module_badge__VbnQR{background-color:var(--color-gray-300,#eaeaec)}.MultiSelectOption-module_badgeContainer__6Xw7E{align-items:center;display:flex;height:var(--spacing-md,1.5rem)}.MultiSelectOption-module_isSelected__dXmuK{font-weight:var(--typography-paragraph-bold-font-weight,600)}.MultiSelectOption-module_isSelected__dXmuK.MultiSelectOption-module_icon__rmfL-{background-color:var(--color-gray-500,#8c8c97);color:var(--color-white,#fff)}.MultiSelectOption-module_isSelected__dXmuK:active .MultiSelectOption-module_icon__rmfL-,.MultiSelectOption-module_isSelected__dXmuK:focus .MultiSelectOption-module_icon__rmfL-,.MultiSelectOption-module_isSelected__dXmuK:hover .MultiSelectOption-module_icon__rmfL-{background-color:var(--color-gray-600,#524e56)}
55
+ .NoResults-module_container__itPph{padding:1.125rem}
56
+ .InputSearch-module_wrapper__xz4kh{position:relative}.InputSearch-module_input__hCit3[type=search]{align-items:center;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) transparent;border-radius:48px;box-sizing:border-box;display:flex;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-size:1rem;font-weight:var(--typography-paragraph-body-font-weight,400);height:48px;letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);line-height:1.5;outline:0;padding-block:0;padding-inline-end:var(--spacing-sm,.75rem);padding-inline-start:calc(2.25rem + var(--spacing-sm, .75rem));position:static;width:100%}.InputSearch-module_input__hCit3[type=search]::-webkit-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:100%;position:static}.InputSearch-module_input__hCit3[type=search]:-moz-placeholder,.InputSearch-module_input__hCit3[type=search]::-moz-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.InputSearch-module_input__hCit3[type=search]:-ms-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.InputSearch-module_input__hCit3[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.InputSearch-module_hasEndIconAdornment__ZtGcu .InputSearch-module_input__hCit3[type=search]{padding-inline-end:calc(var(--spacing-sm, .75rem) + 1.25rem + var(--spacing-sm, .75rem))}.InputSearch-module_input__hCit3[type=search]:focus::-webkit-input-placeholder,.InputSearch-module_input__hCit3[type=search]:hover::-webkit-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:0;position:static}.InputSearch-module_input__hCit3[type=search]:focus:-moz-placeholder,.InputSearch-module_input__hCit3[type=search]:focus::-moz-placeholder,.InputSearch-module_input__hCit3[type=search]:hover:-moz-placeholder,.InputSearch-module_input__hCit3[type=search]:hover::-moz-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:0;position:static}.InputSearch-module_input__hCit3[type=search]:focus:-ms-input-placeholder,.InputSearch-module_input__hCit3[type=search]:hover:-ms-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:0;position:static}.InputSearch-module_input__hCit3[type=search]:focus+.InputSearch-module_focusRing__kDUuP{background:transparent;border-radius:48px;border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);inset:-3px;pointer-events:none;position:absolute}.InputSearch-module_startIconAdornment__Tc7Yx{height:1.25rem;inset-inline-start:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.InputSearch-module_loadingSpinner__GIO1C{margin-top:-2px}.InputSearch-module_endIconAdornment__lm-3h{height:1.25rem;inset-inline-end:var(--spacing-sm,.75rem);position:absolute;top:50%;transform:translateY(-50%);z-index:1}.InputSearch-module_disabled__RizfW{opacity:.3;pointer-events:none}.InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search]{background-color:var(--color-white,#fff);border-color:var(--color-gray-500,#8c8c97);color:var(--color-purple-800,#2f2438)}.InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search]::-webkit-input-placeholder{color:var(--color-purple-800,#2f2438);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:.7;position:static}.InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search]:-moz-placeholder,.InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search]::-moz-placeholder{color:var(--color-purple-800,#2f2438);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.7;position:static}.InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search]:-ms-input-placeholder{color:var(--color-purple-800,#2f2438);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.7;position:static}.InputSearch-module_default__4d3Ek .InputSearch-module_focusRing__kDUuP{border-color:var(--color-blue-500,#0168b3)}.InputSearch-module_default__4d3Ek .InputSearch-module_startIconAdornment__Tc7Yx{color:var(--color-purple-800,#2f2438);opacity:.7}.InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_input__hCit3[type=search],.InputSearch-module_default__4d3Ek:hover .InputSearch-module_input__hCit3[type=search]{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_input__hCit3[type=search]::-webkit-input-placeholder,.InputSearch-module_default__4d3Ek:hover .InputSearch-module_input__hCit3[type=search]::-webkit-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:100%;position:static}.InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_input__hCit3[type=search]:-moz-placeholder,.InputSearch-module_default__4d3Ek:hover .InputSearch-module_input__hCit3[type=search]:-moz-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_input__hCit3[type=search]::-moz-placeholder,.InputSearch-module_default__4d3Ek:hover .InputSearch-module_input__hCit3[type=search]::-moz-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_input__hCit3[type=search]:-ms-input-placeholder,.InputSearch-module_default__4d3Ek:hover .InputSearch-module_input__hCit3[type=search]:-ms-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_startIconAdornment__Tc7Yx,.InputSearch-module_default__4d3Ek:hover .InputSearch-module_startIconAdornment__Tc7Yx{opacity:100%}.InputSearch-module_secondary__l68uD .InputSearch-module_input__hCit3[type=search]{background-color:var(--color-gray-200,#f4f4f5);border-color:transparent;color:var(--color-purple-800,#2f2438)}.InputSearch-module_secondary__l68uD .InputSearch-module_input__hCit3[type=search]::-webkit-input-placeholder{color:var(--color-purple-800,#2f2438);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:.7;position:static}.InputSearch-module_secondary__l68uD .InputSearch-module_input__hCit3[type=search]:-moz-placeholder,.InputSearch-module_secondary__l68uD .InputSearch-module_input__hCit3[type=search]::-moz-placeholder{color:var(--color-purple-800,#2f2438);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.7;position:static}.InputSearch-module_secondary__l68uD .InputSearch-module_input__hCit3[type=search]:-ms-input-placeholder{color:var(--color-purple-800,#2f2438);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.7;position:static}.InputSearch-module_secondary__l68uD .InputSearch-module_focusRing__kDUuP{border-color:var(--color-blue-500,#0168b3)}.InputSearch-module_secondary__l68uD .InputSearch-module_startIconAdornment__Tc7Yx{color:var(--color-purple-800,#2f2438);opacity:.7}.InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_input__hCit3[type=search],.InputSearch-module_secondary__l68uD:hover .InputSearch-module_input__hCit3[type=search]{background-color:var(--color-gray-300,#eaeaec);border-color:transparent}.InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_input__hCit3[type=search]::-webkit-input-placeholder,.InputSearch-module_secondary__l68uD:hover .InputSearch-module_input__hCit3[type=search]::-webkit-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:100%;position:static}.InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_input__hCit3[type=search]:-moz-placeholder,.InputSearch-module_secondary__l68uD:hover .InputSearch-module_input__hCit3[type=search]:-moz-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_input__hCit3[type=search]::-moz-placeholder,.InputSearch-module_secondary__l68uD:hover .InputSearch-module_input__hCit3[type=search]::-moz-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_input__hCit3[type=search]:-ms-input-placeholder,.InputSearch-module_secondary__l68uD:hover .InputSearch-module_input__hCit3[type=search]:-ms-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_startIconAdornment__Tc7Yx,.InputSearch-module_secondary__l68uD:hover .InputSearch-module_startIconAdornment__Tc7Yx{opacity:100%}.InputSearch-module_reversed__eS7Nr .InputSearch-module_input__hCit3[type=search]{background:rgba(var(--color-white-rgb,255,255,255),.1);color:var(--color-white,#fff)}.InputSearch-module_reversed__eS7Nr .InputSearch-module_input__hCit3[type=search]::-webkit-input-placeholder{color:var(--color-white,#fff);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:.8;position:static}.InputSearch-module_reversed__eS7Nr .InputSearch-module_input__hCit3[type=search]:-moz-placeholder,.InputSearch-module_reversed__eS7Nr .InputSearch-module_input__hCit3[type=search]::-moz-placeholder{color:var(--color-white,#fff);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.8;position:static}.InputSearch-module_reversed__eS7Nr .InputSearch-module_input__hCit3[type=search]:-ms-input-placeholder{color:var(--color-white,#fff);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.8;position:static}.InputSearch-module_reversed__eS7Nr .InputSearch-module_focusRing__kDUuP{border-color:var(--color-blue-300,#73c0e8)}.InputSearch-module_reversed__eS7Nr .InputSearch-module_startIconAdornment__Tc7Yx{color:var(--color-white,#fff);opacity:.8}.InputSearch-module_reversed__eS7Nr:focus-within .InputSearch-module_input__hCit3[type=search],.InputSearch-module_reversed__eS7Nr:hover .InputSearch-module_input__hCit3[type=search]{background-color:rgba(var(--color-white-rgb,255,255,255),.2);border-color:transparent}.InputSearch-module_reversed__eS7Nr.InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search]{border-color:rgba(var(--color-white-rgb,255,255,255),.65)}
57
+ .SearchInput-module_inputSearchContainer__2TCSY{margin:0 var(--spacing-sm,.75rem);position:relative}
58
+ .SectionDivider-module_divider__zlsWs{margin:.5rem 0}
59
+ .SelectionControlButton-module_button__F6wec{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid);border-color:var(--border-borderless-border-color,transparent);border-radius:var(--border-solid-border-radius,7px);color:inherit;color:var(--color-blue-500,#0168b3);display:inline;display:inline-flex;font:inherit;font-family:var(--typography-button-secondary-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-button-secondary-font-size,1rem);font-weight:var(--typography-button-secondary-font-weight,500);gap:var(--spacing-xs,.375rem);letter-spacing:var(--typography-button-secondary-letter-spacing,normal);line-height:var(--typography-button-secondary-line-height,1.5rem);margin:0;padding:0;padding:var(--spacing-4,.25rem) var(--spacing-8,.5rem);position:relative}.SelectionControlButton-module_button__F6wec:focus{outline:none}.SelectionControlButton-module_button__F6wec:active:not(.SelectionControlButton-module_isDisabled__lYOrG),.SelectionControlButton-module_button__F6wec:focus:not(.SelectionControlButton-module_isDisabled__lYOrG),.SelectionControlButton-module_button__F6wec:hover:not(.SelectionControlButton-module_isDisabled__lYOrG){background-color:var(--color-blue-100,#e6f6ff)}.SelectionControlButton-module_button__F6wec:focus-visible:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*2*-1 + -1px);position:absolute}.SelectionControlButton-module_button__F6wec.SelectionControlButton-module_isDisabled__lYOrG{color:rgba(var(--color-purple-800-rgb,47,36,56),.3);opacity:100%;pointer-events:none}.SelectionControlButton-module_button__F6wec.SelectionControlButton-module_isDisabled__lYOrG:focus{border:2px solid transparent;outline:none}.SelectionControlButton-module_button__F6wec.SelectionControlButton-module_isDisabled__lYOrG:focus-visible:after{border-color:var(--color-gray-400,#cdcdd0);border-style:var(--border-dashed-border-style,dashed)}
48
60
  .ListBox-module_listBox__Uf6Mc{display:grid;list-style:none;margin-bottom:0;margin-top:0;max-height:22rem;padding:0}.ListBox-module_listBox__Uf6Mc.ListBox-module_focus__yrwu3{outline:none}
49
61
  .Option-module_icon__i3CDN{align-items:center;display:inline-flex;height:calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px)*2);justify-content:center;line-height:1;width:calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px)*2)}.Option-module_option__gPSuE{align-items:center;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid);border-color:var(--border-borderless-border-color,transparent);border-radius:4px;cursor:default;display:inline-grid;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-body-font-weight,400);gap:var(--spacing-xs,.375rem);grid-template-columns:auto var(--spacing-md,1.5rem);height:-moz-fit-content;height:fit-content;letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);padding-block:var(--spacing-8,.5rem);padding-inline-end:var(--spacing-6,.375rem);padding-inline-start:var(--spacing-12,.75rem);position:relative}.Option-module_option__gPSuE:focus{outline:none}.Option-module_option__gPSuE.Option-module_isFocusVisible__wzfsx{background-color:var(--color-blue-100,#e6f6ff);color:var(--color-blue-500,#0168b3)}.Option-module_option__gPSuE.Option-module_isFocusVisible__wzfsx:after{background:transparent;border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) var(--color-blue-500,#0168b3);border-radius:4px;content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*2*-1 + -1px);position:absolute;z-index:1}.Option-module_option__gPSuE.Option-module_isFocusVisible__wzfsx .Option-module_icon__i3CDN{color:var(--color-blue-500,#0168b3)}.Option-module_option__gPSuE:active:not(.Option-module_disabled__ob1Pw),.Option-module_option__gPSuE:hover:not(.Option-module_disabled__ob1Pw){background-color:var(--color-blue-100,#e6f6ff);color:var(--color-blue-500,#0168b3)}.Option-module_isSelected__J3Z-z,.Option-module_option__gPSuE:active:not(.Option-module_disabled__ob1Pw) .Option-module_icon__i3CDN,.Option-module_option__gPSuE:hover:not(.Option-module_disabled__ob1Pw) .Option-module_icon__i3CDN{color:var(--color-blue-500,#0168b3)}.Option-module_isSelected__J3Z-z{font-weight:var(--typography-paragraph-bold-font-weight,600)}.Option-module_isSelected__J3Z-z.Option-module_icon__i3CDN{color:var(--color-blue-500,#0168b3)}.Option-module_disabled__ob1Pw{color:var(--color-gray-500,#8c8c97)}
50
62
  .ListBoxSection-module_sectionWrapper__2jPgd{display:flex;flex-direction:column}.ListBoxSection-module_sectionWrapper__2jPgd:not(:first-child){margin-top:var(--spacing-8,.5rem)}.ListBoxSection-module_sectionHeading__o6WzT{padding-inline-start:var(--spacing-4,.25rem)}.ListBoxSection-module_sectionList__lJ35F{display:flex;flex-direction:column;padding:var(--spacing-xs,.375rem) 0 0 0}
@@ -52,10 +64,11 @@
52
64
  .SelectPopoverContents-module_selectPopoverContents__9V5SB{padding:var(--spacing-12,.75rem)}
53
65
  .SelectToggle-module_iconWrapper__E4YL8{line-height:1}.SelectToggle-module_icon__BqMEK{color:var(--color-gray-500,#8c8c97);margin-inline-start:var(--spacing-12,.75rem)}.SelectToggle-module_selectToggle__fWnqy{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-color:var(--color-white,#fff);border:none;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#8c8c97);border-radius:var(--border-solid-border-radius,7px);color:inherit;color:var(--color-purple-800,#2f2438);display:inline;display:inline-flex;flex:1;font:inherit;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-body-font-weight,400);height:var(--spacing-xl,3rem);justify-content:space-between;letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);margin:0;margin-top:var(--spacing-xs,.375rem);min-width:0;padding:0;padding-block:calc(var(--spacing-12, .75rem) - var(--border-solid-border-width, 2px));padding-inline-end:var(--spacing-12,.75rem);padding-inline-start:.875rem;position:relative;white-space:nowrap;width:100%}.SelectToggle-module_selectToggle__fWnqy:active .SelectToggle-module_icon__BqMEK,.SelectToggle-module_selectToggle__fWnqy:focus .SelectToggle-module_icon__BqMEK,.SelectToggle-module_selectToggle__fWnqy:hover .SelectToggle-module_icon__BqMEK{color:var(--color-gray-600,#524e56)}.SelectToggle-module_selectToggle__fWnqy:active,.SelectToggle-module_selectToggle__fWnqy:focus,.SelectToggle-module_selectToggle__fWnqy:hover{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.SelectToggle-module_selectToggle__fWnqy:focus{outline:none}.SelectToggle-module_selectToggle__fWnqy:focus:after{background:transparent;border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*2*-1 + -1px);position:absolute}.SelectToggle-module_placeholder__wQK-w{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.SelectToggle-module_error__pxp-j{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-500,#c93b55)}.SelectToggle-module_caution__-G7WL{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-yellow-600,#c68600)}.SelectToggle-module_disabled__8A4rw{background-color:var(--color-gray-100,#f9f9f9);border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-300,#eaeaec);color:var(--color-gray-500,#8c8c97);pointer-events:none}.SelectToggle-module_reversed__ku-Ph{background-color:transparent;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) rgba(var(--color-white-rgb,255,255,255),.8);color:var(--color-white,#fff)}.SelectToggle-module_reversed__ku-Ph.SelectToggle-module_placeholder__wQK-w{color:rgba(var(--color-white-rgb,255,255,255),.65)}.SelectToggle-module_reversed__ku-Ph.SelectToggle-module_selectToggle__fWnqy .SelectToggle-module_icon__BqMEK{color:hsla(0,0%,100%,.8)}.SelectToggle-module_reversed__ku-Ph:active,.SelectToggle-module_reversed__ku-Ph:focus,.SelectToggle-module_reversed__ku-Ph:hover{background-color:rgba(var(--color-white-rgb,255,255,255),.1);border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-white,#fff)}.SelectToggle-module_reversed__ku-Ph:active .SelectToggle-module_icon__BqMEK,.SelectToggle-module_reversed__ku-Ph:focus .SelectToggle-module_icon__BqMEK,.SelectToggle-module_reversed__ku-Ph:hover .SelectToggle-module_icon__BqMEK{color:var(--color-white,#fff)}.SelectToggle-module_reversed__ku-Ph:focus:after{border-color:var(--color-blue-300,#73c0e8)}.SelectToggle-module_reversed__ku-Ph .SelectToggle-module_error__pxp-j{border-color:var(--color-red-300,#f597a8)}.SelectToggle-module_reversed__ku-Ph .SelectToggle-module_caution__-G7WL{border-color:var(--color-yellow-400,#ffca4d)}.SelectToggle-module_reversed__ku-Ph.SelectToggle-module_disabled__8A4rw{background-color:transparent;border-color:rgba(var(--color-white-rgb,255,255,255),.3);color:rgba(var(--color-white-rgb,255,255,255),.3)}.SelectToggle-module_value__XRxRl{overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;width:100%}
54
66
  .FilterSelect-module_filterContents__2LknZ{box-sizing:border-box;max-width:25rem;min-width:12.25rem;overflow:auto;padding:unset}
67
+ .ClearAllButton-module_clearAllButton__luhgk{white-space:nowrap}
68
+ .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)}
55
69
  .Heading-module_heading__Gq6I8{margin:0}.Heading-module_display-0__yZ7rx{font-family:var(--typography-display-0-font-family,"Tiempos Headline",Georgia,serif);font-size:var(--typography-display-0-font-size,4.5rem);font-weight:var(--typography-display-0-font-weight,800);letter-spacing:var(--typography-display-0-letter-spacing,0);line-height:var(--typography-display-0-line-height,5.25rem)}.Heading-module_heading-1__PbAcw{font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-1-font-size,2.125rem);font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-1-letter-spacing,normal);line-height:var(--typography-heading-1-line-height,2.625rem)}.Heading-module_heading-2__Ovpfe{font-family:var(--typography-heading-2-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-2-font-size,1.75rem);font-weight:var(--typography-heading-2-font-weight,700);letter-spacing:var(--typography-heading-2-letter-spacing,normal);line-height:var(--typography-heading-2-line-height,2.25rem)}.Heading-module_heading-3__S4Pb1{font-family:var(--typography-heading-3-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-3-font-size,1.375rem);font-weight:var(--typography-heading-3-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);line-height:var(--typography-heading-3-line-height,1.875rem)}.Heading-module_heading-4__IIiwi{font-family:var(--typography-heading-4-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-4-font-size,1.125rem);font-weight:var(--typography-heading-4-font-weight,600);letter-spacing:var(--typography-heading-4-letter-spacing,normal);line-height:var(--typography-heading-4-line-height,1.5rem)}.Heading-module_heading-5__QFtpN{font-family:var(--typography-heading-5-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-5-font-size,1rem);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal);line-height:var(--typography-heading-5-line-height,1.5rem)}.Heading-module_heading-6__kts--{font-family:var(--typography-heading-6-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-6-font-size,.875rem);font-weight:var(--typography-heading-6-font-weight,700);letter-spacing:var(--typography-heading-6-letter-spacing,normal);line-height:var(--typography-heading-6-line-height,1.5rem)}.Heading-module_dark__IqcnT{color:var(--color-purple-800,#2f2438);opacity:100%}.Heading-module_dark-reduced-opacity__i-JqI{color:var(--color-purple-800,#2f2438);opacity:70%}.Heading-module_white__mUqRT{color:var(--color-white,#fff);opacity:100%}.Heading-module_white-reduced-opacity__y1wq8{color:var(--color-white,#fff);opacity:80%}.Heading-module_positive__mBS79.Heading-module_small__qupiD{color:var(--color-green-600,#2c7d67)}.Heading-module_positive__mBS79.Heading-module_large__cB-V3{color:var(--color-green-500,#44a289)}.Heading-module_negative__Q4byH.Heading-module_small__qupiD{color:var(--color-red-600,#a82433)}.Heading-module_negative__Q4byH.Heading-module_large__cB-V3{color:var(--color-red-500,#c93b55)}
56
70
  .Input-module_wrapper__9jBDN{position:relative}.Input-module_wrapper__9jBDN.Input-module_hasStatus__GjERD{z-index:1}.Input-module_wrapper__9jBDN:hover{z-index:2}.Input-module_wrapper__9jBDN:focus-within{z-index:3}.Input-module_input__d-Moh{background-clip:padding-box;background-color:transparent;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) transparent;border-radius:var(--border-solid-border-radius,7px);box-sizing:border-box;display:block;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-size:1rem;font-weight:var(--typography-paragraph-body-font-weight,400);height:48px;letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);line-height:1.5;margin-bottom:2px;outline:0;padding:0 var(--spacing-sm,.75rem);position:static;width:100%}.Input-module_input__d-Moh::-webkit-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:100%;position:static}.Input-module_input__d-Moh:-moz-placeholder,.Input-module_input__d-Moh::-moz-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.Input-module_input__d-Moh:-ms-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.Input-module_input__d-Moh:focus:not([disabled])::-webkit-input-placeholder,.Input-module_input__d-Moh:hover:focus:not([disabled])::-webkit-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:0;position:static}.Input-module_input__d-Moh:focus:not([disabled]):-moz-placeholder,.Input-module_input__d-Moh:focus:not([disabled])::-moz-placeholder,.Input-module_input__d-Moh:hover:focus:not([disabled]):-moz-placeholder,.Input-module_input__d-Moh:hover:focus:not([disabled])::-moz-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:0;position:static}.Input-module_input__d-Moh:focus:not([disabled]):-ms-input-placeholder,.Input-module_input__d-Moh:hover:focus:not([disabled]):-ms-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:0;position:static}.Input-module_input__d-Moh.Input-module_disabled__CJeOi:not(.Input-module_reversed__Kh7dc){background:var(--color-gray-300,#eaeaec)}.Input-module_input__d-Moh.Input-module_disabled__CJeOi::-webkit-input-placeholder{color:rgba(var(--color-purple-800-rgb,47,36,56),.3);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);position:static}.Input-module_input__d-Moh.Input-module_disabled__CJeOi:-moz-placeholder,.Input-module_input__d-Moh.Input-module_disabled__CJeOi::-moz-placeholder{color:rgba(var(--color-purple-800-rgb,47,36,56),.3);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;position:static}.Input-module_input__d-Moh.Input-module_disabled__CJeOi:-ms-input-placeholder{color:rgba(var(--color-purple-800-rgb,47,36,56),.3);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;position:static}.Input-module_input__d-Moh:focus+.Input-module_focusRing__E68jh{background:transparent;border-color:transparent;border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);inset:-3px;pointer-events:none;position:absolute}.Input-module_withStartIconAdornment__de6-U .Input-module_startIconAdornment__pnn-b{height:1.25rem;left:var(--spacing-sm,.75rem);position:absolute;right:auto;top:50%;transform:translateY(-50%);z-index:1}.Input-module_withStartIconAdornment__de6-U .Input-module_startIconAdornment__pnn-b[dir=rtl],[dir=rtl] .Input-module_withStartIconAdornment__de6-U .Input-module_startIconAdornment__pnn-b{left:auto;right:var(--spacing-sm,.75rem)}.Input-module_withStartIconAdornment__de6-U.Input-module_withDisabled__pzzCm .Input-module_startIconAdornment__pnn-b{opacity:.3}.Input-module_withStartIconAdornment__de6-U .Input-module_input__d-Moh{padding-left:calc(1.25rem + var(--spacing-md, 1.5rem)*.75);padding-right:var(--spacing-sm,.75rem)}.Input-module_withStartIconAdornment__de6-U .Input-module_input__d-Moh[dir=rtl],[dir=rtl] .Input-module_withStartIconAdornment__de6-U .Input-module_input__d-Moh{padding-left:var(--spacing-sm,.75rem);padding-right:calc(1.25rem + var(--spacing-md, 1.5rem)*.75)}.Input-module_withEndIconAdornment__fSBPl .Input-module_endIconAdornment__bg-PL{height:1.25rem;left:auto;position:absolute;right:var(--spacing-sm,.75rem);top:50%;transform:translateY(-50%);z-index:1}.Input-module_withEndIconAdornment__fSBPl .Input-module_endIconAdornment__bg-PL[dir=rtl],[dir=rtl] .Input-module_withEndIconAdornment__fSBPl .Input-module_endIconAdornment__bg-PL{left:var(--spacing-sm,.75rem);right:auto}.Input-module_withEndIconAdornment__fSBPl.Input-module_withDisabled__pzzCm .Input-module_endIconAdornment__bg-PL{opacity:.3}.Input-module_withEndIconAdornment__fSBPl .Input-module_input__d-Moh{padding-left:var(--spacing-sm,.75rem);padding-right:calc(1.25rem + var(--spacing-md, 1.5rem)*.75)}.Input-module_withEndIconAdornment__fSBPl .Input-module_input__d-Moh[dir=rtl],[dir=rtl] .Input-module_withEndIconAdornment__fSBPl .Input-module_input__d-Moh{padding-left:calc(1.25rem + var(--spacing-md, 1.5rem)*.75);padding-right:var(--spacing-sm,.75rem)}.Input-module_withStartIconAdornment__de6-U.Input-module_withEndIconAdornment__fSBPl .Input-module_input__d-Moh,.Input-module_withStartIconAdornment__de6-U.Input-module_withEndIconAdornment__fSBPl .Input-module_input__d-Moh[dir=rtl],[dir=rtl] .Input-module_withStartIconAdornment__de6-U.Input-module_withEndIconAdornment__fSBPl .Input-module_input__d-Moh{padding-left:calc(1.25rem + var(--spacing-md, 1.5rem)*.75);padding-right:calc(1.25rem + var(--spacing-md, 1.5rem)*.75)}.Input-module_withStartIconAdornment__de6-U .Input-module_startIconAdornment__pnn-b{color:var(--color-purple-800,#2f2438);opacity:50%}.Input-module_withStartIconAdornment__de6-U.Input-module_withDisabled__pzzCm .Input-module_startIconAdornment__pnn-b{opacity:30%}.Input-module_withStartIconAdornment__de6-U:focus-within:not(.Input-module_withDisabled__pzzCm) .Input-module_startIconAdornment__pnn-b,.Input-module_withStartIconAdornment__de6-U:hover:not(.Input-module_withDisabled__pzzCm) .Input-module_startIconAdornment__pnn-b{opacity:70%}.Input-module_withStartIconAdornment__de6-U.Input-module_withReversed__SKSOD .Input-module_startIconAdornment__pnn-b{color:var(--color-white,#fff);opacity:100%}.Input-module_withStartIconAdornment__de6-U.Input-module_withReversed__SKSOD.Input-module_withDisabled__pzzCm .Input-module_startIconAdornment__pnn-b{opacity:30%}.Input-module_withStartIconAdornment__de6-U.Input-module_withReversed__SKSOD:focus-within:not(.Input-module_withDisabled__pzzCm) .Input-module_startIconAdornment__pnn-b,.Input-module_withStartIconAdornment__de6-U.Input-module_withReversed__SKSOD:hover:not(.Input-module_withDisabled__pzzCm) .Input-module_startIconAdornment__pnn-b{opacity:100%}.Input-module_withEndIconAdornment__fSBPl.Input-module_withReversed__SKSOD .Input-module_endIconAdornment__bg-PL{color:var(--color-white,#fff);opacity:100%}.Input-module_withEndIconAdornment__fSBPl.Input-module_withReversed__SKSOD.Input-module_withDisabled__pzzCm .Input-module_endIconAdornment__bg-PL{opacity:30%}.Input-module_withEndIconAdornment__fSBPl.Input-module_withReversed__SKSOD:focus-within:not(.Input-module_withDisabled__pzzCm) .Input-module_endIconAdornment__bg-PL,.Input-module_withEndIconAdornment__fSBPl.Input-module_withReversed__SKSOD:hover:not(.Input-module_withDisabled__pzzCm) .Input-module_endIconAdornment__bg-PL{opacity:100%}.Input-module_input__d-Moh.Input-module_default__zata3{align-items:center;background-color:var(--color-white,#fff);color:var(--color-purple-800,#2f2438);display:flex}.Input-module_input__d-Moh.Input-module_default__zata3::-webkit-input-placeholder{color:var(--color-purple-800,#2f2438);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:.5;position:static}.Input-module_input__d-Moh.Input-module_default__zata3:-moz-placeholder,.Input-module_input__d-Moh.Input-module_default__zata3::-moz-placeholder{color:var(--color-purple-800,#2f2438);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.5;position:static}.Input-module_input__d-Moh.Input-module_default__zata3:-ms-input-placeholder{color:var(--color-purple-800,#2f2438);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.5;position:static}.Input-module_input__d-Moh.Input-module_default__zata3:focus:not([disabled]),.Input-module_input__d-Moh.Input-module_default__zata3:hover:focus:not([disabled]),.Input-module_input__d-Moh.Input-module_default__zata3:hover:not([disabled]){background-color:var(--color-gray-200,#f4f4f5)}.Input-module_input__d-Moh.Input-module_default__zata3:focus+.Input-module_focusRing__E68jh{border-color:var(--color-blue-500,#0168b3)}.Input-module_input__d-Moh.Input-module_default__zata3.Input-module_disabled__CJeOi{background-color:var(--color-white,#fff);border-color:rgba(var(--color-gray-500-rgb,140,140,151),.3);color:rgba(var(--color-purple-800-rgb,47,36,56),.3)}.Input-module_input__d-Moh.Input-module_default__zata3.Input-module_disabled__CJeOi::-webkit-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:.3;position:static}.Input-module_input__d-Moh.Input-module_default__zata3.Input-module_disabled__CJeOi:-moz-placeholder,.Input-module_input__d-Moh.Input-module_default__zata3.Input-module_disabled__CJeOi::-moz-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.3;position:static}.Input-module_input__d-Moh.Input-module_default__zata3.Input-module_disabled__CJeOi:-ms-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.3;position:static}.Input-module_input__d-Moh.Input-module_default__zata3:not(.Input-module_error__a-BFh,.Input-module_caution__rC0sY){border-color:var(--color-gray-500,#8c8c97)}.Input-module_input__d-Moh.Input-module_default__zata3:not(.Input-module_error__a-BFh,.Input-module_caution__rC0sY):disabled{border-color:rgba(var(--color-gray-500-rgb,140,140,151),.3)}.Input-module_input__d-Moh.Input-module_default__zata3:not(.Input-module_error__a-BFh,.Input-module_caution__rC0sY):focus:not([disabled]),.Input-module_input__d-Moh.Input-module_default__zata3:not(.Input-module_error__a-BFh,.Input-module_caution__rC0sY):hover:focus:not([disabled]),.Input-module_input__d-Moh.Input-module_default__zata3:not(.Input-module_error__a-BFh,.Input-module_caution__rC0sY):hover:not([disabled]){border-color:var(--color-gray-600,#524e56)}.Input-module_input__d-Moh.Input-module_default__zata3.Input-module_error__a-BFh{border-color:var(--color-red-500,#c93b55)}.Input-module_input__d-Moh.Input-module_default__zata3.Input-module_error__a-BFh.Input-module_disabled__CJeOi{border-color:rgba(var(--color-red-500-rgb,201,59,85),.3)}.Input-module_input__d-Moh.Input-module_default__zata3.Input-module_caution__rC0sY{border-color:var(--color-yellow-600,#c68600)}.Input-module_input__d-Moh.Input-module_default__zata3.Input-module_caution__rC0sY.Input-module_disabled__CJeOi{border-color:rgba(var(--color-yellow-600-rgb,198,134,0),.3)}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc{background:transparent;color:var(--color-white,#fff)}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc::-webkit-input-placeholder{color:var(--color-white,#fff);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:.5;position:static}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc:-moz-placeholder,.Input-module_input__d-Moh.Input-module_reversed__Kh7dc::-moz-placeholder{color:var(--color-white,#fff);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.5;position:static}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc:-ms-input-placeholder{color:var(--color-white,#fff);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.5;position:static}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc:focus:not([disabled]),.Input-module_input__d-Moh.Input-module_reversed__Kh7dc:hover:focus:not([disabled]),.Input-module_input__d-Moh.Input-module_reversed__Kh7dc:hover:not([disabled]){background:rgba(var(--color-white-rgb,255,255,255),.1)}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc:focus+.Input-module_focusRing__E68jh{border-color:var(--color-blue-300,#73c0e8)}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc:not(.Input-module_error__a-BFh,.Input-module_caution__rC0sY){border-color:rgba(var(--color-white-rgb,255,255,255),.65)}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc:not(.Input-module_error__a-BFh,.Input-module_caution__rC0sY):disabled{border-color:rgba(var(--color-white-rgb,255,255,255),.3)}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc:not(.Input-module_error__a-BFh,.Input-module_caution__rC0sY):focus:not([disabled]),.Input-module_input__d-Moh.Input-module_reversed__Kh7dc:not(.Input-module_error__a-BFh,.Input-module_caution__rC0sY):hover:focus:not([disabled]),.Input-module_input__d-Moh.Input-module_reversed__Kh7dc:not(.Input-module_error__a-BFh,.Input-module_caution__rC0sY):hover:not([disabled]){border-color:var(--color-white,#fff)}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_disabled__CJeOi{background:transparent;color:rgba(var(--color-white-rgb,255,255,255),.3)}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_disabled__CJeOi::-webkit-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:.3;position:static}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_disabled__CJeOi:-moz-placeholder,.Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_disabled__CJeOi::-moz-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.3;position:static}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_disabled__CJeOi:-ms-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.3;position:static}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_error__a-BFh{border-color:var(--color-red-300,#f597a8)}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_error__a-BFh.Input-module_disabled__CJeOi{border-color:rgba(var(--color-red-300-rgb,245,151,168),.3)}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_caution__rC0sY{border-color:var(--color-yellow-400,#ffca4d)}.Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_caution__rC0sY.Input-module_disabled__CJeOi{border-color:rgba(var(--color-yellow-400-rgb,255,202,77),.3)}
57
71
  input[type=range].InputRange-module_ratingScaleRange__gI-rs{all:unset;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:100%}input[type=range].InputRange-module_ratingScaleRange__gI-rs.InputRange-module_disabled__LCaIN{opacity:40%}input[type=range].InputRange-module_ratingScaleRange__gI-rs::-moz-focus-outer{border:0}input[type=range].InputRange-module_ratingScaleRange__gI-rs:focus{outline:0}input[type=range].InputRange-module_ratingScaleRange__gI-rs:focus-visible{outline:2px solid var(--color-blue-500,#0168b3)}input[type=range].InputRange-module_ratingScaleRange__gI-rs::-webkit-slider-runnable-track{border-bottom:2px solid var(--color-gray-500,#8c8c97);border-radius:4px;border-top:1px solid var(--color-gray-500,#8c8c97);box-sizing:border-box;height:0;margin:var(--spacing-sm,.75rem) 0;width:auto}input[type=range].InputRange-module_ratingScaleRange__gI-rs::-moz-range-track{border-bottom:2px solid var(--color-gray-500,#8c8c97);border-radius:4px;border-top:1px solid var(--color-gray-500,#8c8c97);box-sizing:border-box;height:0;width:auto}input[type=range].InputRange-module_ratingScaleRange__gI-rs::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-blue-500,#0168b3);border:4px solid var(--color-white,#fff);border-radius:100%;box-sizing:content-box;height:26px;margin-top:-17px;width:26px}input[type=range].InputRange-module_ratingScaleRange__gI-rs::-webkit-slider-thumb:not(:disabled){-webkit-transition:all .2s;transition:all .2s;-webkit-transition-property:background,height,width;transition-property:background,height,width}input[type=range].InputRange-module_ratingScaleRange__gI-rs::-webkit-slider-thumb:not(:disabled):hover{background:var(--color-blue-600,#004970);height:32px;width:32px}input[type=range].InputRange-module_ratingScaleRange__gI-rs::-moz-range-thumb{background:var(--color-blue-500,#0168b3);border:4px solid var(--color-white,#fff);border-radius:100%;box-sizing:content-box;height:26px;width:26px}input[type=range].InputRange-module_ratingScaleRange__gI-rs::-moz-range-thumb:not(:disabled){-moz-transition:all .2s;transition:all .2s;-moz-transition-property:background,height,width;transition-property:background,height,width}input[type=range].InputRange-module_ratingScaleRange__gI-rs::-moz-range-thumb:not(:disabled):hover{background:var(--color-blue-600,#004970);height:32px;width:32px}input[type=range].InputRange-module_ratingScaleRange__gI-rs.InputRange-module_hideThumb__oscfB::-webkit-slider-thumb{border:none;height:0;width:0}input[type=range].InputRange-module_ratingScaleRange__gI-rs.InputRange-module_hideThumb__oscfB::-moz-range-thumb{border:none;height:0;width:0}input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-track{background:transparent;border-radius:4px;border-width:1px 0 2px;border-bottom:26px solid transparent;border-color:transparent var(--color-gray-500,#8c8c97);border-top:26px solid transparent;box-sizing:border-box;color:transparent;height:0;width:auto}input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-fill-lower,input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-fill-upper{background:var(--color-gray-500,#8c8c97);border:none;border-radius:8px}input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb{background:var(--color-blue-500,#0168b3);border:4px solid var(--color-white,#fff);border-radius:100%;box-sizing:content-box;height:26px;width:26px}input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disabled){-ms-transition:all .2s;transition:all .2s;-ms-transition-property:background,height,width;transition-property:background,height,width}input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disabled):hover{background:var(--color-blue-600,#004970);height:32px;width:32px}.InputRange-module_spokes__UFu4A{display:flex;justify-content:space-between;padding:0 17px var(--spacing-sm,.75rem)}.InputRange-module_spokes__UFu4A.InputRange-module_disabled__LCaIN{opacity:40%}.InputRange-module_spokeContainer__i6epK{align-items:center;display:flex;justify-content:center;width:1px}.InputRange-module_spoke__k4Hzh{background:var(--color-gray-500,#8c8c97);border:2px solid var(--color-gray-500,#8c8c97);border-radius:100%;height:0;width:0}.InputRange-module_labelsContainer__H-cPY{display:flex;justify-content:center;width:100%}.InputRange-module_sliderLabels__qpYBv{display:flex;justify-content:space-between;width:100%}.InputRange-module_sliderLabels__qpYBv.InputRange-module_disabled__LCaIN{opacity:40%}
58
- .InputSearch-module_wrapper__xz4kh{position:relative}.InputSearch-module_input__hCit3[type=search]{align-items:center;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) transparent;border-radius:48px;box-sizing:border-box;display:flex;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-size:1rem;font-weight:var(--typography-paragraph-body-font-weight,400);height:48px;letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);line-height:1.5;outline:0;padding-block:0;padding-inline-end:var(--spacing-sm,.75rem);padding-inline-start:calc(2.25rem + var(--spacing-sm, .75rem));position:static;width:100%}.InputSearch-module_input__hCit3[type=search]::-webkit-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:100%;position:static}.InputSearch-module_input__hCit3[type=search]:-moz-placeholder,.InputSearch-module_input__hCit3[type=search]::-moz-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.InputSearch-module_input__hCit3[type=search]:-ms-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.InputSearch-module_input__hCit3[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.InputSearch-module_hasEndIconAdornment__ZtGcu .InputSearch-module_input__hCit3[type=search]{padding-inline-end:calc(var(--spacing-sm, .75rem) + 1.25rem + var(--spacing-sm, .75rem))}.InputSearch-module_input__hCit3[type=search]:focus::-webkit-input-placeholder,.InputSearch-module_input__hCit3[type=search]:hover::-webkit-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:0;position:static}.InputSearch-module_input__hCit3[type=search]:focus:-moz-placeholder,.InputSearch-module_input__hCit3[type=search]:focus::-moz-placeholder,.InputSearch-module_input__hCit3[type=search]:hover:-moz-placeholder,.InputSearch-module_input__hCit3[type=search]:hover::-moz-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:0;position:static}.InputSearch-module_input__hCit3[type=search]:focus:-ms-input-placeholder,.InputSearch-module_input__hCit3[type=search]:hover:-ms-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:0;position:static}.InputSearch-module_input__hCit3[type=search]:focus+.InputSearch-module_focusRing__kDUuP{background:transparent;border-radius:48px;border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);inset:-3px;pointer-events:none;position:absolute}.InputSearch-module_startIconAdornment__Tc7Yx{height:1.25rem;inset-inline-start:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.InputSearch-module_loadingSpinner__GIO1C{margin-top:-2px}.InputSearch-module_endIconAdornment__lm-3h{height:1.25rem;inset-inline-end:var(--spacing-sm,.75rem);position:absolute;top:50%;transform:translateY(-50%);z-index:1}.InputSearch-module_disabled__RizfW{opacity:.3;pointer-events:none}.InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search]{background-color:var(--color-white,#fff);border-color:var(--color-gray-500,#8c8c97);color:var(--color-purple-800,#2f2438)}.InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search]::-webkit-input-placeholder{color:var(--color-purple-800,#2f2438);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:.7;position:static}.InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search]:-moz-placeholder,.InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search]::-moz-placeholder{color:var(--color-purple-800,#2f2438);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.7;position:static}.InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search]:-ms-input-placeholder{color:var(--color-purple-800,#2f2438);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.7;position:static}.InputSearch-module_default__4d3Ek .InputSearch-module_focusRing__kDUuP{border-color:var(--color-blue-500,#0168b3)}.InputSearch-module_default__4d3Ek .InputSearch-module_startIconAdornment__Tc7Yx{color:var(--color-purple-800,#2f2438);opacity:.7}.InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_input__hCit3[type=search],.InputSearch-module_default__4d3Ek:hover .InputSearch-module_input__hCit3[type=search]{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_input__hCit3[type=search]::-webkit-input-placeholder,.InputSearch-module_default__4d3Ek:hover .InputSearch-module_input__hCit3[type=search]::-webkit-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:100%;position:static}.InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_input__hCit3[type=search]:-moz-placeholder,.InputSearch-module_default__4d3Ek:hover .InputSearch-module_input__hCit3[type=search]:-moz-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_input__hCit3[type=search]::-moz-placeholder,.InputSearch-module_default__4d3Ek:hover .InputSearch-module_input__hCit3[type=search]::-moz-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_input__hCit3[type=search]:-ms-input-placeholder,.InputSearch-module_default__4d3Ek:hover .InputSearch-module_input__hCit3[type=search]:-ms-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_startIconAdornment__Tc7Yx,.InputSearch-module_default__4d3Ek:hover .InputSearch-module_startIconAdornment__Tc7Yx{opacity:100%}.InputSearch-module_secondary__l68uD .InputSearch-module_input__hCit3[type=search]{background-color:var(--color-gray-200,#f4f4f5);border-color:transparent;color:var(--color-purple-800,#2f2438)}.InputSearch-module_secondary__l68uD .InputSearch-module_input__hCit3[type=search]::-webkit-input-placeholder{color:var(--color-purple-800,#2f2438);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:.7;position:static}.InputSearch-module_secondary__l68uD .InputSearch-module_input__hCit3[type=search]:-moz-placeholder,.InputSearch-module_secondary__l68uD .InputSearch-module_input__hCit3[type=search]::-moz-placeholder{color:var(--color-purple-800,#2f2438);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.7;position:static}.InputSearch-module_secondary__l68uD .InputSearch-module_input__hCit3[type=search]:-ms-input-placeholder{color:var(--color-purple-800,#2f2438);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.7;position:static}.InputSearch-module_secondary__l68uD .InputSearch-module_focusRing__kDUuP{border-color:var(--color-blue-500,#0168b3)}.InputSearch-module_secondary__l68uD .InputSearch-module_startIconAdornment__Tc7Yx{color:var(--color-purple-800,#2f2438);opacity:.7}.InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_input__hCit3[type=search],.InputSearch-module_secondary__l68uD:hover .InputSearch-module_input__hCit3[type=search]{background-color:var(--color-gray-300,#eaeaec);border-color:transparent}.InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_input__hCit3[type=search]::-webkit-input-placeholder,.InputSearch-module_secondary__l68uD:hover .InputSearch-module_input__hCit3[type=search]::-webkit-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:100%;position:static}.InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_input__hCit3[type=search]:-moz-placeholder,.InputSearch-module_secondary__l68uD:hover .InputSearch-module_input__hCit3[type=search]:-moz-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_input__hCit3[type=search]::-moz-placeholder,.InputSearch-module_secondary__l68uD:hover .InputSearch-module_input__hCit3[type=search]::-moz-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_input__hCit3[type=search]:-ms-input-placeholder,.InputSearch-module_secondary__l68uD:hover .InputSearch-module_input__hCit3[type=search]:-ms-input-placeholder{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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:100%;position:static}.InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_startIconAdornment__Tc7Yx,.InputSearch-module_secondary__l68uD:hover .InputSearch-module_startIconAdornment__Tc7Yx{opacity:100%}.InputSearch-module_reversed__eS7Nr .InputSearch-module_input__hCit3[type=search]{background:rgba(var(--color-white-rgb,255,255,255),.1);color:var(--color-white,#fff)}.InputSearch-module_reversed__eS7Nr .InputSearch-module_input__hCit3[type=search]::-webkit-input-placeholder{color:var(--color-white,#fff);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:.8;position:static}.InputSearch-module_reversed__eS7Nr .InputSearch-module_input__hCit3[type=search]:-moz-placeholder,.InputSearch-module_reversed__eS7Nr .InputSearch-module_input__hCit3[type=search]::-moz-placeholder{color:var(--color-white,#fff);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.8;position:static}.InputSearch-module_reversed__eS7Nr .InputSearch-module_input__hCit3[type=search]:-ms-input-placeholder{color:var(--color-white,#fff);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-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.8;position:static}.InputSearch-module_reversed__eS7Nr .InputSearch-module_focusRing__kDUuP{border-color:var(--color-blue-300,#73c0e8)}.InputSearch-module_reversed__eS7Nr .InputSearch-module_startIconAdornment__Tc7Yx{color:var(--color-white,#fff);opacity:.8}.InputSearch-module_reversed__eS7Nr:focus-within .InputSearch-module_input__hCit3[type=search],.InputSearch-module_reversed__eS7Nr:hover .InputSearch-module_input__hCit3[type=search]{background-color:rgba(var(--color-white-rgb,255,255,255),.2);border-color:transparent}.InputSearch-module_reversed__eS7Nr.InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search]{border-color:rgba(var(--color-white-rgb,255,255,255),.65)}
59
72
  .GenericNotification-module_notification__-JP1M{box-sizing:border-box;display:flex;pointer-events:all}.GenericNotification-module_notification__-JP1M.GenericNotification-module_inline__OciO5,.GenericNotification-module_notification__-JP1M.GenericNotification-module_toast__GOVfC{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid);border-radius:var(--border-solid-border-radius,7px);margin-bottom:var(--spacing-24,1.5rem)}.GenericNotification-module_notification__-JP1M.GenericNotification-module_inline__OciO5{min-height:46px;padding:calc(var(--spacing-6, .375rem) - var(--border-solid-border-width, 2px)) var(--spacing-12,.75rem);transition:opacity .2s ease,transform .2s ease-out,margin-top .2s ease,margin-bottom .2s ease;width:auto}.GenericNotification-module_notification__-JP1M.GenericNotification-module_toast__GOVfC{box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));container-type:inline-size;max-width:100%;padding:calc(var(--spacing-6, .375rem) - var(--border-solid-border-width, 2px)) 10px;transition:opacity .2s ease,transform .3s ease-out,margin-top .2s ease .2s,margin-bottom .2s ease;width:25rem;will-change:transform}.GenericNotification-module_notification__-JP1M.GenericNotification-module_global__Weka-{align-items:center;border-radius:0;border-width:0;display:flex;margin-bottom:0;position:relative;transition:margin-top .2s ease,margin-bottom .2s ease;width:100%;z-index:1030}.GenericNotification-module_notification__-JP1M.GenericNotification-module_positive__U-3HK{background:var(--color-green-100,#e8f8f4);border-color:var(--color-green-300,#8fdbc7);color:var(--color-purple-800,#2f2438)}.GenericNotification-module_notification__-JP1M.GenericNotification-module_global__Weka-.GenericNotification-module_positive__U-3HK{background-color:var(--color-green-200,#c4ede2)}.GenericNotification-module_notification__-JP1M.GenericNotification-module_informative__WLimi{background:var(--color-blue-100,#e6f6ff);border-color:var(--color-blue-300,#73c0e8);color:var(--color-purple-800,#2f2438)}.GenericNotification-module_notification__-JP1M.GenericNotification-module_global__Weka-.GenericNotification-module_informative__WLimi{background-color:var(--color-blue-200,#bde2f5)}.GenericNotification-module_notification__-JP1M.GenericNotification-module_cautionary__lneFu,.GenericNotification-module_notification__-JP1M.GenericNotification-module_security__QTALa{background:var(--color-yellow-100,#fff9e4);border-color:var(--color-yellow-400,#ffca4d);color:var(--color-purple-800,#2f2438)}.GenericNotification-module_notification__-JP1M.GenericNotification-module_global__Weka-.GenericNotification-module_cautionary__lneFu,.GenericNotification-module_notification__-JP1M.GenericNotification-module_global__Weka-.GenericNotification-module_security__QTALa{background-color:var(--color-yellow-200,#ffeeb3)}.GenericNotification-module_notification__-JP1M.GenericNotification-module_negative__lUWhD{background:var(--color-red-100,#fdeaee);border-color:var(--color-red-300,#f597a8);color:var(--color-purple-800,#2f2438)}.GenericNotification-module_notification__-JP1M.GenericNotification-module_global__Weka-.GenericNotification-module_negative__lUWhD{background-color:var(--color-red-200,#f9c2cb)}.GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct{opacity:0}.GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_global__Weka-,.GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_inline__OciO5{margin-bottom:0}.GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_inline__OciO5{transform:translateY(-50%);transition-timing-function:ease-in}.GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_toast__GOVfC{transform:translateX(50%);transition-timing-function:ease-in}.GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_global__Weka-{opacity:100%;z-index:1029}.GenericNotification-module_notification__-JP1M.GenericNotification-module_noBottomMargin__28nF8{margin-bottom:0}.GenericNotification-module_notification__-JP1M.GenericNotification-module_persistent__O7bgI{transition:none}.GenericNotification-module_notification__-JP1M.GenericNotification-module_subtle__kPns9{background:none;border:none;padding:0}.GenericNotification-module_icon__SDb8v{align-items:flex-start;box-sizing:content-box}.GenericNotification-module_positive__U-3HK .GenericNotification-module_icon__SDb8v{color:var(--color-green-500,#44a289)}.GenericNotification-module_informative__WLimi .GenericNotification-module_icon__SDb8v{color:var(--color-blue-500,#0168b3)}.GenericNotification-module_cautionary__lneFu .GenericNotification-module_icon__SDb8v,.GenericNotification-module_security__QTALa .GenericNotification-module_icon__SDb8v{color:var(--color-yellow-500,#ffb600)}.GenericNotification-module_negative__lUWhD .GenericNotification-module_icon__SDb8v{color:var(--color-red-500,#c93b55)}.GenericNotification-module_inline__OciO5 .GenericNotification-module_icon__SDb8v,.GenericNotification-module_toast__GOVfC .GenericNotification-module_icon__SDb8v{height:22px;margin-top:var(--spacing-6,.375rem);width:22px}.GenericNotification-module_global__Weka- .GenericNotification-module_icon__SDb8v{border-radius:var(--border-solid-border-radius,7px);color:var(--color-white,#fff);height:calc(var(--spacing-24, 1.5rem)*1.25);margin:calc(var(--spacing-24, 1.5rem)/4);padding:calc(var(--spacing-24, 1.5rem)*2/2 - var(--spacing-24, 1.5rem)*1.25/2);width:calc(var(--spacing-24, 1.5rem)*1.25)}.GenericNotification-module_global__Weka-.GenericNotification-module_positive__U-3HK .GenericNotification-module_icon__SDb8v{background-color:var(--color-green-500,#44a289)}.GenericNotification-module_global__Weka-.GenericNotification-module_informative__WLimi .GenericNotification-module_icon__SDb8v{background-color:var(--color-blue-500,#0168b3)}.GenericNotification-module_global__Weka-.GenericNotification-module_cautionary__lneFu .GenericNotification-module_icon__SDb8v,.GenericNotification-module_global__Weka-.GenericNotification-module_security__QTALa .GenericNotification-module_icon__SDb8v{background-color:var(--color-yellow-500,#ffb600)}.GenericNotification-module_global__Weka-.GenericNotification-module_negative__lUWhD .GenericNotification-module_icon__SDb8v{background-color:var(--color-red-500,#c93b55)}.GenericNotification-module_textContainer__Avpbk{box-sizing:content-box;display:flex;flex:1 0 0;flex-flow:row wrap}.GenericNotification-module_inline__OciO5 .GenericNotification-module_textContainer__Avpbk,.GenericNotification-module_toast__GOVfC .GenericNotification-module_textContainer__Avpbk{margin-inline-start:var(--spacing-6,.375rem)}.GenericNotification-module_toast__GOVfC .GenericNotification-module_textContainer__Avpbk{-webkit-hyphens:auto;hyphens:auto;margin-inline-start:var(--spacing-6,.375rem);max-width:calc(100% - var(--spacing-48, 3rem));overflow-wrap:break-word}.GenericNotification-module_global__Weka- .GenericNotification-module_textContainer__Avpbk{margin-inline-start:var(--spacing-12,.75rem);padding:calc(var(--spacing-24, 1.5rem)*.25) 0}.GenericNotification-module_inline__OciO5 .GenericNotification-module_textContainer__Avpbk{transition:opacity .2s ease}.GenericNotification-module_textContainer__Avpbk.GenericNotification-module_forceMultiline__JcVA4{flex-direction:column}.GenericNotification-module_title__dvQOr{color:inherit;font-family:var(--typography-heading-6-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-6-font-size,.875rem);font-weight:var(--typography-heading-6-font-weight,700);letter-spacing:var(--typography-heading-6-letter-spacing,normal);line-height:var(--typography-heading-6-line-height,1.5rem);margin:0;padding-right:6px;position:relative;text-transform:none;top:.37em}.GenericNotification-module_text__X-5ld{color:inherit;margin:0}.GenericNotification-module_inline__OciO5 .GenericNotification-module_text__X-5ld,.GenericNotification-module_text__X-5ld,.GenericNotification-module_toast__GOVfC .GenericNotification-module_text__X-5ld{font-family:var(--typography-paragraph-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-small-font-size,.875rem);font-weight:var(--typography-paragraph-small-font-weight,400);letter-spacing:var(--typography-paragraph-small-letter-spacing,normal);line-height:var(--typography-paragraph-small-line-height,1.125rem);position:relative}.GenericNotification-module_inline__OciO5 .GenericNotification-module_text__X-5ld,.GenericNotification-module_toast__GOVfC .GenericNotification-module_text__X-5ld{flex:0 1 auto;margin-top:var(--spacing-6,.375rem);padding-bottom:var(--spacing-12,.75rem);top:.21em}.GenericNotification-module_toast__GOVfC .GenericNotification-module_text__X-5ld{width:100%}.GenericNotification-module_global__Weka- .GenericNotification-module_text__X-5ld{font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);position:static}.GenericNotification-module_text__X-5ld a[href]{color:var(--color-blue-500,#0168b3);text-decoration:underline}.GenericNotification-module_text__X-5ld a[href]:hover{color:var(--color-blue-500,#0168b3);text-decoration:none}.GenericNotification-module_global__Weka- .GenericNotification-module_text__X-5ld a[href]{color:var(--color-purple-800,#2f2438)}.GenericNotification-module_text__X-5ld strong{font-weight:var(--typography-button-secondary-font-weight,500)}.GenericNotification-module_text__X-5ld p{font-weight:inherit}.GenericNotification-module_cancel__c6wky{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--color-purple-800,#2f2438);cursor:pointer;font:inherit;margin:0;padding:0;transform:none;transition:none}.GenericNotification-module_cancel__c6wky .GenericNotification-module_icon__SDb8v{opacity:70%;transition:var(--animation-duration-fast,.3s) opacity}.GenericNotification-module_cancel__c6wky:disabled .GenericNotification-module_icon__SDb8v,.GenericNotification-module_disabled__WGBhD.GenericNotification-module_cancel__c6wky .GenericNotification-module_icon__SDb8v{opacity:30%}.GenericNotification-module_cancel__c6wky:not(:disabled,.GenericNotification-module_disabled__WGBhD).GenericNotification-module_active__-6ahb .GenericNotification-module_icon__SDb8v,.GenericNotification-module_cancel__c6wky:not(:disabled,.GenericNotification-module_disabled__WGBhD).GenericNotification-module_hover__hUURd .GenericNotification-module_icon__SDb8v,.GenericNotification-module_cancel__c6wky:not(:disabled,.GenericNotification-module_disabled__WGBhD):active .GenericNotification-module_icon__SDb8v,.GenericNotification-module_cancel__c6wky:not(:disabled,.GenericNotification-module_disabled__WGBhD):focus .GenericNotification-module_icon__SDb8v,.GenericNotification-module_cancel__c6wky:not(:disabled,.GenericNotification-module_disabled__WGBhD):hover .GenericNotification-module_icon__SDb8v{opacity:100%}.GenericNotification-module_cancel__c6wky:active{transform:translateY(1px)}.GenericNotification-module_inline__OciO5 .GenericNotification-module_cancel__c6wky,.GenericNotification-module_toast__GOVfC .GenericNotification-module_cancel__c6wky{height:var(--spacing-48,3rem);margin-bottom:calc(var(--spacing-6, .375rem)*-1);margin-top:calc(var(--spacing-6, .375rem)*-1);width:var(--spacing-48,3rem)}.GenericNotification-module_inline__OciO5 .GenericNotification-module_cancel__c6wky{margin-right:calc(var(--spacing-12, .75rem)*-1)}.GenericNotification-module_toast__GOVfC .GenericNotification-module_cancel__c6wky{margin-right:-10px}.GenericNotification-module_global__Weka- .GenericNotification-module_cancel__c6wky{height:3.75rem;margin-bottom:calc(var(--spacing-12, .75rem)*-1);margin-right:-15px;margin-top:calc(var(--spacing-12, .75rem)*-1);padding-right:calc(var(--spacing-24, 1.5rem)*.625);width:3.75rem}.GenericNotification-module_cancelLabel__HJzsk{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.GenericNotification-module_cancel__c6wky{align-items:center;display:flex;justify-content:center;position:relative}.GenericNotification-module_cancel__c6wky:focus{outline:none}.GenericNotification-module_cancel__c6wky:focus-visible:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:6px;pointer-events:none;position:absolute}.GenericNotification-module_notificationTitle__Oaqb8{line-height:var(--typography-heading-6-line-height,1.5rem);margin-inline-end:var(--spacing-6,.375rem);position:relative;top:.42em}@container (max-width: 25rem){.GenericNotification-module_notificationTitle__Oaqb8{width:100%}}
60
73
  .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)}
61
74
  .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)}
@@ -70,17 +83,4 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs{all:unset;-webkit-ap
70
83
  .Branding-module_branding__Oayqr{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__Oayqr{justify-content:unset}}.Branding-module_logo__rTXU9{flex-basis:7.5rem}
71
84
  .Root-module_root__cfRZi{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__cfRZi{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
72
85
  .Main-module_main__H-zGJ{z-index:0}
73
- .Wrapper-module_wrapper__EUUEZ{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
74
- .ListBox-module_listBox__UNOzJ{display:grid;list-style:none;margin:0 var(--spacing-sm,.75rem) 0 0;max-height:22rem;overflow-y:auto;padding:var(--spacing-sm,.75rem)}.ListBox-module_overflown__ATtxj{padding-right:var(--spacing-sm,.75rem)}.ListBox-module_hidden__tQP6S{display:none}.ListBox-module_noResultsWrapper__iJ-x6{list-style:none}
75
- .ListBoxSection-module_listBoxSection__zH8wd{display:grid;list-style:none;padding:0}.ListBoxSection-module_listBoxSectionHeader__NcTZR{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);font-family:var(--typography-heading-6-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-6-font-size,.875rem);font-weight:var(--typography-heading-6-font-weight,700);line-height:var(--typography-heading-6-line-height,1.5rem);margin:var(--spacing-6,.375rem) 0}
76
- .LoadMoreButton-module_container__5VoUY{padding:var(--spacing-sm,.75rem) var(--spacing-sm,.75rem) 0}
77
- .MenuFooter-module_footer__EAJQH{border-top:1px solid rgba(var(--color-gray-600-rgb,82,78,86),.1);display:flex;gap:var(--spacing-xs,.375rem);padding:var(--spacing-sm,.75rem) var(--spacing-sm,.75rem) 0}
78
- .MenuLoadingSkeleton-module_loadingInput__XjXUs{margin-bottom:var(--spacing-sm,.75rem)}.MenuLoadingSkeleton-module_loadingContainer__Re0NU{margin-left:var(--spacing-sm,.75rem);margin-right:var(--spacing-sm,.75rem)}
79
- .MenuPopup-module_menuPopup__JlPk3{background:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 8px 40px rgba(0,0,0,.08),0 3px 9px rgba(0,0,0,.1));box-sizing:border-box;color:var(--color-purple-800,#2f2438);margin-top:var(--spacing-xs,.375rem);padding:var(--spacing-sm,.75rem) 0;position:absolute;text-align:left;width:294px;z-index:1000}[dir=rtl] .MenuPopup-module_menuPopup__JlPk3{text-align:right}
80
- .MultiSelectOption-module_icon__rmfL-{align-items:center;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid);border-color:var(--color-gray-500,#8c8c97);border-radius:var(--border-solid-border-radius,7px);display:inline-flex;height:calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px)*2);justify-content:center;line-height:1;width:calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px)*2)}.MultiSelectOption-module_option__1vbfi{align-items:flex-start;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid);border-color:var(--border-borderless-border-color,transparent);border-radius:var(--border-solid-border-radius,7px);cursor:default;display:inline-grid;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-body-font-weight,400);gap:var(--spacing-xs,.375rem);grid-template-columns:var(--spacing-md,1.5rem) 1fr auto;height:-moz-fit-content;height:fit-content;letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);padding:var(--spacing-xs,.375rem);position:relative}.MultiSelectOption-module_option__1vbfi:active,.MultiSelectOption-module_option__1vbfi:focus,.MultiSelectOption-module_option__1vbfi:hover{background-color:var(--color-blue-100,#e6f6ff)}.MultiSelectOption-module_option__1vbfi:active .MultiSelectOption-module_badge__VbnQR,.MultiSelectOption-module_option__1vbfi:focus .MultiSelectOption-module_badge__VbnQR,.MultiSelectOption-module_option__1vbfi:hover .MultiSelectOption-module_badge__VbnQR{background-color:var(--color-white,#fff)}.MultiSelectOption-module_option__1vbfi:active .MultiSelectOption-module_icon__rmfL-,.MultiSelectOption-module_option__1vbfi:focus .MultiSelectOption-module_icon__rmfL-,.MultiSelectOption-module_option__1vbfi:hover .MultiSelectOption-module_icon__rmfL-{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.MultiSelectOption-module_option__1vbfi.MultiSelectOption-module_isFocused__XhwMs,.MultiSelectOption-module_option__1vbfi:focus-visible{background-color:var(--color-blue-100,#e6f6ff)}.MultiSelectOption-module_option__1vbfi.MultiSelectOption-module_isFocused__XhwMs:after,.MultiSelectOption-module_option__1vbfi:focus-visible:after{background:transparent;border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*2*-1 + -1px);position:absolute;z-index:1}.MultiSelectOption-module_option__1vbfi:focus{outline:none}.MultiSelectOption-module_isDisabled__FKH9f{background:none;opacity:30%}.MultiSelectOption-module_isDisabled__FKH9f:hover .MultiSelectOption-module_icon__rmfL-{border-color:var(--color-gray-500,#8c8c97)}.MultiSelectOption-module_isDisabled__FKH9f:hover .MultiSelectOption-module_badge__VbnQR{background-color:var(--color-gray-300,#eaeaec)}.MultiSelectOption-module_badgeContainer__6Xw7E{align-items:center;display:flex;height:var(--spacing-md,1.5rem)}.MultiSelectOption-module_isSelected__dXmuK{font-weight:var(--typography-paragraph-bold-font-weight,600)}.MultiSelectOption-module_isSelected__dXmuK.MultiSelectOption-module_icon__rmfL-{background-color:var(--color-gray-500,#8c8c97);color:var(--color-white,#fff)}.MultiSelectOption-module_isSelected__dXmuK:active .MultiSelectOption-module_icon__rmfL-,.MultiSelectOption-module_isSelected__dXmuK:focus .MultiSelectOption-module_icon__rmfL-,.MultiSelectOption-module_isSelected__dXmuK:hover .MultiSelectOption-module_icon__rmfL-{background-color:var(--color-gray-600,#524e56)}
81
- .NoResults-module_container__itPph{padding:1.125rem}
82
- .SearchInput-module_inputSearchContainer__2TCSY{margin:0 var(--spacing-sm,.75rem);position:relative}
83
- .SectionDivider-module_divider__zlsWs{margin:.5rem 0}
84
- .SelectionControlButton-module_button__F6wec{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid);border-color:var(--border-borderless-border-color,transparent);border-radius:var(--border-solid-border-radius,7px);color:inherit;color:var(--color-blue-500,#0168b3);display:inline;display:inline-flex;font:inherit;font-family:var(--typography-button-secondary-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-button-secondary-font-size,1rem);font-weight:var(--typography-button-secondary-font-weight,500);gap:var(--spacing-xs,.375rem);letter-spacing:var(--typography-button-secondary-letter-spacing,normal);line-height:var(--typography-button-secondary-line-height,1.5rem);margin:0;padding:0;padding:var(--spacing-4,.25rem) var(--spacing-8,.5rem);position:relative}.SelectionControlButton-module_button__F6wec:focus{outline:none}.SelectionControlButton-module_button__F6wec:active:not(.SelectionControlButton-module_isDisabled__lYOrG),.SelectionControlButton-module_button__F6wec:focus:not(.SelectionControlButton-module_isDisabled__lYOrG),.SelectionControlButton-module_button__F6wec:hover:not(.SelectionControlButton-module_isDisabled__lYOrG){background-color:var(--color-blue-100,#e6f6ff)}.SelectionControlButton-module_button__F6wec:focus-visible:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*2*-1 + -1px);position:absolute}.SelectionControlButton-module_button__F6wec.SelectionControlButton-module_isDisabled__lYOrG{color:rgba(var(--color-purple-800-rgb,47,36,56),.3);opacity:100%;pointer-events:none}.SelectionControlButton-module_button__F6wec.SelectionControlButton-module_isDisabled__lYOrG:focus{border:2px solid transparent;outline:none}.SelectionControlButton-module_button__F6wec.SelectionControlButton-module_isDisabled__lYOrG:focus-visible:after{border-color:var(--color-gray-400,#cdcdd0);border-style:var(--border-dashed-border-style,dashed)}
85
- .ClearAllButton-module_clearAllButton__luhgk{white-space:nowrap}
86
- .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)}
86
+ .Wrapper-module_wrapper__EUUEZ{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
package/dist/cjs/index.js CHANGED
@@ -25,6 +25,8 @@ var FieldGroup = require('./FieldGroup/FieldGroup.js');
25
25
  var FieldMessage = require('./FieldMessage/FieldMessage.js');
26
26
  var Filter = require('./Filter/Filter.js');
27
27
  var FilterContents = require('./Filter/subcomponents/FilterContents/FilterContents.js');
28
+ var FilterBar = require('./FilterBar/FilterBar.js');
29
+ var FilterBarContext = require('./FilterBar/context/FilterBarContext.js');
28
30
  var FilterButton = require('./FilterButton/FilterButton/FilterButton.js');
29
31
  var FilterButtonRemovable = require('./FilterButton/FilterButtonRemovable/FilterButtonRemovable.js');
30
32
  var FilterDatePicker = require('./FilterDatePicker/FilterDatePicker.js');
@@ -33,6 +35,12 @@ var useDateValidation = require('./FilterDatePicker/hooks/useDateValidation.js')
33
35
  var getDateValidationHandler = require('./FilterDatePicker/utils/getDateValidationHandler.js');
34
36
  var validateDate = require('./FilterDatePicker/utils/validateDate.js');
35
37
  var FilterDateRangePicker = require('./FilterDateRangePicker/FilterDateRangePicker.js');
38
+ var FilterMultiSelect = require('./FilterMultiSelect/FilterMultiSelect.js');
39
+ var MenuTriggerProvider = require('./FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.js');
40
+ var SelectionProvider = require('./FilterMultiSelect/context/SelectionProvider/SelectionProvider.js');
41
+ var getTruncatedLabel = require('./FilterMultiSelect/utils/getTruncatedLabel.js');
42
+ var getSelectedOptionLabels = require('./FilterMultiSelect/utils/getSelectedOptionLabels.js');
43
+ var getSelectedOptionKeys = require('./FilterMultiSelect/utils/getSelectedOptionKeys.js');
36
44
  var FilterSelect = require('./FilterSelect/FilterSelect.js');
37
45
  var Heading = require('./Heading/Heading.js');
38
46
  var AcademyIcon = require('./Icon/AcademyIcon.js');
@@ -290,14 +298,6 @@ var SearchField = require('./SearchField/SearchField.js');
290
298
  var Slider = require('./Slider/Slider.js');
291
299
  var Text = require('./Text/Text.js');
292
300
  var Workflow = require('./Workflow/Workflow.js');
293
- var FilterBar = require('./FilterBar/FilterBar.js');
294
- var FilterBarContext = require('./FilterBar/context/FilterBarContext.js');
295
- var FilterMultiSelect = require('./FilterMultiSelect/FilterMultiSelect.js');
296
- var MenuTriggerProvider = require('./FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.js');
297
- var SelectionProvider = require('./FilterMultiSelect/context/SelectionProvider/SelectionProvider.js');
298
- var getTruncatedLabel = require('./FilterMultiSelect/utils/getTruncatedLabel.js');
299
- var getSelectedOptionLabels = require('./FilterMultiSelect/utils/getSelectedOptionLabels.js');
300
- var getSelectedOptionKeys = require('./FilterMultiSelect/utils/getSelectedOptionKeys.js');
301
301
  var heart = require('./KaizenProvider/ThemeProvider/themes/heart.js');
302
302
  exports.Avatar = Avatar.Avatar;
303
303
  exports.AvatarGroup = AvatarGroup.AvatarGroup;
@@ -325,6 +325,9 @@ exports.FieldGroup = FieldGroup.FieldGroup;
325
325
  exports.FieldMessage = FieldMessage.FieldMessage;
326
326
  exports.Filter = Filter.Filter;
327
327
  exports.FilterContents = FilterContents.FilterContents;
328
+ exports.FilterBar = FilterBar.FilterBar;
329
+ exports.FilterBarProvider = FilterBarContext.FilterBarProvider;
330
+ exports.useFilterBarContext = FilterBarContext.useFilterBarContext;
328
331
  exports.FilterButton = FilterButton.FilterButton;
329
332
  exports.FilterButtonRemovable = FilterButtonRemovable.FilterButtonRemovable;
330
333
  exports.FilterDatePicker = FilterDatePicker.FilterDatePicker;
@@ -333,6 +336,16 @@ exports.useDateValidation = useDateValidation.useDateValidation;
333
336
  exports.getDateValidationHandler = getDateValidationHandler.getDateValidationHandler;
334
337
  exports.validateDate = validateDate.validateDate;
335
338
  exports.FilterDateRangePicker = FilterDateRangePicker.FilterDateRangePicker;
339
+ exports.FilterMultiSelect = FilterMultiSelect.FilterMultiSelect;
340
+ exports.MenuTriggerConsumer = MenuTriggerProvider.MenuTriggerConsumer;
341
+ exports.MenuTriggerProvider = MenuTriggerProvider.MenuTriggerProvider;
342
+ exports.useMenuTriggerContext = MenuTriggerProvider.useMenuTriggerContext;
343
+ exports.SelectionConsumer = SelectionProvider.SelectionConsumer;
344
+ exports.SelectionProvider = SelectionProvider.SelectionProvider;
345
+ exports.useSelectionContext = SelectionProvider.useSelectionContext;
346
+ exports.getTruncatedLabels = getTruncatedLabel.getTruncatedLabels;
347
+ exports.getSelectedOptionLabels = getSelectedOptionLabels.getSelectedOptionLabels;
348
+ exports.getSelectedOptionKeys = getSelectedOptionKeys.getSelectedOptionKeys;
336
349
  exports.FilterSelect = FilterSelect.FilterSelect;
337
350
  exports.Heading = Heading.Heading;
338
351
  exports.AcademyIcon = AcademyIcon.AcademyIcon;
@@ -592,18 +605,5 @@ exports.SearchField = SearchField.SearchField;
592
605
  exports.Slider = Slider.Slider;
593
606
  exports.Text = Text.Text;
594
607
  exports.Workflow = Workflow.Workflow;
595
- exports.FilterBar = FilterBar.FilterBar;
596
- exports.FilterBarProvider = FilterBarContext.FilterBarProvider;
597
- exports.useFilterBarContext = FilterBarContext.useFilterBarContext;
598
- exports.FilterMultiSelect = FilterMultiSelect.FilterMultiSelect;
599
- exports.MenuTriggerConsumer = MenuTriggerProvider.MenuTriggerConsumer;
600
- exports.MenuTriggerProvider = MenuTriggerProvider.MenuTriggerProvider;
601
- exports.useMenuTriggerContext = MenuTriggerProvider.useMenuTriggerContext;
602
- exports.SelectionConsumer = SelectionProvider.SelectionConsumer;
603
- exports.SelectionProvider = SelectionProvider.SelectionProvider;
604
- exports.useSelectionContext = SelectionProvider.useSelectionContext;
605
- exports.getTruncatedLabels = getTruncatedLabel.getTruncatedLabels;
606
- exports.getSelectedOptionLabels = getSelectedOptionLabels.getSelectedOptionLabels;
607
- exports.getSelectedOptionKeys = getSelectedOptionKeys.getSelectedOptionKeys;
608
608
  exports.heartTheme = heart.heartTheme;
609
609
  //# sourceMappingURL=index.js.map
package/dist/esm/FilterMultiSelect/FilterMultiSelect.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import { __assign } from 'tslib';
2
2
  import React from 'react';
3
- import { ClearButton } from '@kaizen/draft-form';
4
3
  import { MenuTriggerProvider, MenuTriggerConsumer } from './context/MenuTriggerProvider/MenuTriggerProvider.js';
5
4
  import { SelectionProvider, SelectionConsumer } from './context/SelectionProvider/SelectionProvider.js';
6
5
  import { ListBox } from './subcomponents/ListBox/ListBox.js';
@@ -13,8 +12,7 @@ import { MultiSelectOption } from './subcomponents/MultiSelectOption/MultiSelect
13
12
  import { NoResults } from './subcomponents/NoResults/NoResults.js';
14
13
  import { SearchInput } from './subcomponents/SearchInput/SearchInput.js';
15
14
  import { SectionDivider } from './subcomponents/SectionDivider/SectionDivider.js';
16
- import 'classnames';
17
- import '@kaizen/a11y';
15
+ import { ClearButton } from './subcomponents/SelectionControlButton/ClearButton/ClearButton.js';
18
16
  import { SelectAllButton } from './subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.js';
19
17
  import { FilterTriggerButton } from './subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.js';
20
18
  import { RemovableFilterTrigger } from './subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.js';
package/dist/esm/FilterMultiSelect/FilterMultiSelect.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FilterMultiSelect.js","sources":["../../../src/FilterMultiSelect/FilterMultiSelect.tsx"],"sourcesContent":["import React from \"react\"\nimport { SelectionMode, Selection } from \"@react-types/shared\"\nimport { ClearButton } from \"@kaizen/draft-form\"\nimport {\n MenuTriggerConsumer,\n MenuTriggerProvider,\n MenuTriggerProviderContextType,\n MenuTriggerProviderProps,\n SelectionConsumer,\n SelectionProvider,\n SelectionProviderContextType,\n} from \"./context\"\nimport { ListBox } from \"./subcomponents/ListBox\"\nimport { ListBoxSection } from \"./subcomponents/ListBoxSection\"\nimport { LoadMoreButton } from \"./subcomponents/LoadMoreButton\"\nimport { MenuFooter, MenuLoadingSkeleton } from \"./subcomponents/MenuLayout\"\nimport { MenuPopup, MenuPopupProps } from \"./subcomponents/MenuPopup\"\nimport { MultiSelectOption } from \"./subcomponents/MultiSelectOption\"\nimport { NoResults } from \"./subcomponents/NoResults\"\nimport { SearchInput } from \"./subcomponents/SearchInput\"\nimport { SectionDivider } from \"./subcomponents/SectionDivider\"\nimport { SelectAllButton } from \"./subcomponents/SelectionControlButton\"\nimport {\n FilterTriggerButton,\n RemovableFilterTrigger,\n} from \"./subcomponents/Trigger\"\nimport { ItemType } from \"./types\"\n\ntype SelectionProps = {\n label: string // provide A11y context for listbox\n items: ItemType[]\n selectedKeys?: Selection\n defaultSelectedKeys?: Selection\n onSelectionChange?: (keys: Selection) => void\n selectionMode?: SelectionMode\n onSearchInputChange?: (searchInput: string) => void\n}\n\nexport type FilterMultiSelectProps = {\n trigger: (value?: MenuTriggerProviderContextType) => React.ReactNode\n children: (value?: SelectionProviderContextType) => React.ReactNode // the content of the menu\n} & Omit<MenuPopupProps, \"children\"> &\n Omit<MenuTriggerProviderProps, \"children\"> &\n SelectionProps\n\nexport const FilterMultiSelect = (\n {\n trigger,\n children,\n isOpen,\n defaultOpen,\n onOpenChange,\n isLoading,\n loadingSkeleton,\n label,\n items,\n selectedKeys,\n defaultSelectedKeys,\n onSelectionChange,\n selectionMode = \"multiple\",\n onSearchInputChange,\n }: FilterMultiSelectProps\n): JSX.Element => {\n const menuTriggerProps = { isOpen, defaultOpen, onOpenChange }\n const menuPopupProps = { isLoading, loadingSkeleton }\n const disabledKeys: Selection = new Set(\n items\n ?.filter(item => item.isDisabled === true)\n .map(disabledItem => disabledItem.value)\n )\n const selectionProps = {\n label,\n items,\n selectedKeys,\n defaultSelectedKeys,\n onSelectionChange,\n selectionMode,\n disabledKeys,\n onSearchInputChange,\n }\n\n return (\n <MenuTriggerProvider {...menuTriggerProps}>\n <div>\n <MenuTriggerConsumer>{trigger}</MenuTriggerConsumer>\n <MenuPopup {...menuPopupProps}>\n <SelectionProvider {...selectionProps}>\n <SelectionConsumer>{children}</SelectionConsumer>\n </SelectionProvider>\n </MenuPopup>\n </div>\n </MenuTriggerProvider>\n )\n}\n\nFilterMultiSelect.displayName = \"FilterMultiSelect\"\n\nFilterMultiSelect.TriggerButton = FilterTriggerButton\nFilterMultiSelect.RemovableTrigger = RemovableFilterTrigger\nFilterMultiSelect.SearchInput = SearchInput\nFilterMultiSelect.ListBox = ListBox\nFilterMultiSelect.ListBoxSection = ListBoxSection\nFilterMultiSelect.SectionDivider = SectionDivider\nFilterMultiSelect.Option = MultiSelectOption\nFilterMultiSelect.SelectAllButton = SelectAllButton\nFilterMultiSelect.ClearButton = ClearButton\nFilterMultiSelect.MenuFooter = MenuFooter // For layout\nFilterMultiSelect.MenuLoadingSkeleton = MenuLoadingSkeleton // Menu Loading Skeleton example\nFilterMultiSelect.LoadMoreButton = LoadMoreButton\nFilterMultiSelect.NoResults = NoResults\n"],"names":["FilterMultiSelect","_a","trigger","children","isOpen","defaultOpen","onOpenChange","isLoading","loadingSkeleton","label","items","selectedKeys","defaultSelectedKeys","onSelectionChange","_b","selectionMode","onSearchInputChange","menuTriggerProps","menuPopupProps","disabledKeys","Set","filter","item","isDisabled","map","disabledItem","value","selectionProps","React","createElement","MenuTriggerProvider","__assign","MenuTriggerConsumer","MenuPopup","SelectionProvider","SelectionConsumer","displayName","TriggerButton","FilterTriggerButton","RemovableTrigger","RemovableFilterTrigger","SearchInput","ListBox","ListBoxSection","SectionDivider","Option","MultiSelectOption","SelectAllButton","ClearButton","MenuFooter","MenuLoadingSkeleton","LoadMoreButton","NoResults"],"mappings":"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"}
1
+ {"version":3,"file":"FilterMultiSelect.js","sources":["../../../src/FilterMultiSelect/FilterMultiSelect.tsx"],"sourcesContent":["import React from \"react\"\nimport { SelectionMode, Selection } from \"@react-types/shared\"\nimport {\n MenuTriggerConsumer,\n MenuTriggerProvider,\n MenuTriggerProviderContextType,\n MenuTriggerProviderProps,\n SelectionConsumer,\n SelectionProvider,\n SelectionProviderContextType,\n} from \"./context\"\nimport { ListBox } from \"./subcomponents/ListBox\"\nimport { ListBoxSection } from \"./subcomponents/ListBoxSection\"\nimport { LoadMoreButton } from \"./subcomponents/LoadMoreButton\"\nimport { MenuFooter, MenuLoadingSkeleton } from \"./subcomponents/MenuLayout\"\nimport { MenuPopup, MenuPopupProps } from \"./subcomponents/MenuPopup\"\nimport { MultiSelectOption } from \"./subcomponents/MultiSelectOption\"\nimport { NoResults } from \"./subcomponents/NoResults\"\nimport { SearchInput } from \"./subcomponents/SearchInput\"\nimport { SectionDivider } from \"./subcomponents/SectionDivider\"\nimport {\n ClearButton,\n SelectAllButton,\n} from \"./subcomponents/SelectionControlButton\"\nimport {\n FilterTriggerButton,\n RemovableFilterTrigger,\n} from \"./subcomponents/Trigger\"\nimport { ItemType } from \"./types\"\n\ntype SelectionProps = {\n label: string // provide A11y context for listbox\n items: ItemType[]\n selectedKeys?: Selection\n defaultSelectedKeys?: Selection\n onSelectionChange?: (keys: Selection) => void\n selectionMode?: SelectionMode\n onSearchInputChange?: (searchInput: string) => void\n}\n\nexport type FilterMultiSelectProps = {\n trigger: (value?: MenuTriggerProviderContextType) => React.ReactNode\n children: (value?: SelectionProviderContextType) => React.ReactNode // the content of the menu\n} & Omit<MenuPopupProps, \"children\"> &\n Omit<MenuTriggerProviderProps, \"children\"> &\n SelectionProps\n\nexport const FilterMultiSelect = ({\n trigger,\n children,\n isOpen,\n defaultOpen,\n onOpenChange,\n isLoading,\n loadingSkeleton,\n label,\n items,\n selectedKeys,\n defaultSelectedKeys,\n onSelectionChange,\n selectionMode = \"multiple\",\n onSearchInputChange,\n}: FilterMultiSelectProps): JSX.Element => {\n const menuTriggerProps = { isOpen, defaultOpen, onOpenChange }\n const menuPopupProps = { isLoading, loadingSkeleton }\n const disabledKeys: Selection = new Set(\n items\n ?.filter(item => item.isDisabled === true)\n .map(disabledItem => disabledItem.value)\n )\n const selectionProps = {\n label,\n items,\n selectedKeys,\n defaultSelectedKeys,\n onSelectionChange,\n selectionMode,\n disabledKeys,\n onSearchInputChange,\n }\n\n return (\n <MenuTriggerProvider {...menuTriggerProps}>\n <div>\n <MenuTriggerConsumer>{trigger}</MenuTriggerConsumer>\n <MenuPopup {...menuPopupProps}>\n <SelectionProvider {...selectionProps}>\n <SelectionConsumer>{children}</SelectionConsumer>\n </SelectionProvider>\n </MenuPopup>\n </div>\n </MenuTriggerProvider>\n )\n}\n\nFilterMultiSelect.displayName = \"FilterMultiSelect\"\n\nFilterMultiSelect.TriggerButton = FilterTriggerButton\nFilterMultiSelect.RemovableTrigger = RemovableFilterTrigger\nFilterMultiSelect.SearchInput = SearchInput\nFilterMultiSelect.ListBox = ListBox\nFilterMultiSelect.ListBoxSection = ListBoxSection\nFilterMultiSelect.SectionDivider = SectionDivider\nFilterMultiSelect.Option = MultiSelectOption\nFilterMultiSelect.SelectAllButton = SelectAllButton\nFilterMultiSelect.ClearButton = ClearButton\nFilterMultiSelect.MenuFooter = MenuFooter // For layout\nFilterMultiSelect.MenuLoadingSkeleton = MenuLoadingSkeleton // Menu Loading Skeleton example\nFilterMultiSelect.LoadMoreButton = LoadMoreButton\nFilterMultiSelect.NoResults = NoResults\n"],"names":["FilterMultiSelect","_a","trigger","children","isOpen","defaultOpen","onOpenChange","isLoading","loadingSkeleton","label","items","selectedKeys","defaultSelectedKeys","onSelectionChange","_b","selectionMode","onSearchInputChange","menuTriggerProps","menuPopupProps","disabledKeys","Set","filter","item","isDisabled","map","disabledItem","value","selectionProps","React","createElement","MenuTriggerProvider","__assign","MenuTriggerConsumer","MenuPopup","SelectionProvider","SelectionConsumer","displayName","TriggerButton","FilterTriggerButton","RemovableTrigger","RemovableFilterTrigger","SearchInput","ListBox","ListBoxSection","SectionDivider","Option","MultiSelectOption","SelectAllButton","ClearButton","MenuFooter","MenuLoadingSkeleton","LoadMoreButton","NoResults"],"mappings":"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"}
package/dist/esm/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuTriggerProvider.js","sources":["../../../../../src/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, HTMLAttributes, useContext } from \"react\"\nimport { useButton } from \"@react-aria/button\"\nimport { AriaMenuOptions, useMenuTrigger } from \"@react-aria/menu\"\nimport { MenuTriggerState, useMenuTriggerState } from \"@react-stately/menu\"\nimport { ItemType } from \"../../types\"\n\nexport type MenuTriggerProviderProps = {\n isOpen?: boolean\n defaultOpen?: boolean\n onOpenChange?: (isOpen: boolean) => void\n children: React.ReactNode\n}\n\nexport type MenuTriggerProviderContextType = {\n menuTriggerProps: HTMLAttributes<HTMLElement>\n buttonProps: ButtonHTMLAttributes<HTMLButtonElement>\n menuProps: AriaMenuOptions<ItemType>\n menuTriggerState: MenuTriggerState\n buttonRef: React.RefObject<HTMLButtonElement>\n}\n\nconst MenuTriggerContext = React.createContext<MenuTriggerProviderContextType>(\n {} as MenuTriggerProviderContextType\n)\nexport function MenuTriggerProvider(\n { isOpen, defaultOpen, onOpenChange, children }: MenuTriggerProviderProps\n): JSX.Element {\n // Create state based on the incoming props to manage the open/close\n const state = useMenuTriggerState({ isOpen, defaultOpen, onOpenChange })\n\n // Get A11y attributes and events for the menu trigger and menu elements\n const ref = React.createRef<HTMLButtonElement>()\n const { menuTriggerProps, menuProps } = useMenuTrigger<ItemType>(\n {},\n state,\n ref\n )\n\n // Get A11y attributes and events for the button based on the trigger props from useMenuTrigger\n const { buttonProps } = useButton(menuTriggerProps, ref)\n\n return (\n <MenuTriggerContext.Provider\n value={{\n menuTriggerProps,\n buttonProps,\n menuProps,\n menuTriggerState: state,\n buttonRef: ref,\n }}\n >\n {children}\n </MenuTriggerContext.Provider>\n )\n}\n\nexport const useMenuTriggerContext = (): MenuTriggerProviderContextType =>\n useContext(MenuTriggerContext)\n\nexport const MenuTriggerConsumer = (\n { children }: React.ConsumerProps<MenuTriggerProviderContextType>\n): JSX.Element => (\n <MenuTriggerContext.Consumer>{children}</MenuTriggerContext.Consumer>\n)\n"],"names":["MenuTriggerContext","React","createContext","MenuTriggerProvider","_a","isOpen","defaultOpen","onOpenChange","children","state","useMenuTriggerState","ref","createRef","_b","useMenuTrigger","menuTriggerProps","menuProps","buttonProps","useButton","createElement","Provider","value","menuTriggerState","buttonRef","useMenuTriggerContext","useContext","MenuTriggerConsumer","Consumer"],"mappings":";;;;AAqBA,IAAMA,kBAAkB,gBAAGC,KAAK,CAACC,aAAa,CAC5C,CAAA,CAAoC,CACrC;AACK,SAAUC,mBAAmBA,CACjCC,EAAyE,EAAA;MAAvEC,MAAM,GAAAD,EAAA,CAAAC,MAAA;IAAEC,WAAW,GAAAF,EAAA,CAAAE,WAAA;IAAEC,YAAY,GAAAH,EAAA,CAAAG,YAAA;IAAEC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;;EAG7C,IAAMC,KAAK,GAAGC,mBAAmB,CAAC;IAAEL,MAAM,EAAAA,MAAA;IAAEC,WAAW,aAAA;IAAEC,YAAY,EAAAA;EAAA,CAAE,CAAC;;EAGxE,IAAMI,GAAG,gBAAGV,KAAK,CAACW,SAAS,EAAqB;EAC1C,IAAAC,EAAkC,GAAAC,cAAc,CACpD,CAAE,CAAA,EACFL,KAAK,EACLE,GAAG,CACJ;IAJOI,gBAAgB,GAAAF,EAAA,CAAAE,gBAAA;IAAEC,SAAS,eAIlC;;EAGO,IAAAC,WAAW,GAAKC,SAAS,CAACH,gBAAgB,EAAEJ,GAAG,CAAC,CAAAM,WAArC;EAEnB,oBACEhB,KAAC,CAAAkB,aAAA,CAAAnB,kBAAkB,CAACoB,QAAQ,EAAA;IAC1BC,KAAK,EAAE;MACLN,gBAAgB,EAAAA,gBAAA;MAChBE,WAAW,EAAAA,WAAA;MACXD,SAAS,EAAAA,SAAA;MACTM,gBAAgB,EAAEb,KAAK;MACvBc,SAAS,EAAEZ;;EAGZ,CAAA,EAAAH,QAAQ,CACmB;AAElC;AAEa,IAAAgB,qBAAqB,GAAG,SAAAA,CAAA,EAAA;EACnC,OAAAC,UAAU,CAACzB,kBAAkB,CAAC;AAA9B,CAA8B;AAEzB,IAAM0B,mBAAmB,GAAG,SAAAA,CACjCtB,EAAiE,EAAA;EAA/D,IAAAI,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;EACM,oBAChBP,oBAACD,kBAAkB,CAAC2B,QAAQ,EAAE,IAAA,EAAAnB,QAAQ,CAA+B;AADrD,CAAA;"}
1
+ {"version":3,"file":"MenuTriggerProvider.js","sources":["../../../../../src/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, HTMLAttributes, useContext } from \"react\"\nimport { useButton } from \"@react-aria/button\"\nimport { AriaMenuOptions, useMenuTrigger } from \"@react-aria/menu\"\nimport { MenuTriggerState, useMenuTriggerState } from \"@react-stately/menu\"\nimport { ItemType } from \"../../types\"\n\nexport type MenuTriggerProviderProps = {\n isOpen?: boolean\n defaultOpen?: boolean\n onOpenChange?: (isOpen: boolean) => void\n children: React.ReactNode\n}\n\nexport type MenuTriggerProviderContextType = {\n menuTriggerProps: HTMLAttributes<HTMLElement>\n buttonProps: ButtonHTMLAttributes<HTMLButtonElement>\n menuProps: AriaMenuOptions<ItemType>\n menuTriggerState: MenuTriggerState\n buttonRef: React.RefObject<HTMLButtonElement>\n}\n\nconst MenuTriggerContext = React.createContext<MenuTriggerProviderContextType>(\n {} as MenuTriggerProviderContextType\n)\nexport function MenuTriggerProvider({\n isOpen,\n defaultOpen,\n onOpenChange,\n children,\n}: MenuTriggerProviderProps): JSX.Element {\n // Create state based on the incoming props to manage the open/close\n const state = useMenuTriggerState({ isOpen, defaultOpen, onOpenChange })\n\n // Get A11y attributes and events for the menu trigger and menu elements\n const ref = React.createRef<HTMLButtonElement>()\n const { menuTriggerProps, menuProps } = useMenuTrigger<ItemType>(\n {},\n state,\n ref\n )\n\n // Get A11y attributes and events for the button based on the trigger props from useMenuTrigger\n const { buttonProps } = useButton(menuTriggerProps, ref)\n\n return (\n <MenuTriggerContext.Provider\n value={{\n menuTriggerProps,\n buttonProps,\n menuProps,\n menuTriggerState: state,\n buttonRef: ref,\n }}\n >\n {children}\n </MenuTriggerContext.Provider>\n )\n}\n\nexport const useMenuTriggerContext = (): MenuTriggerProviderContextType =>\n useContext(MenuTriggerContext)\n\nexport const MenuTriggerConsumer = ({\n children,\n}: React.ConsumerProps<MenuTriggerProviderContextType>): JSX.Element => (\n <MenuTriggerContext.Consumer>{children}</MenuTriggerContext.Consumer>\n)\n"],"names":["MenuTriggerContext","React","createContext","MenuTriggerProvider","_a","isOpen","defaultOpen","onOpenChange","children","state","useMenuTriggerState","ref","createRef","_b","useMenuTrigger","menuTriggerProps","menuProps","buttonProps","useButton","createElement","Provider","value","menuTriggerState","buttonRef","useMenuTriggerContext","useContext","MenuTriggerConsumer","Consumer"],"mappings":";;;;AAqBA,IAAMA,kBAAkB,gBAAGC,KAAK,CAACC,aAAa,CAC5C,CAAA,CAAoC,CACrC;AACK,SAAUC,mBAAmBA,CAACC,EAKT,EAAA;MAJzBC,MAAM,GAAAD,EAAA,CAAAC,MAAA;IACNC,WAAW,GAAAF,EAAA,CAAAE,WAAA;IACXC,YAAY,GAAAH,EAAA,CAAAG,YAAA;IACZC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;;EAGR,IAAMC,KAAK,GAAGC,mBAAmB,CAAC;IAAEL,MAAM,EAAAA,MAAA;IAAEC,WAAW,aAAA;IAAEC,YAAY,EAAAA;EAAA,CAAE,CAAC;;EAGxE,IAAMI,GAAG,gBAAGV,KAAK,CAACW,SAAS,EAAqB;EAC1C,IAAAC,EAAkC,GAAAC,cAAc,CACpD,CAAE,CAAA,EACFL,KAAK,EACLE,GAAG,CACJ;IAJOI,gBAAgB,GAAAF,EAAA,CAAAE,gBAAA;IAAEC,SAAS,eAIlC;;EAGO,IAAAC,WAAW,GAAKC,SAAS,CAACH,gBAAgB,EAAEJ,GAAG,CAAC,CAAAM,WAArC;EAEnB,oBACEhB,KAAC,CAAAkB,aAAA,CAAAnB,kBAAkB,CAACoB,QAAQ,EAAA;IAC1BC,KAAK,EAAE;MACLN,gBAAgB,EAAAA,gBAAA;MAChBE,WAAW,EAAAA,WAAA;MACXD,SAAS,EAAAA,SAAA;MACTM,gBAAgB,EAAEb,KAAK;MACvBc,SAAS,EAAEZ;;EAGZ,CAAA,EAAAH,QAAQ,CACmB;AAElC;AAEa,IAAAgB,qBAAqB,GAAG,SAAAA,CAAA,EAAA;EACnC,OAAAC,UAAU,CAACzB,kBAAkB,CAAC;AAA9B,CAA8B;AAEzB,IAAM0B,mBAAmB,GAAG,SAAAA,CAACtB,EAEkB,EAAA;EADpD,IAAAI,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;EAC8D,oBACtEP,oBAACD,kBAAkB,CAAC2B,QAAQ,EAAE,IAAA,EAAAnB,QAAQ,CAA+B;AADC,CAAA;"}
package/dist/esm/FilterMultiSelect/context/SelectionProvider/SelectionProvider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectionProvider.js","sources":["../../../../../src/FilterMultiSelect/context/SelectionProvider/SelectionProvider.tsx"],"sourcesContent":["import React, { HTMLAttributes, useCallback, useContext, useState } from \"react\"\nimport { useListBox } from \"@react-aria/listbox\"\nimport { Item } from \"@react-stately/collections\"\nimport { ListState, useListState } from \"@react-stately/list\"\nimport { SelectionMode, Selection } from \"@react-types/shared\"\nimport { VisuallyHidden } from \"@kaizen/a11y\"\nimport { ItemType, MultiSelectItem } from \"../../types\"\nimport { useMenuTriggerContext } from \"../MenuTriggerProvider\"\n\nexport type SelectionProviderProps = {\n selectionMode: SelectionMode\n children: React.ReactNode // control how menu should look like\n items?: ItemType[]\n onSelectionChange?: (keys: Selection) => void\n /** The currently selected keys in the collection (controlled). */\n selectedKeys?: Selection\n /** The initial selected keys in the collection (uncontrolled). */\n defaultSelectedKeys?: Selection\n label: string\n disabledKeys?: Selection\n onSearchInputChange?: (searchInput: string) => void\n}\n\nexport type SelectionProviderContextType = {\n listBoxProps: HTMLAttributes<HTMLElement>\n labelProps: HTMLAttributes<HTMLElement>\n selectionState: ListState<ItemType>\n listRef: React.RefObject<HTMLUListElement>\n searchQuery?: string\n setSearchQuery: React.Dispatch<React.SetStateAction<string>>\n}\n\nconst SelectionContext = React.createContext<SelectionProviderContextType>(\n {} as SelectionProviderContextType\n)\n\nexport const SelectionProvider = (\n props: SelectionProviderProps\n): JSX.Element => {\n const { onSearchInputChange, ...otherProps } = props\n const [searchQuery, setSearchQuery] = useState<string>(\"\")\n const { menuProps } = useMenuTriggerContext()\n /**\n * While the onSearchInputChange is a side-effect, this useEffect should be fine.\n * If the search input state becomes controlled, this useEffect could cause synchronisation\n * issues and should be replaced.\n */\n\n React.useEffect(() => {\n if (onSearchInputChange) {\n onSearchInputChange(searchQuery)\n }\n }, [searchQuery, onSearchInputChange])\n\n const searchFilter = useCallback(\n (nodes: Iterable<MultiSelectItem>): Iterable<MultiSelectItem> =>\n searchQuery\n ? Array.from(nodes).filter(f =>\n f.textValue.toLowerCase().includes(searchQuery.toLowerCase())\n )\n : nodes,\n [searchQuery]\n )\n\n // Create state based on the incoming props to manage the selection\n const state = useListState({\n ...otherProps,\n children: item => <Item key={item.value}>{item.label}</Item>, // For initialising selection and determined item.renderer, can be only Item or Section\n filter: onSearchInputChange ? undefined : searchFilter, // If the user has passed an `onSearchInputChange` we opt them out of the default filtering\n })\n\n // Get A11y attributes and events for the listbox\n const ref = React.createRef<HTMLUListElement>()\n const { listBoxProps, labelProps } = useListBox(\n {\n ...menuProps,\n ...otherProps,\n disallowEmptySelection: true, // stop escape key from clearing selection\n },\n state,\n ref\n )\n\n return (\n <SelectionContext.Provider\n value={{\n listBoxProps,\n labelProps,\n selectionState: state,\n listRef: ref,\n setSearchQuery,\n searchQuery,\n }}\n >\n <VisuallyHidden {...labelProps}>{otherProps.label}</VisuallyHidden>\n {otherProps.children}\n </SelectionContext.Provider>\n )\n}\n\nexport const useSelectionContext = (): SelectionProviderContextType =>\n useContext(SelectionContext)\n\nexport const SelectionConsumer = (\n { children }: React.ConsumerProps<SelectionProviderContextType>\n): JSX.Element => (\n <SelectionContext.Consumer>{children}</SelectionContext.Consumer>\n)\n"],"names":["SelectionContext","React","createContext","SelectionProvider","props","onSearchInputChange","otherProps","__rest","_a","useState","searchQuery","setSearchQuery","menuProps","useMenuTriggerContext","useEffect","searchFilter","useCallback","nodes","Array","from","filter","f","textValue","toLowerCase","includes","state","useListState","children","item","createElement","Item","key","value","label","undefined","ref","createRef","_b","useListBox","__assign","disallowEmptySelection","listBoxProps","labelProps","Provider","selectionState","listRef","VisuallyHidden","useSelectionContext","useContext","SelectionConsumer","Consumer"],"mappings":"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"}
1
+ {"version":3,"file":"SelectionProvider.js","sources":["../../../../../src/FilterMultiSelect/context/SelectionProvider/SelectionProvider.tsx"],"sourcesContent":["import React, { HTMLAttributes, useCallback, useContext, useState } from \"react\"\nimport { useListBox } from \"@react-aria/listbox\"\nimport { Item } from \"@react-stately/collections\"\nimport { ListState, useListState } from \"@react-stately/list\"\nimport { SelectionMode, Selection } from \"@react-types/shared\"\nimport { VisuallyHidden } from \"@kaizen/a11y\"\nimport { ItemType, MultiSelectItem } from \"../../types\"\nimport { useMenuTriggerContext } from \"../MenuTriggerProvider\"\n\nexport type SelectionProviderProps = {\n selectionMode: SelectionMode\n children: React.ReactNode // control how menu should look like\n items?: ItemType[]\n onSelectionChange?: (keys: Selection) => void\n /** The currently selected keys in the collection (controlled). */\n selectedKeys?: Selection\n /** The initial selected keys in the collection (uncontrolled). */\n defaultSelectedKeys?: Selection\n label: string\n disabledKeys?: Selection\n onSearchInputChange?: (searchInput: string) => void\n}\n\nexport type SelectionProviderContextType = {\n listBoxProps: HTMLAttributes<HTMLElement>\n labelProps: HTMLAttributes<HTMLElement>\n selectionState: ListState<ItemType>\n listRef: React.RefObject<HTMLUListElement>\n searchQuery?: string\n setSearchQuery: React.Dispatch<React.SetStateAction<string>>\n}\n\nconst SelectionContext = React.createContext<SelectionProviderContextType>(\n {} as SelectionProviderContextType\n)\n\nexport const SelectionProvider = (\n props: SelectionProviderProps\n): JSX.Element => {\n const { onSearchInputChange, ...otherProps } = props\n const [searchQuery, setSearchQuery] = useState<string>(\"\")\n const { menuProps } = useMenuTriggerContext()\n /**\n * While the onSearchInputChange is a side-effect, this useEffect should be fine.\n * If the search input state becomes controlled, this useEffect could cause synchronisation\n * issues and should be replaced.\n */\n\n React.useEffect(() => {\n if (onSearchInputChange) {\n onSearchInputChange(searchQuery)\n }\n }, [searchQuery, onSearchInputChange])\n\n const searchFilter = useCallback(\n (nodes: Iterable<MultiSelectItem>): Iterable<MultiSelectItem> =>\n searchQuery\n ? Array.from(nodes).filter(f =>\n f.textValue.toLowerCase().includes(searchQuery.toLowerCase())\n )\n : nodes,\n [searchQuery]\n )\n\n // Create state based on the incoming props to manage the selection\n const state = useListState({\n ...otherProps,\n children: item => <Item key={item.value}>{item.label}</Item>, // For initialising selection and determined item.renderer, can be only Item or Section\n filter: onSearchInputChange ? undefined : searchFilter, // If the user has passed an `onSearchInputChange` we opt them out of the default filtering\n })\n\n // Get A11y attributes and events for the listbox\n const ref = React.createRef<HTMLUListElement>()\n const { listBoxProps, labelProps } = useListBox(\n {\n ...menuProps,\n ...otherProps,\n disallowEmptySelection: true, // stop escape key from clearing selection\n },\n state,\n ref\n )\n\n return (\n <SelectionContext.Provider\n value={{\n listBoxProps,\n labelProps,\n selectionState: state,\n listRef: ref,\n setSearchQuery,\n searchQuery,\n }}\n >\n <VisuallyHidden {...labelProps}>{otherProps.label}</VisuallyHidden>\n {otherProps.children}\n </SelectionContext.Provider>\n )\n}\n\nexport const useSelectionContext = (): SelectionProviderContextType =>\n useContext(SelectionContext)\n\nexport const SelectionConsumer = ({\n children,\n}: React.ConsumerProps<SelectionProviderContextType>): JSX.Element => (\n <SelectionContext.Consumer>{children}</SelectionContext.Consumer>\n)\n"],"names":["SelectionContext","React","createContext","SelectionProvider","props","onSearchInputChange","otherProps","__rest","_a","useState","searchQuery","setSearchQuery","menuProps","useMenuTriggerContext","useEffect","searchFilter","useCallback","nodes","Array","from","filter","f","textValue","toLowerCase","includes","state","useListState","children","item","createElement","Item","key","value","label","undefined","ref","createRef","_b","useListBox","__assign","disallowEmptySelection","listBoxProps","labelProps","Provider","selectionState","listRef","VisuallyHidden","useSelectionContext","useContext","SelectionConsumer","Consumer"],"mappings":"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"}
package/dist/esm/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js ADDED
@@ -0,0 +1,30 @@
1
+ import React from 'react';
2
+ import classnames from 'classnames';
3
+ import { VisuallyHidden } from '@kaizen/a11y';
4
+ import '../../../context/MenuTriggerProvider/MenuTriggerProvider.js';
5
+ import { useSelectionContext } from '../../../context/SelectionProvider/SelectionProvider.js';
6
+ import styles from '../SelectionControlButton.module.scss.js';
7
+ const ClearButton = /*#__PURE__*/function () {
8
+ const ClearButton = function () {
9
+ var selectionState = useSelectionContext().selectionState;
10
+ var filteredOptions = Array.from(selectionState.collection.getKeys());
11
+ var selectedOptions = Array.from(selectionState.selectionManager.selectedKeys);
12
+ var isDisabled = filteredOptions.length === 0 || !Boolean(filteredOptions.find(function (key) {
13
+ return selectionState.selectionManager.isSelected(key);
14
+ }));
15
+ return /*#__PURE__*/React.createElement("button", {
16
+ type: "button",
17
+ className: classnames(styles.button, isDisabled && styles.isDisabled),
18
+ "aria-disabled": isDisabled,
19
+ onClick: function () {
20
+ !isDisabled && selectionState.selectionManager.setSelectedKeys(selectedOptions.filter(function (option) {
21
+ return !filteredOptions.includes(option);
22
+ }));
23
+ }
24
+ }, "Clear", /*#__PURE__*/React.createElement(VisuallyHidden, null, " selections"));
25
+ };
26
+ ClearButton.displayName = "FilterMultiSelect.ClearButton";
27
+ return ClearButton;
28
+ }();
29
+ export { ClearButton };
30
+ //# sourceMappingURL=ClearButton.js.map
package/dist/esm/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ClearButton.js","sources":["../../../../../../src/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { VisuallyHidden } from \"@kaizen/a11y\"\nimport { useSelectionContext } from \"../../../context\"\nimport styles from \"../SelectionControlButton.module.scss\"\n\nexport const ClearButton = (): JSX.Element => {\n const { selectionState } = useSelectionContext()\n const filteredOptions = Array.from(selectionState.collection.getKeys())\n const selectedOptions = Array.from(\n selectionState.selectionManager.selectedKeys\n )\n const isDisabled =\n filteredOptions.length === 0 ||\n !Boolean(\n filteredOptions.find(key =>\n selectionState.selectionManager.isSelected(key)\n )\n )\n\n return (\n <button\n type=\"button\"\n className={classnames(styles.button, isDisabled && styles.isDisabled)}\n aria-disabled={isDisabled}\n onClick={\n (): void => {\n !isDisabled &&\n selectionState.selectionManager.setSelectedKeys(\n selectedOptions.filter(\n option => !filteredOptions.includes(option)\n )\n )\n }\n // TODO: add announcement here to inform selection cleared\n }\n >\n Clear<VisuallyHidden> selections</VisuallyHidden>\n </button>\n )\n}\n\nClearButton.displayName = \"FilterMultiSelect.ClearButton\"\n"],"names":["ClearButton","selectionState","useSelectionContext","filteredOptions","Array","from","collection","getKeys","selectedOptions","selectionManager","selectedKeys","isDisabled","length","Boolean","find","key","isSelected","React","createElement","type","className","classnames","styles","button","onClick","setSelectedKeys","filter","option","includes","VisuallyHidden","displayName"],"mappings":";;;;;;MAMaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAAA,EAAA;IACjB,IAAAC,cAAc,GAAKC,mBAAmB,CAAE,CAAA,eAA1B;IACtB,IAAMC,eAAe,GAAGC,KAAK,CAACC,IAAI,CAACJ,cAAc,CAACK,UAAU,CAACC,OAAO,CAAA,CAAE,CAAC;IACvE,IAAMC,eAAe,GAAGJ,KAAK,CAACC,IAAI,CAChCJ,cAAc,CAACQ,gBAAgB,CAACC,YAAY,CAC7C;IACD,IAAMC,UAAU,GACdR,eAAe,CAACS,MAAM,KAAK,CAAC,IAC5B,CAACC,OAAO,CACNV,eAAe,CAACW,IAAI,CAAC,UAAAC,GAAG,EAAA;MACtB,OAAAd,cAAc,CAACQ,gBAAgB,CAACO,UAAU,CAACD,GAAG,CAAC;IAAA,CAAA,CAChD,CACF;IAEH,oBACEE,KACE,CAAAC,aAAA,CAAA,QAAA,EAAA;MAAAC,IAAI,EAAC,QAAQ;MACbC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,MAAM,EAAEZ,UAAU,IAAIW,MAAM,CAACX,UAAU,CAAC;MACtD,eAAA,EAAAA,UAAU;MACzBa,OAAO,EACL,SAAAA,CAAA,EAAA;QACE,CAACb,UAAU,IACTV,cAAc,CAACQ,gBAAgB,CAACgB,eAAe,CAC7CjB,eAAe,CAACkB,MAAM,CACpB,UAAAC,MAAM,EAAA;UAAI,OAAA,CAACxB,eAAe,CAACyB,QAAQ,CAACD,MAAM,CAAC;QAAjC,CAAiC,CAC5C,CACF;;IACJ,CAAA,wBAIEV,KAAA,CAAAC,aAAA,CAACW,cAAc,EAAA,IAAA,EAAA,aAAA,CAA6B,CAC1C;EAEb,CAAC;EAED7B,WAAW,CAAC8B,WAAW,GAAG,+BAA+B;EAAA,OApC5C9B,WAAW;AAAA;"}