@kaizen/components 1.20.5 → 1.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{SuccessIcon-562c344e.js → SuccessIcon-02a295a0.js} +8 -3
- package/dist/cjs/SuccessIcon-02a295a0.js.map +1 -0
- package/dist/cjs/SuccessIcon-eb62f503.js +145 -0
- package/dist/cjs/SuccessIcon-eb62f503.js.map +1 -0
- package/dist/cjs/dts/Button/Button.d.ts +1 -15
- package/dist/cjs/dts/Button/components/GenericButton.d.ts +23 -10
- package/dist/cjs/dts/Button/index.d.ts +1 -0
- package/dist/cjs/dts/FilterBar/context/FilterBarContext.d.ts +5 -0
- package/dist/cjs/dts/FilterBar/context/reducer/filterBarStateReducer.d.ts +2 -0
- package/dist/cjs/dts/FilterBar/context/reducer/setupFilterBarState.d.ts +1 -1
- package/dist/cjs/dts/FilterBar/context/types.d.ts +3 -2
- package/dist/cjs/dts/Workflow/subcomponents/Header/Header.d.ts +1 -1
- package/dist/cjs/dts/__future__/Workflow/subcomponents/Header/Header.d.ts +1 -1
- package/dist/cjs/future.js +1 -1
- package/dist/cjs/future.js.map +1 -1
- package/dist/cjs/index.css +11 -11
- package/dist/cjs/index.js +108 -100
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/{SuccessIcon-30b83808.js → SuccessIcon-09891ac3.js} +8 -3
- package/dist/esm/SuccessIcon-09891ac3.js.map +1 -0
- package/dist/esm/SuccessIcon-2b0fecc0.js +138 -0
- package/dist/esm/SuccessIcon-2b0fecc0.js.map +1 -0
- package/dist/esm/dts/Button/Button.d.ts +1 -15
- package/dist/esm/dts/Button/components/GenericButton.d.ts +23 -10
- package/dist/esm/dts/Button/index.d.ts +1 -0
- package/dist/esm/dts/FilterBar/context/FilterBarContext.d.ts +5 -0
- package/dist/esm/dts/FilterBar/context/reducer/filterBarStateReducer.d.ts +2 -0
- package/dist/esm/dts/FilterBar/context/reducer/setupFilterBarState.d.ts +1 -1
- package/dist/esm/dts/FilterBar/context/types.d.ts +3 -2
- package/dist/esm/dts/Workflow/subcomponents/Header/Header.d.ts +1 -1
- package/dist/esm/dts/__future__/Workflow/subcomponents/Header/Header.d.ts +1 -1
- package/dist/esm/future.js +1 -1
- package/dist/esm/future.js.map +1 -1
- package/dist/esm/index.css +9 -9
- package/dist/esm/index.js +108 -100
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +20 -6
- package/dist/styles.css +1 -1
- package/package.json +16 -16
- package/dist/cjs/SuccessIcon-562c344e.js.map +0 -1
- package/dist/esm/SuccessIcon-30b83808.js.map +0 -1
package/dist/cjs/index.css
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
.Main-module_main__hMyB1{z-index:0}
|
|
2
2
|
.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}
|
|
3
|
-
.
|
|
4
|
-
.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}
|
|
3
|
+
.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}
|
|
5
4
|
.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)}
|
|
6
5
|
.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)}}
|
|
7
|
-
.
|
|
8
|
-
.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}}
|
|
6
|
+
.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
|
|
9
7
|
.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}}
|
|
8
|
+
.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}}
|
|
9
|
+
.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}}
|
|
10
10
|
.GenericButton-module_button__6UapT{-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-radius:var(--border-solid-border-radius,7px);box-sizing:border-box;color:inherit;cursor:pointer;display:inline;display:inline-flex;font:inherit;font-family:var(--typography-button-primary-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-button-primary-font-size,1.125rem);font-weight:var(--typography-button-primary-font-weight,700);letter-spacing:var(--typography-button-primary-letter-spacing,normal);line-height:var(--typography-button-primary-line-height,1.5rem);margin:0;min-height:var(--spacing-xl,3rem);overflow:visible;padding:0;position:relative;text-align:left}[href].GenericButton-module_button__6UapT{text-decoration:none}.GenericButton-module_button__6UapT:not(:disabled).story__button-active,.GenericButton-module_button__6UapT:not(:disabled):active{transform:translateY(1px)}.GenericButton-module_button__6UapT:not(:disabled):focus{outline:none}.GenericButton-module_button__6UapT:not(:disabled).story__button-focus:after,.GenericButton-module_button__6UapT:not(:disabled):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}.GenericButton-module_reversed__sRTZQ.GenericButton-module_button__6UapT:not(:disabled).story__button-focus:after,.GenericButton-module_reversed__sRTZQ.GenericButton-module_button__6UapT:not(:disabled):focus-visible:after{border-color:var(--color-blue-300,#73c0e8)}.GenericButton-module_button__6UapT:disabled,.GenericButton-module_working__gROAQ.GenericButton-module_button__6UapT{opacity:30%;pointer-events:none}.GenericButton-module_button__6UapT .GenericButton-module_content__h36L5{align-items:center;display:flex;height:100%;padding:calc(var(--spacing-sm, .75rem) - var(--border-solid-border-width, 2px)) calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px))}.GenericButton-module_default__yF6Jf{background-color:var(--color-white,#fff);border-color:var(--color-gray-500,#8c8c97);color:var(--color-purple-800,#2f2438)}.GenericButton-module_default__yF6Jf:not(:disabled).story__button-active,.GenericButton-module_default__yF6Jf:not(:disabled).story__button-focus,.GenericButton-module_default__yF6Jf:not(:disabled).story__button-hover,.GenericButton-module_default__yF6Jf:not(:disabled):active,.GenericButton-module_default__yF6Jf:not(:disabled):focus-visible,.GenericButton-module_default__yF6Jf:not(:disabled):hover{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.GenericButton-module_reversed__sRTZQ.GenericButton-module_default__yF6Jf{background-color:transparent;border-color:rgba(var(--color-white-rgb,255,255,255),.65);color:var(--color-white,#fff)}.GenericButton-module_reversed__sRTZQ.GenericButton-module_default__yF6Jf:not(:disabled).story__button-active,.GenericButton-module_reversed__sRTZQ.GenericButton-module_default__yF6Jf:not(:disabled).story__button-focus,.GenericButton-module_reversed__sRTZQ.GenericButton-module_default__yF6Jf:not(:disabled).story__button-hover,.GenericButton-module_reversed__sRTZQ.GenericButton-module_default__yF6Jf:not(:disabled):active,.GenericButton-module_reversed__sRTZQ.GenericButton-module_default__yF6Jf:not(:disabled):focus-visible,.GenericButton-module_reversed__sRTZQ.GenericButton-module_default__yF6Jf:not(:disabled):hover{background-color:rgba(var(--color-white-rgb,255,255,255),.1);border-color:var(--color-white,#fff)}.GenericButton-module_primary__CSbSO{background-color:var(--color-blue-500,#0168b3);border-color:var(--border-borderless-border-color,transparent);color:var(--color-white,#fff)}.GenericButton-module_primary__CSbSO:not(:disabled).story__button-active,.GenericButton-module_primary__CSbSO:not(:disabled).story__button-focus,.GenericButton-module_primary__CSbSO:not(:disabled).story__button-hover,.GenericButton-module_primary__CSbSO:not(:disabled):active,.GenericButton-module_primary__CSbSO:not(:disabled):focus-visible,.GenericButton-module_primary__CSbSO:not(:disabled):hover{background-color:var(--color-blue-600,#004970);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_reversed__sRTZQ.GenericButton-module_primary__CSbSO{background-color:var(--color-green-300,#8fdbc7);border-color:var(--border-borderless-border-color,transparent);color:var(--color-purple-800,#2f2438)}.GenericButton-module_reversed__sRTZQ.GenericButton-module_primary__CSbSO:not(:disabled).story__button-active,.GenericButton-module_reversed__sRTZQ.GenericButton-module_primary__CSbSO:not(:disabled).story__button-focus,.GenericButton-module_reversed__sRTZQ.GenericButton-module_primary__CSbSO:not(:disabled).story__button-hover,.GenericButton-module_reversed__sRTZQ.GenericButton-module_primary__CSbSO:not(:disabled):active,.GenericButton-module_reversed__sRTZQ.GenericButton-module_primary__CSbSO:not(:disabled):focus-visible,.GenericButton-module_reversed__sRTZQ.GenericButton-module_primary__CSbSO:not(:disabled):hover{background-color:var(--color-green-400,#5dcbad);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_destructive__Y8pS7{background-color:var(--color-red-500,#c93b55);border-color:var(--border-borderless-border-color,transparent);color:var(--color-white,#fff)}.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-active,.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-focus,.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-hover,.GenericButton-module_destructive__Y8pS7:not(:disabled):active,.GenericButton-module_destructive__Y8pS7:not(:disabled):focus-visible,.GenericButton-module_destructive__Y8pS7:not(:disabled):hover{background-color:var(--color-red-600,#a82433);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_reversed__sRTZQ.GenericButton-module_destructive__Y8pS7{background-color:var(--color-red-300,#f597a8);border-color:var(--border-borderless-border-color,transparent);color:var(--color-purple-800,#2f2438)}.GenericButton-module_reversed__sRTZQ.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-active,.GenericButton-module_reversed__sRTZQ.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-focus,.GenericButton-module_reversed__sRTZQ.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-hover,.GenericButton-module_reversed__sRTZQ.GenericButton-module_destructive__Y8pS7:not(:disabled):active,.GenericButton-module_reversed__sRTZQ.GenericButton-module_destructive__Y8pS7:not(:disabled):focus-visible,.GenericButton-module_reversed__sRTZQ.GenericButton-module_destructive__Y8pS7:not(:disabled):hover{background-color:var(--color-red-400,#e0707d);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_secondary__nZsK3{background-color:transparent;border-color:var(--border-borderless-border-color,transparent);color:var(--color-blue-500,#0168b3);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);letter-spacing:var(--typography-button-secondary-letter-spacing,normal);line-height:var(--typography-button-secondary-line-height,1.5rem)}.GenericButton-module_secondary__nZsK3:not(:disabled).story__button-active,.GenericButton-module_secondary__nZsK3:not(:disabled).story__button-focus,.GenericButton-module_secondary__nZsK3:not(:disabled).story__button-hover,.GenericButton-module_secondary__nZsK3:not(:disabled):active,.GenericButton-module_secondary__nZsK3:not(:disabled):focus-visible,.GenericButton-module_secondary__nZsK3:not(:disabled):hover{background-color:var(--color-blue-100,#e6f6ff);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_secondary__nZsK3 .GenericButton-module_content__h36L5{padding-left:calc(var(--spacing-sm, .75rem) - var(--border-solid-border-width, 2px));padding-right:calc(var(--spacing-sm, .75rem) - var(--border-solid-border-width, 2px))}.GenericButton-module_reversed__sRTZQ.GenericButton-module_secondary__nZsK3{border-color:var(--border-borderless-border-color,transparent);color:var(--color-white,#fff)}.GenericButton-module_reversed__sRTZQ.GenericButton-module_secondary__nZsK3:not(:disabled).story__button-active,.GenericButton-module_reversed__sRTZQ.GenericButton-module_secondary__nZsK3:not(:disabled).story__button-focus,.GenericButton-module_reversed__sRTZQ.GenericButton-module_secondary__nZsK3:not(:disabled).story__button-hover,.GenericButton-module_reversed__sRTZQ.GenericButton-module_secondary__nZsK3:not(:disabled):active,.GenericButton-module_reversed__sRTZQ.GenericButton-module_secondary__nZsK3:not(:disabled):focus-visible,.GenericButton-module_reversed__sRTZQ.GenericButton-module_secondary__nZsK3:not(:disabled):hover{background-color:rgba(var(--color-white-rgb,255,255,255),.2);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_secondary__nZsK3.GenericButton-module_destructive__Y8pS7{color:var(--color-red-600,#a82433)}.GenericButton-module_secondary__nZsK3.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-active,.GenericButton-module_secondary__nZsK3.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-focus,.GenericButton-module_secondary__nZsK3.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-hover,.GenericButton-module_secondary__nZsK3.GenericButton-module_destructive__Y8pS7:not(:disabled):active,.GenericButton-module_secondary__nZsK3.GenericButton-module_destructive__Y8pS7:not(:disabled):focus-visible,.GenericButton-module_secondary__nZsK3.GenericButton-module_destructive__Y8pS7:not(:disabled):hover{background-color:var(--color-red-100,#fdeaee);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_small__IcZLk{min-height:calc(var(--spacing-md, 1.5rem)*5/3)}.GenericButton-module_small__IcZLk .GenericButton-module_content__h36L5{padding-bottom:calc(var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px));padding-top:calc(var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px))}.GenericButton-module_container__e4NCq{display:inline-block}.GenericButton-module_label__-ejZ4{line-height:1}.GenericButton-module_label__-ejZ4:not(:first-child){margin-left:.5em}.GenericButton-module_label__-ejZ4:not(:first-child)[dir=rtl],.GenericButton-module_label__-ejZ4:not(:last-child),[dir=rtl] .GenericButton-module_label__-ejZ4:not(:first-child){margin-right:.5em}.GenericButton-module_label__-ejZ4:not(:last-child)[dir=rtl],[dir=rtl] .GenericButton-module_label__-ejZ4:not(:last-child){margin-left:.5em}.GenericButton-module_fullWidth__X-uKZ{width:100%}.GenericButton-module_fullWidth__X-uKZ .GenericButton-module_button__6UapT{display:flex;justify-content:center;width:100%}.GenericButton-module_fullWidth__X-uKZ .GenericButton-module_content__h36L5{justify-content:center}.GenericButton-module_iconWrapper__U5NdE{align-self:flex-start;height:20px}.GenericButton-module_additionalContentWrapper__N1-lS{display:inherit}.GenericButton-module_additionalContentWrapper__N1-lS:not(:last-child){margin-right:.5em}.GenericButton-module_additionalContentWrapper__N1-lS:not(:last-child)[dir=rtl],[dir=rtl] .GenericButton-module_additionalContentWrapper__N1-lS:not(:last-child){margin-left:.5em}.GenericButton-module_loadingSpinner__1iVkw svg{height:100%}.GenericButton-module_centeredLoadingSpinner__zsCEe{display:flex;justify-content:center;left:0;position:absolute;right:0}.GenericButton-module_hidden__Bz0T6{visibility:hidden}
|
|
11
11
|
.SVG-module_icon__FE6iP{display:inline-block;height:20px;width:20px}.SVG-module_icon__FE6iP>use{pointer-events:none}.SVG-module_inheritSize__wiKMe{display:block;height:inherit;width:inherit}@media screen and (-ms-high-contrast:active){.SVG-module_icon__FE6iP{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__FE6iP{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__FE6iP{color:#000}}.SVG-module_interactiveIconWrapper__ACcob{cursor:pointer}.SVG-module_interactiveIconWrapper__ACcob .SVG-module_icon__FE6iP{opacity:70%;transition:var(--animation-duration-fast,.3s) opacity}.SVG-module_interactiveIconWrapper__ACcob.SVG-module_disabled__WB5BU .SVG-module_icon__FE6iP,.SVG-module_interactiveIconWrapper__ACcob:disabled .SVG-module_icon__FE6iP{opacity:30%}.SVG-module_interactiveIconWrapper__ACcob:not(:disabled,.SVG-module_disabled__WB5BU).SVG-module_active__R9jic .SVG-module_icon__FE6iP,.SVG-module_interactiveIconWrapper__ACcob:not(:disabled,.SVG-module_disabled__WB5BU).SVG-module_hover__QivVO .SVG-module_icon__FE6iP,.SVG-module_interactiveIconWrapper__ACcob:not(:disabled,.SVG-module_disabled__WB5BU):active .SVG-module_icon__FE6iP,.SVG-module_interactiveIconWrapper__ACcob:not(:disabled,.SVG-module_disabled__WB5BU):focus .SVG-module_icon__FE6iP,.SVG-module_interactiveIconWrapper__ACcob:not(:disabled,.SVG-module_disabled__WB5BU):hover .SVG-module_icon__FE6iP{opacity:100%}.SVG-module_reversedInteractiveIconWrapper__hTsnf .SVG-module_icon__FE6iP{opacity:100%}.SVG-module_reversedInteractiveIconWrapper__hTsnf:not(:disabled,.SVG-module_disabled__WB5BU).SVG-module_active__R9jic .SVG-module_icon__FE6iP,.SVG-module_reversedInteractiveIconWrapper__hTsnf:not(:disabled,.SVG-module_disabled__WB5BU):active .SVG-module_icon__FE6iP{opacity:50%}
|
|
12
12
|
.ClearButton-module_clearButton__CSOIc{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:inherit;display:inline;display:inline-flex;font:inherit;margin:0;padding:0;position:relative}.ClearButton-module_clearButton__CSOIc.story__clear-button-hover,.ClearButton-module_clearButton__CSOIc:hover{cursor:pointer}.ClearButton-module_clearButton__CSOIc:focus{outline:none}.ClearButton-module_clearButton__CSOIc.story__clear-button-focus:after,.ClearButton-module_clearButton__CSOIc:focus-visible:after{background:transparent;border-radius:50%;border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:-1px;position:absolute}.ClearButton-module_default__lBJxw{color:var(--color-gray-500,#8c8c97)}.ClearButton-module_default__lBJxw.story__clear-button-focus,.ClearButton-module_default__lBJxw.story__clear-button-hover,.ClearButton-module_default__lBJxw:focus-visible,.ClearButton-module_default__lBJxw:hover{color:var(--color-purple-800,#2f2438)}.ClearButton-module_default__lBJxw.story__clear-button-focus:after,.ClearButton-module_default__lBJxw:focus-visible:after{border-color:var(--color-blue-500,#0168b3)}.ClearButton-module_reversed__0I2DC{color:rgba(var(--color-white-rgb,255,255,255),.8)}.ClearButton-module_reversed__0I2DC.story__clear-button-focus,.ClearButton-module_reversed__0I2DC.story__clear-button-hover,.ClearButton-module_reversed__0I2DC:focus-visible,.ClearButton-module_reversed__0I2DC:hover{color:var(--color-white,#fff)}.ClearButton-module_reversed__0I2DC.story__clear-button-focus:after,.ClearButton-module_reversed__0I2DC:focus-visible:after{border-color:var(--color-blue-300,#73c0e8)}
|
|
13
13
|
.FilterPopover-module_filterPopover__OgOEM{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}
|
|
14
14
|
.FilterContents-module_filterContents__uNUpd{padding:var(--spacing-md,1.5rem)}
|
|
15
|
-
.LabelledMessage-module_labelledMessage__8hqzY{display:inline-flex;white-space:nowrap}.LabelledMessage-module_labelSeparator__f3zFN{
|
|
16
|
-
.DateInputDescription-module_dateInputDescription__-ONK8{display:inline}.DateInputDescription-module_dateInputFormatContainer__6hP6K{
|
|
15
|
+
.LabelledMessage-module_labelledMessage__8hqzY{display:inline-flex;white-space:nowrap}.LabelledMessage-module_labelSeparator__f3zFN{margin-inline-end:var(--spacing-6,.375rem)}
|
|
16
|
+
.DateInputDescription-module_dateInputDescription__-ONK8{display:inline}.DateInputDescription-module_dateInputFormatContainer__6hP6K{margin-inline-start:var(--spacing-6,.375rem);white-space:nowrap}
|
|
17
17
|
.DateInputField-module_disabled__Lf9TS{opacity:.3}
|
|
18
18
|
.FilterDatePickerField-module_filterDatePickerField__KvWHu{display:grid;gap:var(--spacing-16,1rem);width:288px}
|
|
19
19
|
.FilterButtonBase-module_filterButtonBase__505sK{-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-blue-100,#e6f6ff);border:0;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);height:3rem;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-sm,.75rem);position:relative;white-space:nowrap}.FilterButtonBase-module_filterButtonBase__505sK.story__filter-button-base--active,.FilterButtonBase-module_filterButtonBase__505sK.story__filter-button-base--hover,.FilterButtonBase-module_filterButtonBase__505sK:active,.FilterButtonBase-module_filterButtonBase__505sK:hover{z-index:2}.FilterButtonBase-module_filterButtonBase__505sK.story__filter-button-base--active,.FilterButtonBase-module_filterButtonBase__505sK.story__filter-button-base--focus,.FilterButtonBase-module_filterButtonBase__505sK.story__filter-button-base--hover,.FilterButtonBase-module_filterButtonBase__505sK:active,.FilterButtonBase-module_filterButtonBase__505sK:focus-visible,.FilterButtonBase-module_filterButtonBase__505sK:hover{background-color:var(--color-blue-200,#bde2f5)}.FilterButtonBase-module_filterButtonBase__505sK:focus{outline:none}.FilterButtonBase-module_filterButtonBase__505sK.story__filter-button-base--focus,.FilterButtonBase-module_filterButtonBase__505sK:focus-visible{outline:none}.FilterButtonBase-module_filterButtonBase__505sK.story__filter-button-base--focus:after,.FilterButtonBase-module_filterButtonBase__505sK:focus-visible:after{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) + 1px)*-1);position:absolute;z-index:3}
|
|
20
|
-
.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{
|
|
21
|
-
.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j.story__button-group--focus:after,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j:focus-visible:after{border-end-start-radius:var(--border-focus-ring-border-radius,10px);border-start-start-radius:var(--border-focus-ring-border-radius,10px)}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx.story__button-group--focus:after,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx:focus-visible:after{border-end-end-radius:var(--border-focus-ring-border-radius,10px);border-start-end-radius:var(--border-focus-ring-border-radius,10px)}.ButtonGroup-module_buttonGroup__bsy2X{display:inline-flex}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-{border-radius:0}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.story__button-group--focus:after,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:focus-visible:after{border-radius:0}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j.story__button-group--focus:after,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j:focus-visible:after{inset-inline-end:-1px}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:not(.ButtonGroup-module_firstChild__uEn1j){
|
|
20
|
+
.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}
|
|
21
|
+
.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j.story__button-group--focus:after,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j:focus-visible:after{border-end-start-radius:var(--border-focus-ring-border-radius,10px);border-start-start-radius:var(--border-focus-ring-border-radius,10px)}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx.story__button-group--focus:after,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx:focus-visible:after{border-end-end-radius:var(--border-focus-ring-border-radius,10px);border-start-end-radius:var(--border-focus-ring-border-radius,10px)}.ButtonGroup-module_buttonGroup__bsy2X{display:inline-flex}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-{border-radius:0}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.story__button-group--focus:after,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:focus-visible:after{border-radius:0}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j.story__button-group--focus:after,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j:focus-visible:after{inset-inline-end:-1px}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:not(.ButtonGroup-module_firstChild__uEn1j){border-inline-start:1px solid var(--color-blue-300,#73c0e8)}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:not(.ButtonGroup-module_firstChild__uEn1j,.ButtonGroup-module_lastChild__Vicsx).story__button-group--focus:after,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:not(.ButtonGroup-module_firstChild__uEn1j,.ButtonGroup-module_lastChild__Vicsx):focus-visible:after{inset-inline-end:-1px;inset-inline-start:-1px}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx.story__button-group--focus:after,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx:focus-visible:after{inset-inline-start:-1px}
|
|
22
22
|
.DateRangeDisplayLabel-module_dateRangeDisplayLabel__Gsq1R{display:inline-flex;gap:var(--spacing-6,.375rem)}
|
|
23
|
-
.DateRangeValidationMessage-module_fieldMessageList__UluZx{
|
|
23
|
+
.DateRangeValidationMessage-module_fieldMessageList__UluZx{margin:var(--spacing-0,0);padding-inline-start:var(--spacing-24,1.5rem)}
|
|
24
24
|
.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}
|
|
25
25
|
.FilterDateRangePickerField-module_filterDateRangePickerField__1gCr0{display:contents}.FilterDateRangePickerField-module_dateRangeInputField__XFvb-{margin-bottom:var(--spacing-24,1.5rem)}
|
|
26
26
|
.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}
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
.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)}
|
|
32
32
|
.NoResults-module_container__itPph{padding:1.125rem}
|
|
33
33
|
.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}
|
|
34
|
-
.InputSearch-module_wrapper__hs-4L{position:relative}.InputSearch-module_input__dNBbc[type=search]{-webkit-padding-start:calc(2.25rem + var(--spacing-sm, .75rem));-webkit-padding-end:var(--spacing-sm,.75rem);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__dNBbc[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__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_input__dNBbc[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__dNBbc[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__dNBbc[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.InputSearch-module_hasEndIconAdornment__AbK33 .InputSearch-module_input__dNBbc[type=search]{-webkit-padding-end:calc(var(--spacing-sm, .75rem) + 1.25rem + var(--spacing-sm, .75rem));padding-inline-end:calc(var(--spacing-sm, .75rem) + 1.25rem + var(--spacing-sm, .75rem))}.InputSearch-module_input__dNBbc[type=search]:focus::-webkit-input-placeholder,.InputSearch-module_input__dNBbc[type=search]:hover::-webkit-input-placeholder,.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]::-webkit-input-placeholder,.story__input-search-hover .InputSearch-module_input__dNBbc[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:0;position:static}.InputSearch-module_input__dNBbc[type=search]:focus:-moz-placeholder,.InputSearch-module_input__dNBbc[type=search]:focus::-moz-placeholder,.InputSearch-module_input__dNBbc[type=search]:hover:-moz-placeholder,.InputSearch-module_input__dNBbc[type=search]:hover::-moz-placeholder,.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]::-moz-placeholder,.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.story__input-search-hover .InputSearch-module_input__dNBbc[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:0;position:static}.InputSearch-module_input__dNBbc[type=search]:focus:-ms-input-placeholder,.InputSearch-module_input__dNBbc[type=search]:hover:-ms-input-placeholder,.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]:-ms-input-placeholder,.story__input-search-hover .InputSearch-module_input__dNBbc[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:0;position:static}.InputSearch-module_input__dNBbc[type=search]:focus+.InputSearch-module_focusRing__IjP-5,.story__input-search-focus .InputSearch-module_focusRing__IjP-5{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__80-z0{height:1.25rem;inset-inline-start:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.InputSearch-module_loadingSpinner__JrFST{margin-top:-2px}.InputSearch-module_endIconAdornment__mgwQC{height:1.25rem;inset-inline-end:var(--spacing-sm,.75rem);position:absolute;top:50%;transform:translateY(-50%);z-index:1}.InputSearch-module_disabled__gA9sy{opacity:.3;pointer-events:none}.InputSearch-module_default__9VM-U .InputSearch-module_input__dNBbc[type=search]{background-color:var(--color-white,#fff);border-color:var(--color-gray-500,#8c8c97);color:var(--color-purple-800,#2f2438)}.InputSearch-module_default__9VM-U .InputSearch-module_input__dNBbc[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__9VM-U .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_default__9VM-U .InputSearch-module_input__dNBbc[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__9VM-U .InputSearch-module_input__dNBbc[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__9VM-U .InputSearch-module_focusRing__IjP-5{border-color:var(--color-blue-500,#0168b3)}.InputSearch-module_default__9VM-U .InputSearch-module_startIconAdornment__80-z0{color:var(--color-purple-800,#2f2438);opacity:.7}.InputSearch-module_default__9VM-U.story__input-search-focus .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_default__9VM-U.story__input-search-hover .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_default__9VM-U:focus-within .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_default__9VM-U:hover .InputSearch-module_input__dNBbc[type=search]{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.InputSearch-module_default__9VM-U.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]::-webkit-input-placeholder,.InputSearch-module_default__9VM-U.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]::-webkit-input-placeholder,.InputSearch-module_default__9VM-U:focus-within .InputSearch-module_input__dNBbc[type=search]::-webkit-input-placeholder,.InputSearch-module_default__9VM-U:hover .InputSearch-module_input__dNBbc[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__9VM-U.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_default__9VM-U.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_default__9VM-U:focus-within .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_default__9VM-U:hover .InputSearch-module_input__dNBbc[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__9VM-U.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]::-moz-placeholder,.InputSearch-module_default__9VM-U.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]::-moz-placeholder,.InputSearch-module_default__9VM-U:focus-within .InputSearch-module_input__dNBbc[type=search]::-moz-placeholder,.InputSearch-module_default__9VM-U:hover .InputSearch-module_input__dNBbc[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__9VM-U.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]:-ms-input-placeholder,.InputSearch-module_default__9VM-U.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]:-ms-input-placeholder,.InputSearch-module_default__9VM-U:focus-within .InputSearch-module_input__dNBbc[type=search]:-ms-input-placeholder,.InputSearch-module_default__9VM-U:hover .InputSearch-module_input__dNBbc[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__9VM-U.story__input-search-focus .InputSearch-module_startIconAdornment__80-z0,.InputSearch-module_default__9VM-U.story__input-search-hover .InputSearch-module_startIconAdornment__80-z0,.InputSearch-module_default__9VM-U:focus-within .InputSearch-module_startIconAdornment__80-z0,.InputSearch-module_default__9VM-U:hover .InputSearch-module_startIconAdornment__80-z0{opacity:100%}.InputSearch-module_secondary__ndOXK .InputSearch-module_input__dNBbc[type=search]{background-color:var(--color-gray-200,#f4f4f5);border-color:transparent;color:var(--color-purple-800,#2f2438)}.InputSearch-module_secondary__ndOXK .InputSearch-module_input__dNBbc[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__ndOXK .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_secondary__ndOXK .InputSearch-module_input__dNBbc[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__ndOXK .InputSearch-module_input__dNBbc[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__ndOXK .InputSearch-module_focusRing__IjP-5{border-color:var(--color-blue-500,#0168b3)}.InputSearch-module_secondary__ndOXK .InputSearch-module_startIconAdornment__80-z0{color:var(--color-purple-800,#2f2438);opacity:.7}.InputSearch-module_secondary__ndOXK.story__input-search-focus .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_secondary__ndOXK.story__input-search-hover .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_secondary__ndOXK:focus-within .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_secondary__ndOXK:hover .InputSearch-module_input__dNBbc[type=search]{background-color:var(--color-gray-300,#eaeaec);border-color:transparent}.InputSearch-module_secondary__ndOXK.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]::-webkit-input-placeholder,.InputSearch-module_secondary__ndOXK.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]::-webkit-input-placeholder,.InputSearch-module_secondary__ndOXK:focus-within .InputSearch-module_input__dNBbc[type=search]::-webkit-input-placeholder,.InputSearch-module_secondary__ndOXK:hover .InputSearch-module_input__dNBbc[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__ndOXK.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_secondary__ndOXK.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_secondary__ndOXK:focus-within .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_secondary__ndOXK:hover .InputSearch-module_input__dNBbc[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__ndOXK.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]::-moz-placeholder,.InputSearch-module_secondary__ndOXK.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]::-moz-placeholder,.InputSearch-module_secondary__ndOXK:focus-within .InputSearch-module_input__dNBbc[type=search]::-moz-placeholder,.InputSearch-module_secondary__ndOXK:hover .InputSearch-module_input__dNBbc[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__ndOXK.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]:-ms-input-placeholder,.InputSearch-module_secondary__ndOXK.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]:-ms-input-placeholder,.InputSearch-module_secondary__ndOXK:focus-within .InputSearch-module_input__dNBbc[type=search]:-ms-input-placeholder,.InputSearch-module_secondary__ndOXK:hover .InputSearch-module_input__dNBbc[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__ndOXK.story__input-search-focus .InputSearch-module_startIconAdornment__80-z0,.InputSearch-module_secondary__ndOXK.story__input-search-hover .InputSearch-module_startIconAdornment__80-z0,.InputSearch-module_secondary__ndOXK:focus-within .InputSearch-module_startIconAdornment__80-z0,.InputSearch-module_secondary__ndOXK:hover .InputSearch-module_startIconAdornment__80-z0{opacity:100%}.InputSearch-module_reversed__v8hfk .InputSearch-module_input__dNBbc[type=search]{background:rgba(var(--color-white-rgb,255,255,255),.1);color:var(--color-white,#fff)}.InputSearch-module_reversed__v8hfk .InputSearch-module_input__dNBbc[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__v8hfk .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_reversed__v8hfk .InputSearch-module_input__dNBbc[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__v8hfk .InputSearch-module_input__dNBbc[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__v8hfk .InputSearch-module_focusRing__IjP-5{border-color:var(--color-blue-300,#73c0e8)}.InputSearch-module_reversed__v8hfk .InputSearch-module_startIconAdornment__80-z0{color:var(--color-white,#fff);opacity:.8}.InputSearch-module_reversed__v8hfk.story__input-search-focus .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_reversed__v8hfk.story__input-search-hover .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_reversed__v8hfk:focus-within .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_reversed__v8hfk:hover .InputSearch-module_input__dNBbc[type=search]{background-color:rgba(var(--color-white-rgb,255,255,255),.2);border-color:transparent}.InputSearch-module_reversed__v8hfk.InputSearch-module_default__9VM-U .InputSearch-module_input__dNBbc[type=search]{border-color:rgba(var(--color-white-rgb,255,255,255),.65)}
|
|
34
|
+
.InputSearch-module_wrapper__hs-4L{position:relative}.InputSearch-module_input__dNBbc[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__dNBbc[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__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_input__dNBbc[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__dNBbc[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__dNBbc[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.InputSearch-module_hasEndIconAdornment__AbK33 .InputSearch-module_input__dNBbc[type=search]{padding-inline-end:calc(var(--spacing-sm, .75rem) + 1.25rem + var(--spacing-sm, .75rem))}.InputSearch-module_input__dNBbc[type=search]:focus::-webkit-input-placeholder,.InputSearch-module_input__dNBbc[type=search]:hover::-webkit-input-placeholder,.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]::-webkit-input-placeholder,.story__input-search-hover .InputSearch-module_input__dNBbc[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:0;position:static}.InputSearch-module_input__dNBbc[type=search]:focus:-moz-placeholder,.InputSearch-module_input__dNBbc[type=search]:focus::-moz-placeholder,.InputSearch-module_input__dNBbc[type=search]:hover:-moz-placeholder,.InputSearch-module_input__dNBbc[type=search]:hover::-moz-placeholder,.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]::-moz-placeholder,.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.story__input-search-hover .InputSearch-module_input__dNBbc[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:0;position:static}.InputSearch-module_input__dNBbc[type=search]:focus:-ms-input-placeholder,.InputSearch-module_input__dNBbc[type=search]:hover:-ms-input-placeholder,.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]:-ms-input-placeholder,.story__input-search-hover .InputSearch-module_input__dNBbc[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:0;position:static}.InputSearch-module_input__dNBbc[type=search]:focus+.InputSearch-module_focusRing__IjP-5,.story__input-search-focus .InputSearch-module_focusRing__IjP-5{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__80-z0{height:1.25rem;inset-inline-start:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.InputSearch-module_loadingSpinner__JrFST{margin-top:-2px}.InputSearch-module_endIconAdornment__mgwQC{height:1.25rem;inset-inline-end:var(--spacing-sm,.75rem);position:absolute;top:50%;transform:translateY(-50%);z-index:1}.InputSearch-module_disabled__gA9sy{opacity:.3;pointer-events:none}.InputSearch-module_default__9VM-U .InputSearch-module_input__dNBbc[type=search]{background-color:var(--color-white,#fff);border-color:var(--color-gray-500,#8c8c97);color:var(--color-purple-800,#2f2438)}.InputSearch-module_default__9VM-U .InputSearch-module_input__dNBbc[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__9VM-U .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_default__9VM-U .InputSearch-module_input__dNBbc[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__9VM-U .InputSearch-module_input__dNBbc[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__9VM-U .InputSearch-module_focusRing__IjP-5{border-color:var(--color-blue-500,#0168b3)}.InputSearch-module_default__9VM-U .InputSearch-module_startIconAdornment__80-z0{color:var(--color-purple-800,#2f2438);opacity:.7}.InputSearch-module_default__9VM-U.story__input-search-focus .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_default__9VM-U.story__input-search-hover .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_default__9VM-U:focus-within .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_default__9VM-U:hover .InputSearch-module_input__dNBbc[type=search]{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.InputSearch-module_default__9VM-U.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]::-webkit-input-placeholder,.InputSearch-module_default__9VM-U.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]::-webkit-input-placeholder,.InputSearch-module_default__9VM-U:focus-within .InputSearch-module_input__dNBbc[type=search]::-webkit-input-placeholder,.InputSearch-module_default__9VM-U:hover .InputSearch-module_input__dNBbc[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__9VM-U.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_default__9VM-U.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_default__9VM-U:focus-within .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_default__9VM-U:hover .InputSearch-module_input__dNBbc[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__9VM-U.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]::-moz-placeholder,.InputSearch-module_default__9VM-U.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]::-moz-placeholder,.InputSearch-module_default__9VM-U:focus-within .InputSearch-module_input__dNBbc[type=search]::-moz-placeholder,.InputSearch-module_default__9VM-U:hover .InputSearch-module_input__dNBbc[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__9VM-U.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]:-ms-input-placeholder,.InputSearch-module_default__9VM-U.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]:-ms-input-placeholder,.InputSearch-module_default__9VM-U:focus-within .InputSearch-module_input__dNBbc[type=search]:-ms-input-placeholder,.InputSearch-module_default__9VM-U:hover .InputSearch-module_input__dNBbc[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__9VM-U.story__input-search-focus .InputSearch-module_startIconAdornment__80-z0,.InputSearch-module_default__9VM-U.story__input-search-hover .InputSearch-module_startIconAdornment__80-z0,.InputSearch-module_default__9VM-U:focus-within .InputSearch-module_startIconAdornment__80-z0,.InputSearch-module_default__9VM-U:hover .InputSearch-module_startIconAdornment__80-z0{opacity:100%}.InputSearch-module_secondary__ndOXK .InputSearch-module_input__dNBbc[type=search]{background-color:var(--color-gray-200,#f4f4f5);border-color:transparent;color:var(--color-purple-800,#2f2438)}.InputSearch-module_secondary__ndOXK .InputSearch-module_input__dNBbc[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__ndOXK .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_secondary__ndOXK .InputSearch-module_input__dNBbc[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__ndOXK .InputSearch-module_input__dNBbc[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__ndOXK .InputSearch-module_focusRing__IjP-5{border-color:var(--color-blue-500,#0168b3)}.InputSearch-module_secondary__ndOXK .InputSearch-module_startIconAdornment__80-z0{color:var(--color-purple-800,#2f2438);opacity:.7}.InputSearch-module_secondary__ndOXK.story__input-search-focus .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_secondary__ndOXK.story__input-search-hover .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_secondary__ndOXK:focus-within .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_secondary__ndOXK:hover .InputSearch-module_input__dNBbc[type=search]{background-color:var(--color-gray-300,#eaeaec);border-color:transparent}.InputSearch-module_secondary__ndOXK.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]::-webkit-input-placeholder,.InputSearch-module_secondary__ndOXK.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]::-webkit-input-placeholder,.InputSearch-module_secondary__ndOXK:focus-within .InputSearch-module_input__dNBbc[type=search]::-webkit-input-placeholder,.InputSearch-module_secondary__ndOXK:hover .InputSearch-module_input__dNBbc[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__ndOXK.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_secondary__ndOXK.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_secondary__ndOXK:focus-within .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_secondary__ndOXK:hover .InputSearch-module_input__dNBbc[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__ndOXK.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]::-moz-placeholder,.InputSearch-module_secondary__ndOXK.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]::-moz-placeholder,.InputSearch-module_secondary__ndOXK:focus-within .InputSearch-module_input__dNBbc[type=search]::-moz-placeholder,.InputSearch-module_secondary__ndOXK:hover .InputSearch-module_input__dNBbc[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__ndOXK.story__input-search-focus .InputSearch-module_input__dNBbc[type=search]:-ms-input-placeholder,.InputSearch-module_secondary__ndOXK.story__input-search-hover .InputSearch-module_input__dNBbc[type=search]:-ms-input-placeholder,.InputSearch-module_secondary__ndOXK:focus-within .InputSearch-module_input__dNBbc[type=search]:-ms-input-placeholder,.InputSearch-module_secondary__ndOXK:hover .InputSearch-module_input__dNBbc[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__ndOXK.story__input-search-focus .InputSearch-module_startIconAdornment__80-z0,.InputSearch-module_secondary__ndOXK.story__input-search-hover .InputSearch-module_startIconAdornment__80-z0,.InputSearch-module_secondary__ndOXK:focus-within .InputSearch-module_startIconAdornment__80-z0,.InputSearch-module_secondary__ndOXK:hover .InputSearch-module_startIconAdornment__80-z0{opacity:100%}.InputSearch-module_reversed__v8hfk .InputSearch-module_input__dNBbc[type=search]{background:rgba(var(--color-white-rgb,255,255,255),.1);color:var(--color-white,#fff)}.InputSearch-module_reversed__v8hfk .InputSearch-module_input__dNBbc[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__v8hfk .InputSearch-module_input__dNBbc[type=search]:-moz-placeholder,.InputSearch-module_reversed__v8hfk .InputSearch-module_input__dNBbc[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__v8hfk .InputSearch-module_input__dNBbc[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__v8hfk .InputSearch-module_focusRing__IjP-5{border-color:var(--color-blue-300,#73c0e8)}.InputSearch-module_reversed__v8hfk .InputSearch-module_startIconAdornment__80-z0{color:var(--color-white,#fff);opacity:.8}.InputSearch-module_reversed__v8hfk.story__input-search-focus .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_reversed__v8hfk.story__input-search-hover .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_reversed__v8hfk:focus-within .InputSearch-module_input__dNBbc[type=search],.InputSearch-module_reversed__v8hfk:hover .InputSearch-module_input__dNBbc[type=search]{background-color:rgba(var(--color-white-rgb,255,255,255),.2);border-color:transparent}.InputSearch-module_reversed__v8hfk.InputSearch-module_default__9VM-U .InputSearch-module_input__dNBbc[type=search]{border-color:rgba(var(--color-white-rgb,255,255,255),.65)}
|
|
35
35
|
.SearchInput-module_inputSearchContainer__2TCSY{margin:0 var(--spacing-sm,.75rem);position:relative}
|
|
36
36
|
.SectionDivider-module_divider__zlsWs{margin:.5rem 0}
|
|
37
37
|
.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)}
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
.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}}
|
|
52
52
|
.Main-module_main__H-zGJ{z-index:0}
|
|
53
53
|
.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}
|
|
54
|
-
.BrandMoment-module_body__J4lls{align-items:center;display:flex;flex-direction:column;min-height:100vh;width:100%}.BrandMoment-module_body__J4lls.BrandMoment-module_informative__Qvwcd{background:var(--color-blue-100,#e6f6ff)}.BrandMoment-module_body__J4lls.BrandMoment-module_positive__78wqJ{background:var(--color-green-100,#e8f8f4)}.BrandMoment-module_body__J4lls.BrandMoment-module_negative__atXal{background:var(--color-red-100,#fdeaee)}.BrandMoment-module_container__4ORHI{margin:0 auto;max-width:1392px;padding:0 var(--spacing-md,1.5rem)}@media (min-width:1080px){.BrandMoment-module_container__4ORHI{padding:0 var(--spacing-xxl,3.75rem)}}@media (min-width:1366px){.BrandMoment-module_container__4ORHI{padding:0 var(--spacing-xxxxl,5.25rem)}}.BrandMoment-module_header__EAP5Q{
|
|
54
|
+
.BrandMoment-module_body__J4lls{align-items:center;display:flex;flex-direction:column;min-height:100vh;width:100%}.BrandMoment-module_body__J4lls.BrandMoment-module_informative__Qvwcd{background:var(--color-blue-100,#e6f6ff)}.BrandMoment-module_body__J4lls.BrandMoment-module_positive__78wqJ{background:var(--color-green-100,#e8f8f4)}.BrandMoment-module_body__J4lls.BrandMoment-module_negative__atXal{background:var(--color-red-100,#fdeaee)}.BrandMoment-module_container__4ORHI{margin:0 auto;max-width:1392px;padding:0 var(--spacing-md,1.5rem)}@media (min-width:1080px){.BrandMoment-module_container__4ORHI{padding:0 var(--spacing-xxl,3.75rem)}}@media (min-width:1366px){.BrandMoment-module_container__4ORHI{padding:0 var(--spacing-xxxxl,5.25rem)}}.BrandMoment-module_header__EAP5Q{inline-size:100%;margin-block-end:var(--spacing-md,1.5rem)}.BrandMoment-module_main__cdWko{align-items:center;display:flex;flex:1 0 auto;margin-block-end:var(--spacing-xxl,3.75rem)}.BrandMoment-module_mainInner__xsFA6{align-items:center;display:grid;gap:var(--spacing-xl,3rem) var(--spacing-lg,2.25rem);grid-template-columns:1fr}@media (min-width:768px){.BrandMoment-module_mainInner__xsFA6{row-gap:var(--spacing-xxl,3.75rem)}}@media (min-width:1080px){.BrandMoment-module_mainInner__xsFA6{grid-template-columns:1fr 1fr}}@media (min-width:1366px){.BrandMoment-module_mainInner__xsFA6{-moz-column-gap:var(--spacing-xxxxl,5.25rem);column-gap:var(--spacing-xxxxl,5.25rem)}}.BrandMoment-module_left__ZHJiM{display:flex;justify-content:center}.BrandMoment-module_leftInner__TY5DY{max-width:525px;width:100%}.BrandMoment-module_right__B-PR2{align-items:center;display:flex;flex-direction:column;justify-content:center}.BrandMoment-module_rightInner__XvQ5Y{max-width:543px}.BrandMoment-module_subtitle__z9PL8{margin-bottom:var(--spacing-12,.75rem)}.BrandMoment-module_textBody__W6LvQ,.BrandMoment-module_title__GrdAR{margin-bottom:var(--spacing-lg,2.25rem)}.BrandMoment-module_secondaryAction__d18oJ{margin-block-start:var(--spacing-sm,.75rem)}@media (min-width:768px){.BrandMoment-module_actions__Z3NrK{display:flex}.BrandMoment-module_secondaryAction__d18oJ{margin-block-start:0;margin-inline-start:var(--spacing-sm,.75rem)}}@media (min-width:1080px){.BrandMoment-module_left__ZHJiM{justify-content:flex-end}.BrandMoment-module_right__B-PR2{align-items:flex-start}}.BrandMoment-module_footer__vSeX1{flex:0 0 auto}.BrandMoment-module_footerInner__Wt9Rt{border-block-start:1px solid var(--color-purple-800,#2f2438);border-inline-start:1px solid var(--color-purple-800,#2f2438);display:flex;flex-direction:column;margin-block-end:var(--spacing-lg,2.25rem);padding:var(--spacing-sm,.75rem) var(--spacing-md,1.5rem)}.BrandMoment-module_poweredByContainer__OkhVN{display:flex;flex:0 0 auto;order:2}.BrandMoment-module_footerTextContainer__8iin9{flex:1 1 auto;margin-block-end:var(--spacing-md,1.5rem);order:1}.BrandMoment-module_poweredByLogo__w6M7o{margin-inline-start:var(--spacing-xs,.375rem)}.BrandMoment-module_poweredByLogo__w6M7o>img{max-width:133px}@media (min-width:1080px){.BrandMoment-module_footerInner__Wt9Rt{align-items:center;flex-direction:row}.BrandMoment-module_footerTextContainer__8iin9{margin-block-end:0;margin-inline-start:var(--spacing-md,1.5rem);order:0}.BrandMoment-module_poweredByContainer__OkhVN{order:0}}
|
|
55
55
|
.ErrorPage-module_paragraphPadding__-L-qy{padding:var(--spacing-24,1.5rem) 0}
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var SuccessIcon = require('./SuccessIcon-
|
|
3
|
+
var SuccessIcon = require('./SuccessIcon-02a295a0.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var classnames = require('classnames');
|
|
6
6
|
var draftBadge = require('@kaizen/draft-badge');
|
|
@@ -9,6 +9,7 @@ var reactFocusOn = require('react-focus-on');
|
|
|
9
9
|
var reactPopper = require('react-popper');
|
|
10
10
|
var datePicker = require('@kaizen/date-picker');
|
|
11
11
|
var uuid = require('uuid');
|
|
12
|
+
var validateDate$1 = require('@kaizen/date-picker/src/utils/validateDate');
|
|
12
13
|
var formatDateAsNumeral = require('@kaizen/date-picker/src/utils/formatDateAsNumeral');
|
|
13
14
|
var isDisabledDate = require('@kaizen/date-picker/src/utils/isDisabledDate');
|
|
14
15
|
var isSelectingDayInCalendar = require('@kaizen/date-picker/src/utils/isSelectingDayInCalendar');
|
|
@@ -16,7 +17,6 @@ var parseDateFromNumeralFormatValue = require('@kaizen/date-picker/src/utils/par
|
|
|
16
17
|
var parseDateFromTextFormatValue = require('@kaizen/date-picker/src/utils/parseDateFromTextFormatValue');
|
|
17
18
|
var draftForm = require('@kaizen/draft-form');
|
|
18
19
|
var i18nReactIntl = require('@cultureamp/i18n-react-intl');
|
|
19
|
-
var validateDate$1 = require('@kaizen/date-picker/src/utils/validateDate');
|
|
20
20
|
var draftTooltip = require('@kaizen/draft-tooltip');
|
|
21
21
|
var getLocale = require('@kaizen/date-picker/src/utils/getLocale');
|
|
22
22
|
var formatDateAsText = require('@kaizen/date-picker/src/utils/formatDateAsText');
|
|
@@ -323,6 +323,7 @@ var updateDependentFilters = function(state) {
|
|
|
323
323
|
if (!isUsable) {
|
|
324
324
|
state.activeFilterIds["delete"](id);
|
|
325
325
|
state.values[id] = void 0;
|
|
326
|
+
state.hasUpdatedValues = true;
|
|
326
327
|
return;
|
|
327
328
|
}
|
|
328
329
|
if (!state.filters[id].isRemovable || state.values[id] !== void 0) {
|
|
@@ -346,13 +347,15 @@ var updateValues = function(state, values) {
|
|
|
346
347
|
state.activeFilterIds.add(id);
|
|
347
348
|
}
|
|
348
349
|
});
|
|
349
|
-
return updateDependentFilters(SuccessIcon.__assign(SuccessIcon.__assign({}, state), { values }));
|
|
350
|
+
return updateDependentFilters(SuccessIcon.__assign(SuccessIcon.__assign({}, state), { hasUpdatedValues: true, values }));
|
|
350
351
|
};
|
|
351
352
|
|
|
352
353
|
var filterBarStateReducer = function(state, action) {
|
|
353
354
|
switch (action.type) {
|
|
354
355
|
case "update_values":
|
|
355
356
|
return SuccessIcon.__assign({}, updateValues(state, action.values));
|
|
357
|
+
case "complete_update_values":
|
|
358
|
+
return SuccessIcon.__assign(SuccessIcon.__assign({}, state), { hasUpdatedValues: false });
|
|
356
359
|
case "update_single_filter":
|
|
357
360
|
return SuccessIcon.__assign(SuccessIcon.__assign({}, state), { filters: updateSingleFilter(state, action.id, action.data) });
|
|
358
361
|
case "activate_filter":
|
|
@@ -361,11 +364,11 @@ var filterBarStateReducer = function(state, action) {
|
|
|
361
364
|
case "deactivate_filter":
|
|
362
365
|
state.activeFilterIds["delete"](action.id);
|
|
363
366
|
state.values[action.id] = void 0;
|
|
364
|
-
return SuccessIcon.__assign({}, updateDependentFilters(state));
|
|
367
|
+
return SuccessIcon.__assign(SuccessIcon.__assign({}, updateDependentFilters(state)), { hasUpdatedValues: true });
|
|
365
368
|
}
|
|
366
369
|
};
|
|
367
370
|
|
|
368
|
-
var setupFilterBarState = function(filters) {
|
|
371
|
+
var setupFilterBarState = function(filters, values) {
|
|
369
372
|
var state = filters.reduce(function(baseState, _a) {
|
|
370
373
|
var id = _a.id, name = _a.name, isRemovable = _a.isRemovable, isUsableWhen = _a.isUsableWhen;
|
|
371
374
|
var hasDependency = isUsableWhen !== void 0;
|
|
@@ -375,25 +378,23 @@ var setupFilterBarState = function(filters) {
|
|
|
375
378
|
isRemovable: isRemovable !== null && isRemovable !== void 0 ? isRemovable : false,
|
|
376
379
|
isUsableWhen,
|
|
377
380
|
isOpen: false,
|
|
378
|
-
|
|
379
|
-
// will be re-evaluated in the `update_values` dispatch action.
|
|
380
|
-
isUsable: hasDependency ? null : true
|
|
381
|
+
isUsable: true
|
|
381
382
|
};
|
|
382
383
|
if (hasDependency) {
|
|
383
384
|
baseState.dependentFilterIds.add(id);
|
|
384
385
|
}
|
|
386
|
+
if (!isRemovable || values[id] !== void 0) {
|
|
387
|
+
baseState.activeFilterIds.add(id);
|
|
388
|
+
}
|
|
385
389
|
return baseState;
|
|
386
390
|
}, {
|
|
387
391
|
filters: {},
|
|
388
|
-
// These will be set by the `update_values` dispatch action.
|
|
389
392
|
activeFilterIds: /* @__PURE__ */ new Set(),
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
values: null,
|
|
394
|
-
dependentFilterIds: /* @__PURE__ */ new Set()
|
|
393
|
+
values,
|
|
394
|
+
dependentFilterIds: /* @__PURE__ */ new Set(),
|
|
395
|
+
hasUpdatedValues: false
|
|
395
396
|
});
|
|
396
|
-
return state;
|
|
397
|
+
return updateDependentFilters(state);
|
|
397
398
|
};
|
|
398
399
|
|
|
399
400
|
var checkArraysMatch$1 = function(a1, a2) {
|
|
@@ -451,7 +452,7 @@ var FilterBarProvider = function(_a) {
|
|
|
451
452
|
var mappedFilters = React.useMemo(function() {
|
|
452
453
|
return getMappedFilters(filters);
|
|
453
454
|
}, [filters]);
|
|
454
|
-
var _b = React.useReducer(filterBarStateReducer, setupFilterBarState(filters)), state = _b[0], dispatch = _b[1];
|
|
455
|
+
var _b = React.useReducer(filterBarStateReducer, setupFilterBarState(filters, values)), state = _b[0], dispatch = _b[1];
|
|
455
456
|
var value = {
|
|
456
457
|
getFilterState: function(id) {
|
|
457
458
|
return SuccessIcon.__assign(SuccessIcon.__assign({}, state.filters[id]), { isActive: state.activeFilterIds.has(id), value: values[id] });
|
|
@@ -462,6 +463,12 @@ var FilterBarProvider = function(_a) {
|
|
|
462
463
|
toggleOpenFilter: function(id, isOpen) {
|
|
463
464
|
dispatch({ type: "update_single_filter", id, data: { isOpen } });
|
|
464
465
|
},
|
|
466
|
+
setFilterOpenState: function(id, isOpen) {
|
|
467
|
+
dispatch({ type: "update_single_filter", id, data: { isOpen } });
|
|
468
|
+
},
|
|
469
|
+
openFilter: function(id) {
|
|
470
|
+
dispatch({ type: "update_single_filter", id, data: { isOpen: true } });
|
|
471
|
+
},
|
|
465
472
|
updateValue: function(id, newValue) {
|
|
466
473
|
var _a2;
|
|
467
474
|
dispatch({
|
|
@@ -487,14 +494,15 @@ var FilterBarProvider = function(_a) {
|
|
|
487
494
|
}
|
|
488
495
|
};
|
|
489
496
|
React.useEffect(function() {
|
|
490
|
-
var shouldUpdate =
|
|
497
|
+
var shouldUpdate = checkShouldUpdateValues(state, values);
|
|
491
498
|
if (shouldUpdate)
|
|
492
499
|
dispatch({ type: "update_values", values: SuccessIcon.__assign({}, values) });
|
|
493
500
|
}, [values]);
|
|
494
501
|
React.useEffect(function() {
|
|
495
|
-
|
|
496
|
-
if (shouldUpdate)
|
|
502
|
+
if (state.hasUpdatedValues) {
|
|
497
503
|
onValuesChange(SuccessIcon.__assign({}, state.values));
|
|
504
|
+
dispatch({ type: "complete_update_values" });
|
|
505
|
+
}
|
|
498
506
|
}, [state]);
|
|
499
507
|
var activeFilters = Array.from(state.activeFilterIds, function(id) {
|
|
500
508
|
return mappedFilters[id];
|
|
@@ -509,6 +517,79 @@ var FilterBarProvider = function(_a) {
|
|
|
509
517
|
);
|
|
510
518
|
};
|
|
511
519
|
|
|
520
|
+
var styles$E = {"labelledMessage":"LabelledMessage-module_labelledMessage__8hqzY","labelSeparator":"LabelledMessage-module_labelSeparator__f3zFN"};
|
|
521
|
+
|
|
522
|
+
var LabelledMessage = function(_a) {
|
|
523
|
+
var label = _a.label, message = _a.message;
|
|
524
|
+
return React.createElement(
|
|
525
|
+
"span",
|
|
526
|
+
{ className: styles$E.labelledMessage },
|
|
527
|
+
React.createElement("span", null, label),
|
|
528
|
+
React.createElement("span", { className: styles$E.labelSeparator }, ":"),
|
|
529
|
+
React.createElement("span", null, message)
|
|
530
|
+
);
|
|
531
|
+
};
|
|
532
|
+
LabelledMessage.displayName = "LabelledMessage";
|
|
533
|
+
|
|
534
|
+
var getNodeText = function(node) {
|
|
535
|
+
if (!node)
|
|
536
|
+
return "";
|
|
537
|
+
if (typeof node === "string" || typeof node === "number")
|
|
538
|
+
return node;
|
|
539
|
+
if (node instanceof Array)
|
|
540
|
+
return node.map(getNodeText).join("");
|
|
541
|
+
if (React.isValidElement(node))
|
|
542
|
+
return getNodeText(node.props.children);
|
|
543
|
+
return "";
|
|
544
|
+
};
|
|
545
|
+
|
|
546
|
+
var getDateValidationHandler = function(_a) {
|
|
547
|
+
var onValidate = _a.onValidate, setInbuiltValidationMessage = _a.setInbuiltValidationMessage, inputLabel = _a.inputLabel;
|
|
548
|
+
return function(validationResponse) {
|
|
549
|
+
if (onValidate)
|
|
550
|
+
return onValidate(validationResponse);
|
|
551
|
+
var validationMessage = validationResponse.validationMessage;
|
|
552
|
+
if (!validationMessage) {
|
|
553
|
+
setInbuiltValidationMessage(void 0);
|
|
554
|
+
return;
|
|
555
|
+
}
|
|
556
|
+
setInbuiltValidationMessage({
|
|
557
|
+
status: validationMessage.status,
|
|
558
|
+
message: inputLabel ? React.createElement(LabelledMessage, { label: "".concat(getNodeText(inputLabel)), message: validationMessage.message }) : validationMessage.message
|
|
559
|
+
});
|
|
560
|
+
};
|
|
561
|
+
};
|
|
562
|
+
|
|
563
|
+
var validateDate = function(args) {
|
|
564
|
+
var response = validateDate$1.validateDate(args);
|
|
565
|
+
var _a = response.validationResponse, status = _a.status, validationMessage = _a.validationMessage, rest = SuccessIcon.__rest(_a, ["status", "validationMessage"]);
|
|
566
|
+
return SuccessIcon.__assign(SuccessIcon.__assign({}, response), { validationResponse: SuccessIcon.__assign(SuccessIcon.__assign({}, rest), { validationMessage: status && validationMessage ? { status, message: validationMessage } : void 0 }) });
|
|
567
|
+
};
|
|
568
|
+
|
|
569
|
+
var useDateValidation = function(_a) {
|
|
570
|
+
var inputLabel = _a.inputLabel, disabledDays = _a.disabledDays, validationMessage = _a.validationMessage, onValidate = _a.onValidate;
|
|
571
|
+
var _b = React.useState(), inbuiltValidationMessage = _b[0], setInbuiltValidationMessage = _b[1];
|
|
572
|
+
var shouldUseInbuiltDateValidation = onValidate === void 0;
|
|
573
|
+
var updateValidation = getDateValidationHandler({
|
|
574
|
+
onValidate,
|
|
575
|
+
setInbuiltValidationMessage,
|
|
576
|
+
inputLabel
|
|
577
|
+
});
|
|
578
|
+
var validateSingleDate = function(_a2) {
|
|
579
|
+
var date = _a2.date, inputValue = _a2.inputValue;
|
|
580
|
+
return validateDate({
|
|
581
|
+
date,
|
|
582
|
+
inputValue,
|
|
583
|
+
disabledDays
|
|
584
|
+
});
|
|
585
|
+
};
|
|
586
|
+
return {
|
|
587
|
+
validationMessage: shouldUseInbuiltDateValidation ? inbuiltValidationMessage : validationMessage,
|
|
588
|
+
validateDate: validateSingleDate,
|
|
589
|
+
updateValidation
|
|
590
|
+
};
|
|
591
|
+
};
|
|
592
|
+
|
|
512
593
|
var transformDateToInputValue = function(date, disabledDays, locale) {
|
|
513
594
|
return date ? datePicker.formatDateAsText(date, disabledDays, locale) : "";
|
|
514
595
|
};
|
|
@@ -563,20 +644,6 @@ var useDateInputHandlers = function(_a) {
|
|
|
563
644
|
};
|
|
564
645
|
};
|
|
565
646
|
|
|
566
|
-
var styles$E = {"labelledMessage":"LabelledMessage-module_labelledMessage__8hqzY","labelSeparator":"LabelledMessage-module_labelSeparator__f3zFN"};
|
|
567
|
-
|
|
568
|
-
var LabelledMessage = function(_a) {
|
|
569
|
-
var label = _a.label, message = _a.message;
|
|
570
|
-
return React.createElement(
|
|
571
|
-
"span",
|
|
572
|
-
{ className: styles$E.labelledMessage },
|
|
573
|
-
React.createElement("span", null, label),
|
|
574
|
-
React.createElement("span", { className: styles$E.labelSeparator }, ":"),
|
|
575
|
-
React.createElement("span", null, message)
|
|
576
|
-
);
|
|
577
|
-
};
|
|
578
|
-
LabelledMessage.displayName = "LabelledMessage";
|
|
579
|
-
|
|
580
647
|
var formatDescriptionInputFormat = function(locale) {
|
|
581
648
|
var _a;
|
|
582
649
|
return (_a = locale.formatLong) === null || _a === void 0 ? void 0 : _a.date({ width: "short" }).toLowerCase();
|
|
@@ -730,65 +797,6 @@ var FilterDatePicker = function(_a) {
|
|
|
730
797
|
};
|
|
731
798
|
FilterDatePicker.displayName = "FilterDatePicker";
|
|
732
799
|
|
|
733
|
-
var getNodeText = function(node) {
|
|
734
|
-
if (!node)
|
|
735
|
-
return "";
|
|
736
|
-
if (typeof node === "string" || typeof node === "number")
|
|
737
|
-
return node;
|
|
738
|
-
if (node instanceof Array)
|
|
739
|
-
return node.map(getNodeText).join("");
|
|
740
|
-
if (React.isValidElement(node))
|
|
741
|
-
return getNodeText(node.props.children);
|
|
742
|
-
return "";
|
|
743
|
-
};
|
|
744
|
-
|
|
745
|
-
var getDateValidationHandler = function(_a) {
|
|
746
|
-
var onValidate = _a.onValidate, setInbuiltValidationMessage = _a.setInbuiltValidationMessage, inputLabel = _a.inputLabel;
|
|
747
|
-
return function(validationResponse) {
|
|
748
|
-
if (onValidate)
|
|
749
|
-
return onValidate(validationResponse);
|
|
750
|
-
var validationMessage = validationResponse.validationMessage;
|
|
751
|
-
if (!validationMessage) {
|
|
752
|
-
setInbuiltValidationMessage(void 0);
|
|
753
|
-
return;
|
|
754
|
-
}
|
|
755
|
-
setInbuiltValidationMessage({
|
|
756
|
-
status: validationMessage.status,
|
|
757
|
-
message: inputLabel ? React.createElement(LabelledMessage, { label: "".concat(getNodeText(inputLabel)), message: validationMessage.message }) : validationMessage.message
|
|
758
|
-
});
|
|
759
|
-
};
|
|
760
|
-
};
|
|
761
|
-
|
|
762
|
-
var validateDate = function(args) {
|
|
763
|
-
var response = validateDate$1.validateDate(args);
|
|
764
|
-
var _a = response.validationResponse, status = _a.status, validationMessage = _a.validationMessage, rest = SuccessIcon.__rest(_a, ["status", "validationMessage"]);
|
|
765
|
-
return SuccessIcon.__assign(SuccessIcon.__assign({}, response), { validationResponse: SuccessIcon.__assign(SuccessIcon.__assign({}, rest), { validationMessage: status && validationMessage ? { status, message: validationMessage } : void 0 }) });
|
|
766
|
-
};
|
|
767
|
-
|
|
768
|
-
var useDateValidation = function(_a) {
|
|
769
|
-
var inputLabel = _a.inputLabel, disabledDays = _a.disabledDays, validationMessage = _a.validationMessage, onValidate = _a.onValidate;
|
|
770
|
-
var _b = React.useState(), inbuiltValidationMessage = _b[0], setInbuiltValidationMessage = _b[1];
|
|
771
|
-
var shouldUseInbuiltDateValidation = onValidate === void 0;
|
|
772
|
-
var updateValidation = getDateValidationHandler({
|
|
773
|
-
onValidate,
|
|
774
|
-
setInbuiltValidationMessage,
|
|
775
|
-
inputLabel
|
|
776
|
-
});
|
|
777
|
-
var validateSingleDate = function(_a2) {
|
|
778
|
-
var date = _a2.date, inputValue = _a2.inputValue;
|
|
779
|
-
return validateDate({
|
|
780
|
-
date,
|
|
781
|
-
inputValue,
|
|
782
|
-
disabledDays
|
|
783
|
-
});
|
|
784
|
-
};
|
|
785
|
-
return {
|
|
786
|
-
validationMessage: shouldUseInbuiltDateValidation ? inbuiltValidationMessage : validationMessage,
|
|
787
|
-
validateDate: validateSingleDate,
|
|
788
|
-
updateValidation
|
|
789
|
-
};
|
|
790
|
-
};
|
|
791
|
-
|
|
792
800
|
var ChevronDownIcon = function(props) {
|
|
793
801
|
return React.createElement(
|
|
794
802
|
SuccessIcon.SVG,
|
|
@@ -908,7 +916,7 @@ FilterBarButton.displayName = "FilterBar.Button";
|
|
|
908
916
|
|
|
909
917
|
var FilterBarDatePicker = function(_a) {
|
|
910
918
|
var id = _a.id, onDateChange = _a.onDateChange, _b = _a.locale, locale = _b === void 0 ? "en-AU" : _b, props = SuccessIcon.__rest(_a, ["id", "onDateChange", "locale"]);
|
|
911
|
-
var _c = useFilterBarContext(), getFilterState = _c.getFilterState,
|
|
919
|
+
var _c = useFilterBarContext(), getFilterState = _c.getFilterState, setFilterOpenState = _c.setFilterOpenState, updateValue = _c.updateValue;
|
|
912
920
|
if (!id)
|
|
913
921
|
throw Error("Missing `id` prop in FilterBarDatePicker");
|
|
914
922
|
var filterState = getFilterState(id);
|
|
@@ -918,7 +926,7 @@ var FilterBarDatePicker = function(_a) {
|
|
|
918
926
|
updateValue(id, key);
|
|
919
927
|
onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(key);
|
|
920
928
|
}, isOpen: filterState.isOpen, setIsOpen: function(open) {
|
|
921
|
-
return
|
|
929
|
+
return setFilterOpenState(id, open);
|
|
922
930
|
} }));
|
|
923
931
|
};
|
|
924
932
|
FilterBarDatePicker.displayName = "FilterBar.DatePicker";
|
|
@@ -1275,14 +1283,14 @@ FilterDateRangePicker.displayName = "FilterDateRangePicker";
|
|
|
1275
1283
|
|
|
1276
1284
|
var FilterBarDateRangePicker = function(_a) {
|
|
1277
1285
|
var id = _a.id, onRangeChange = _a.onRangeChange, _b = _a.locale, locale = _b === void 0 ? "en-AU" : _b, props = SuccessIcon.__rest(_a, ["id", "onRangeChange", "locale"]);
|
|
1278
|
-
var _c = useFilterBarContext(), getFilterState = _c.getFilterState,
|
|
1286
|
+
var _c = useFilterBarContext(), getFilterState = _c.getFilterState, setFilterOpenState = _c.setFilterOpenState, updateValue = _c.updateValue;
|
|
1279
1287
|
if (!id)
|
|
1280
1288
|
throw Error("Missing `id` prop in FilterBarDateRangePicker");
|
|
1281
1289
|
var filterState = getFilterState(id);
|
|
1282
1290
|
return React.createElement(FilterDateRangePicker, SuccessIcon.__assign({}, props, { id, label: filterState.name, renderTrigger: function(triggerProps) {
|
|
1283
1291
|
return React.createElement(FilterBarButton, SuccessIcon.__assign({}, triggerProps, { id, isRemovable: filterState.isRemovable }));
|
|
1284
1292
|
}, isOpen: filterState.isOpen, setIsOpen: function(open) {
|
|
1285
|
-
return
|
|
1293
|
+
return setFilterOpenState(id, open);
|
|
1286
1294
|
}, selectedRange: filterState.value, onRangeChange: function(range) {
|
|
1287
1295
|
updateValue(id, range);
|
|
1288
1296
|
onRangeChange === null || onRangeChange === void 0 ? void 0 : onRangeChange(range);
|
|
@@ -1778,7 +1786,7 @@ var convertConsumableFormatIntoSelection = function(value) {
|
|
|
1778
1786
|
};
|
|
1779
1787
|
var FilterBarMultiSelect = function(_a) {
|
|
1780
1788
|
var id = _a.id, propsItems = _a.items, children = _a.children, onSelectionChange = _a.onSelectionChange, props = SuccessIcon.__rest(_a, ["id", "items", "children", "onSelectionChange"]);
|
|
1781
|
-
var _b = useFilterBarContext(), getFilterState = _b.getFilterState,
|
|
1789
|
+
var _b = useFilterBarContext(), getFilterState = _b.getFilterState, setFilterOpenState = _b.setFilterOpenState, updateValue = _b.updateValue, hideFilter = _b.hideFilter;
|
|
1782
1790
|
var _c = React.useState(propsItems), items = _c[0], setItems = _c[1];
|
|
1783
1791
|
if (!id)
|
|
1784
1792
|
throw Error("Missing `id` prop in FilterBarMultiSelect");
|
|
@@ -1813,7 +1821,7 @@ var FilterBarMultiSelect = function(_a) {
|
|
|
1813
1821
|
items,
|
|
1814
1822
|
isOpen: filterState.isOpen,
|
|
1815
1823
|
onOpenChange: function(open) {
|
|
1816
|
-
return
|
|
1824
|
+
return setFilterOpenState(id, open);
|
|
1817
1825
|
},
|
|
1818
1826
|
trigger: function() {
|
|
1819
1827
|
var triggerProps = {
|
|
@@ -1997,7 +2005,7 @@ FilterSelect.ItemDefaultRender = ListItem;
|
|
|
1997
2005
|
|
|
1998
2006
|
var FilterBarSelect = function(_a) {
|
|
1999
2007
|
var id = _a.id, propsItems = _a.items, onSelectionChange = _a.onSelectionChange, props = SuccessIcon.__rest(_a, ["id", "items", "onSelectionChange"]);
|
|
2000
|
-
var _b = useFilterBarContext(), getFilterState = _b.getFilterState,
|
|
2008
|
+
var _b = useFilterBarContext(), getFilterState = _b.getFilterState, setFilterOpenState = _b.setFilterOpenState, updateValue = _b.updateValue;
|
|
2001
2009
|
var _c = React.useState(propsItems), items = _c[0], setItems = _c[1];
|
|
2002
2010
|
if (!id)
|
|
2003
2011
|
throw Error("Missing `id` prop in FilterBarSelect");
|
|
@@ -2023,7 +2031,7 @@ var FilterBarSelect = function(_a) {
|
|
|
2023
2031
|
updateValue(id, key);
|
|
2024
2032
|
onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(key);
|
|
2025
2033
|
}, isOpen: filterState.isOpen, setIsOpen: function(open) {
|
|
2026
|
-
return
|
|
2034
|
+
return setFilterOpenState(id, open);
|
|
2027
2035
|
} }));
|
|
2028
2036
|
};
|
|
2029
2037
|
FilterBarSelect.displayName = "FilterBarSelect";
|