@kaizen/components 0.0.0-canary-cg-test-20231011042031 → 0.0.0-canary-cg-test-20231011223010
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/FilterMultiSelect/FilterMultiSelect.js +2 -4
- package/dist/cjs/FilterMultiSelect/FilterMultiSelect.js.map +1 -1
- package/dist/cjs/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.js.map +1 -1
- package/dist/cjs/FilterMultiSelect/context/SelectionProvider/SelectionProvider.js.map +1 -1
- package/dist/cjs/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js +32 -0
- package/dist/cjs/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js.map +1 -0
- package/dist/cjs/Notification/subcomponents/CancelButton/CancelButton.js +16 -12
- package/dist/cjs/Notification/subcomponents/CancelButton/CancelButton.js.map +1 -1
- package/dist/cjs/dts/FilterMultiSelect/FilterMultiSelect.d.ts +1 -1
- package/dist/cjs/dts/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.d.ts +2 -2
- package/dist/cjs/dts/FilterMultiSelect/context/SelectionProvider/SelectionProvider.d.ts +1 -1
- package/dist/cjs/dts/Notification/subcomponents/CancelButton/CancelButton.d.ts +4 -1
- package/dist/cjs/dts/index.d.ts +2 -2
- package/dist/cjs/index.css +18 -18
- package/dist/cjs/index.js +21 -21
- package/dist/esm/FilterMultiSelect/FilterMultiSelect.js +1 -3
- package/dist/esm/FilterMultiSelect/FilterMultiSelect.js.map +1 -1
- package/dist/esm/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.js.map +1 -1
- package/dist/esm/FilterMultiSelect/context/SelectionProvider/SelectionProvider.js.map +1 -1
- package/dist/esm/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js +30 -0
- package/dist/esm/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js.map +1 -0
- package/dist/esm/Notification/subcomponents/CancelButton/CancelButton.js +16 -12
- package/dist/esm/Notification/subcomponents/CancelButton/CancelButton.js.map +1 -1
- package/dist/esm/dts/FilterMultiSelect/FilterMultiSelect.d.ts +1 -1
- package/dist/esm/dts/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.d.ts +2 -2
- package/dist/esm/dts/FilterMultiSelect/context/SelectionProvider/SelectionProvider.d.ts +1 -1
- package/dist/esm/dts/Notification/subcomponents/CancelButton/CancelButton.d.ts +4 -1
- package/dist/esm/dts/index.d.ts +2 -2
- package/dist/esm/index.css +17 -17
- package/dist/esm/index.js +8 -8
- package/dist/index.d.ts +366 -367
- package/dist/styles.css +1 -1
- package/package.json +2 -2
package/dist/cjs/index.css
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
.Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
|
|
2
1
|
.Tag-module_tag__tuT2O{align-items:center;border-radius:28px;display:inline-flex;font-family:var(--typography-paragraph-intro-lede-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);gap:var(--spacing-4,.25rem);line-height:var(--typography-paragraph-small-line-height,1.125rem);padding:var(--spacing-4,.25rem) var(--spacing-8,.5rem);white-space:nowrap}.Tag-module_iconContainer__OmQRU{display:inline-flex}.Tag-module_gray__VqJ2M{background-color:var(--color-gray-300,#eaeaec);color:var(--color-purple-800,#2f2438)}.Tag-module_blue__u3vnu{background-color:var(--color-blue-100,#e6f6ff);color:var(--color-blue-700,#003157)}.Tag-module_blue__u3vnu .Tag-module_iconContainer__OmQRU{color:var(--color-blue-500,#0168b3)}.Tag-module_green__7bcu7{background-color:var(--color-green-100,#e8f8f4);color:var(--color-green-700,#22594a)}.Tag-module_green__7bcu7 .Tag-module_iconContainer__OmQRU{color:var(--color-green-500,#44a289)}.Tag-module_yellow__Br-2V{background-color:var(--color-yellow-100,#fff9e4);color:var(--color-yellow-700,#876400)}.Tag-module_yellow__Br-2V .Tag-module_iconContainer__OmQRU{color:var(--color-yellow-500,#ffb600)}.Tag-module_orange__LdmPX{background-color:var(--color-orange-100,#fff0e8);color:var(--color-orange-700,#903c00)}.Tag-module_orange__LdmPX .Tag-module_iconContainer__OmQRU{color:var(--color-orange-500,#e96c2f)}.Tag-module_red__VB5dE{background-color:var(--color-red-100,#fdeaee);color:var(--color-red-700,#6c1e20)}.Tag-module_red__VB5dE .Tag-module_iconContainer__OmQRU{color:var(--color-red-500,#c93b55)}.Tag-module_purple__A3Uy5{background-color:var(--color-purple-100,#f4edf8);color:var(--color-purple-700,#4a234d)}.Tag-module_purple__A3Uy5 .Tag-module_iconContainer__OmQRU{color:var(--color-purple-500,#844587)}
|
|
2
|
+
.Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
|
|
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
6
|
.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
7
|
.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
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
|
-
.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
9
|
.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}}
|
|
12
11
|
.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}}
|
|
12
|
+
.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)}}
|
|
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}
|
|
15
15
|
.AvatarGroup-module_AvatarGroup__bdL0o{display:inline-flex;list-style:none;margin:0;padding:0}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-.625rem}[dir=rtl] .AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-1.5rem}[dir=rtl] .AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-2.25rem}[dir=rtl] .AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_AvatarCounter__PKFzl{align-items:center;background:var(--color-gray-300,#eaeaec);border:3px solid var(--color-white,#fff);border-radius:100%;box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{border:none;box-shadow:none;font-size:.5rem;height:1.25rem;width:1.25rem}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl,.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-5-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl{font-size:var(--typography-heading-5-font-size,1rem);height:3rem;width:3rem}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarCounter__PKFzl{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);height:4.5rem;letter-spacing:var(--typography-heading-3-letter-spacing,normal);width:4.5rem}[dir=rtl] .AvatarGroup-module_AvatarCounter__PKFzl{direction:ltr;margin-left:0}
|
|
@@ -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
|
|
@@ -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 '
|
|
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';
|
|
@@ -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 {
|
|
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":";;;;;;;;;;;;;;;;;;MA+CaA,iBAAiB;EAAA,MAAjBA,iBAAiB,GAAG,SAAAA,CAACC,EAeT,EAAA;IAdvB,IAAAC,OAAO,aAAA;MACPC,QAAQ,cAAA;MACRC,MAAM,YAAA;MACNC,WAAW,iBAAA;MACXC,YAAY,kBAAA;MACZC,SAAS,eAAA;MACTC,eAAe,qBAAA;MACfC,KAAK,WAAA;MACLC,KAAK,WAAA;MACLC,YAAY,kBAAA;MACZC,mBAAmB,yBAAA;MACnBC,iBAAiB,uBAAA;MACjBC,EAAA,GAAAb,EAAA,CAAAc,aAA0B;MAA1BA,aAAa,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,UAAU,GAAAA,EAAA;MAC1BE,mBAAmB,GAAAf,EAAA,CAAAe,mBAAA;IAEnB,IAAMC,gBAAgB,GAAG;MAAEb,MAAM,EAAAA,MAAA;MAAEC,WAAW,EAAAA,WAAA;MAAEC,YAAY,EAAAA;KAAE;IAC9D,IAAMY,cAAc,GAAG;MAAEX,SAAS,WAAA;MAAEC,eAAe,EAAAA;IAAA,CAAE;IACrD,IAAMW,YAAY,GAAc,IAAIC,GAAG,CACrCV,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CACDW,MAAM,CAAC,UAAAC,IAAI,EAAA;MAAI,OAAAA,IAAI,CAACC,UAAU,KAAK,IAAI;IAAxB,CAAwB,CACxC,CAAAC,GAAG,CAAC,UAAAC,YAAY,EAAI;MAAA,OAAAA,YAAY,CAACC,KAAK;KAAA,CAAC,CAC3C;IACD,IAAMC,cAAc,GAAG;MACrBlB,KAAK,EAAAA,KAAA;MACLC,KAAK,EAAAA,KAAA;MACLC,YAAY,EAAAA,YAAA;MACZC,mBAAmB,EAAAA,mBAAA;MACnBC,iBAAiB,EAAAA,iBAAA;MACjBE,aAAa,EAAAA,aAAA;MACbI,YAAY,EAAAA,YAAA;MACZH,mBAAmB,EAAAA;KACpB;IAED,oBACEY,KAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKd,gBAAgB,CAAA,eACvCW,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,eACED,KAAC,CAAAC,aAAA,CAAAG,mBAAmB,EAAE,IAAA,EAAA9B,OAAO,CAAuB,eACpD0B,KAAC,CAAAC,aAAA,CAAAI,SAAS,eAAKf,cAAc,CAAA,eAC3BU,KAAC,CAAAC,aAAA,CAAAK,iBAAiB,eAAKP,cAAc,CAAA,eACnCC,KAAC,CAAAC,aAAA,CAAAM,iBAAiB,QAAEhC,QAAQ,CAAqB,CAC/B,CACV,CACR,CACc;EAE1B,CAAC;EAEDH,iBAAiB,CAACoC,WAAW,GAAG,mBAAmB;EAEnDpC,iBAAiB,CAACqC,aAAa,GAAGC,mBAAmB;EACrDtC,iBAAiB,CAACuC,gBAAgB,GAAGC,sBAAsB;EAC3DxC,iBAAiB,CAACyC,WAAW,GAAGA,WAAW;EAC3CzC,iBAAiB,CAAC0C,OAAO,GAAGA,OAAO;EACnC1C,iBAAiB,CAAC2C,cAAc,GAAGA,cAAc;EACjD3C,iBAAiB,CAAC4C,cAAc,GAAGA,cAAc;EACjD5C,iBAAiB,CAAC6C,MAAM,GAAGC,iBAAiB;EAC5C9C,iBAAiB,CAAC+C,eAAe,GAAGA,eAAe;EACnD/C,iBAAiB,CAACgD,WAAW,GAAGA,WAAW;EAC3ChD,iBAAiB,CAACiD,UAAU,GAAGA,UAAU,CAAA,CAAA;EACkB;EAA3DjD,iBAAiB,CAACkD,mBAAmB,GAAGA,mBAAmB;EAC3DlD,iBAAiB,CAACmD,cAAc,GAAGA,cAAc;EACjDnD,iBAAiB,CAACoD,SAAS,GAAGA,SAAS;EAAA,OA9D1BpD,iBAAiB;AAAA;"}
|
|
@@ -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
|
|
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;"}
|
|
@@ -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
|
|
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":";;;;;;;AAgCA,IAAMA,gBAAgB,gBAAGC,KAAK,CAACC,aAAa,CAC1C,CAAA,CAAkC,CACnC;AAEM,IAAMC,iBAAiB,GAAG,SAAAA,CAC/BC,KAA6B,EAAA;EAErB,IAAAC,mBAAmB,GAAoBD,KAAK,CAAzBC,mBAAA;IAAKC,UAAU,GAAAC,MAAA,CAAKH,KAAK,EAA9C,CAAsC,qBAAA,CAAA,CAAF;EACpC,IAAAI,EAAA,GAAgCC,QAAQ,CAAS,EAAE,CAAC;IAAnDC,WAAW,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,cAAc,GAAAH,EAAA,CAAA,CAAA,CAAwB;EAClD,IAAAI,SAAS,GAAKC,qBAAqB,CAAE,CAAA,UAA5B;EACjB;;;;AAIG;EAEHZ,KAAK,CAACa,SAAS,CAAC,YAAA;IACd,IAAIT,mBAAmB,EAAE;MACvBA,mBAAmB,CAACK,WAAW,CAAC;IACjC;EACH,CAAC,EAAE,CAACA,WAAW,EAAEL,mBAAmB,CAAC,CAAC;EAEtC,IAAMU,YAAY,GAAGC,WAAW,CAC9B,UAACC,KAAgC,EAAA;IAC/B,OAAAP,WAAW,GACPQ,KAAK,CAACC,IAAI,CAACF,KAAK,CAAC,CAACG,MAAM,CAAC,UAAAC,CAAC,EAAA;MACxB,OAAAA,CAAC,CAACC,SAAS,CAACC,WAAW,CAAA,CAAE,CAACC,QAAQ,CAACd,WAAW,CAACa,WAAW,CAAA,CAAE,CAAC;IAA7D,CAA6D,CAC9D,GACDN,KAAK;EAJT,CAIS,EACX,CAACP,WAAW,CAAC,CACd;;EAGD,IAAMe,KAAK,GAAGC,YAAY,uBACrBpB,UAAU,CAAA,EAAA;IACbqB,QAAQ,EAAE,SAAAA,CAAAC,IAAI,EAAA;MAAI,oBAAA3B,KAAC,CAAA4B,aAAA,CAAAC,IAAI;QAACC,GAAG,EAAEH,IAAI,CAACI;MAAQ,CAAA,EAAAJ,IAAI,CAACK,KAAK,CAAQ;IAAA,CAAA;IAC5Db,MAAM,EAAEf,mBAAmB,GAAG6B,SAAS,GAAGnB;EAAY,GACtD;;EAGF,IAAMoB,GAAG,gBAAGlC,KAAK,CAACmC,SAAS,EAAoB;EACzC,IAAAC,EAAA,GAA+BC,UAAU,CAExCC,QAAA,CAAAA,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAA3B,SAAS,GACTN,UAAU,CAAA,EAAA;MACbkC,sBAAsB,EAAE;QAE1Bf,KAAK,EACLU,GAAG,CACJ;IAROM,YAAY,GAAAJ,EAAA,CAAAI,YAAA;IAAEC,UAAU,GAAAL,EAAA,CAAAK,UAQ/B;EAED,oBACEzC,KAAC,CAAA4B,aAAA,CAAA7B,gBAAgB,CAAC2C,QAAQ,EAAA;IACxBX,KAAK,EAAE;MACLS,YAAY,EAAAA,YAAA;MACZC,UAAU,EAAAA,UAAA;MACVE,cAAc,EAAEnB,KAAK;MACrBoB,OAAO,EAAEV,GAAG;MACZxB,cAAc,EAAAA,cAAA;MACdD,WAAW,EAAAA;IACZ;EAAA,CAAA,eAEDT,KAAA,CAAA4B,aAAA,CAACiB,cAAc,EAAKP,QAAA,CAAA,CAAA,CAAA,EAAAG,UAAU,GAAGpC,UAAU,CAAC2B,KAAK,CAAkB,EAClE3B,UAAU,CAACqB,QAAQ,CACM;AAEhC,CAAC;AAEY,IAAAoB,mBAAmB,GAAG,SAAAA,CAAA,EAAA;EACjC,OAAAC,UAAU,CAAChD,gBAAgB,CAAC;AAA5B,CAA4B;AAEvB,IAAMiD,iBAAiB,GAAG,SAAAA,CAACzC,EAEkB,EAAA;EADlD,IAAAmB,QAAQ,GAAAnB,EAAA,CAAAmB,QAAA;EAC4D,oBACpE1B,oBAACD,gBAAgB,CAACkD,QAAQ,EAAE,IAAA,EAAAvB,QAAQ,CAA6B;AADG,CAAA;"}
|
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
|
|
@@ -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;"}
|