@viasat/beam-react 2.41.0 → 2.43.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/assets/FloatingUI.css +1 -1
- package/assets/panel.css +1 -1
- package/chunks/FloatingUI.arrow.DDrTOpE-.js +1 -0
- package/chunks/{FloatingUI.arrow.90ecVA1X.js → FloatingUI.arrow.DGlk005P.js} +8 -7
- package/chunks/panel.module.BzLGa7GY.js +1 -0
- package/chunks/{panel.module.CnHWv4EZ.js → panel.module.CgFBtvbR.js} +6 -6
- package/lib/Autocomplete/AutocompleteDropdown.cjs.js +1 -1
- package/lib/Autocomplete/AutocompleteDropdown.es.js +1 -1
- package/lib/FloatingUI/FloatingUI.arrow.cjs.js +1 -1
- package/lib/FloatingUI/FloatingUI.arrow.es.js +1 -1
- package/lib/FloatingUI/FloatingUI.content.cjs.js +1 -1
- package/lib/FloatingUI/FloatingUI.content.es.js +1 -1
- package/lib/Search/SearchDropdown.cjs.js +1 -1
- package/lib/Search/SearchDropdown.es.js +1 -1
- package/lib/Select/SelectDropdown.cjs.js +1 -1
- package/lib/Select/SelectDropdown.es.js +1 -1
- package/lib/wip/DateField/DateField.cjs.js +1 -1
- package/lib/wip/DateField/DateField.es.js +75 -71
- package/lib/wip/DateField/useDateFieldKeyboard.cjs.js +1 -1
- package/lib/wip/DateField/useDateFieldKeyboard.d.ts +15 -1
- package/lib/wip/DateField/useDateFieldKeyboard.es.js +33 -29
- package/lib/wip/DateField/useDateFieldValue.cjs.js +1 -1
- package/lib/wip/DateField/useDateFieldValue.d.ts +19 -0
- package/lib/wip/DateField/useDateFieldValue.es.js +84 -66
- package/lib/wip/Panel/Footer/Panel.Footer.Actions.cjs.js +1 -1
- package/lib/wip/Panel/Footer/Panel.Footer.Actions.d.ts +1 -1
- package/lib/wip/Panel/Footer/Panel.Footer.Actions.es.js +1 -1
- package/lib/wip/Panel/Footer/Panel.Footer.cjs.js +1 -1
- package/lib/wip/Panel/Footer/Panel.Footer.d.ts +1 -1
- package/lib/wip/Panel/Footer/Panel.Footer.es.js +21 -20
- package/lib/wip/Panel/Header/Panel.Header.ContentAfter.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentAfter.d.ts +1 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentAfter.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentBefore.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentBefore.d.ts +1 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentBefore.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Description.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Description.d.ts +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Description.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Heading.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Heading.d.ts +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Heading.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Row.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Row.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Subheader.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Subheader.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.d.ts +1 -1
- package/lib/wip/Panel/Header/Panel.Header.es.js +35 -34
- package/lib/wip/Panel/Panel.Body.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Body.d.ts +1 -1
- package/lib/wip/Panel/Panel.Body.es.js +16 -14
- package/lib/wip/Panel/Panel.Inline.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Inline.d.ts +3 -3
- package/lib/wip/Panel/Panel.Inline.es.js +4 -4
- package/lib/wip/Panel/Panel.Overlay.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Overlay.d.ts +3 -3
- package/lib/wip/Panel/Panel.Overlay.es.js +83 -80
- package/lib/wip/Panel/Panel.ResizeHandle.cjs.js +1 -1
- package/lib/wip/Panel/Panel.ResizeHandle.es.js +1 -1
- package/lib/wip/Panel/Panel.cjs.js +1 -1
- package/lib/wip/Panel/Panel.context.d.ts +12 -1
- package/lib/wip/Panel/Panel.d.ts +2 -2
- package/lib/wip/Panel/Panel.es.js +135 -120
- package/lib/wip/Panel/Panel.helpers.cjs.js +1 -1
- package/lib/wip/Panel/Panel.helpers.d.ts +3 -3
- package/lib/wip/Panel/Panel.helpers.es.js +19 -19
- package/lib/wip/Panel/Panel.types.d.ts +94 -92
- package/lib/wip/Panel/index.d.ts +1 -1
- package/package.json +6 -6
- package/chunks/FloatingUI.arrow.DR8hzVDP.js +0 -1
- package/chunks/panel.module.BVmRxZHo.js +0 -1
package/assets/FloatingUI.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.bm-floatingui{z-index:999;inset:unset;width:max-content;position:absolute;top:0;left:0}.bm-floatingui[popover]{overflow:unset;border:unset}.bm-floatingui__arrow{transform-origin:bottom;position:absolute}.bm-floatingui__overlay{background:var(--bm-comp-dialog-color-overlay);padding:var(--bm-comp-dialog-space-viewport-offset);z-index:1;justify-content:center;align-items:center;display:flex}.bm-floatingui__overlay--transparent{background:0 0}.bm-floatingui__overlay:has(.bm-dialog){background-color:#0000;transition:background-color .25s cubic-bezier(.33,0,.67,1)}@media (prefers-reduced-motion:reduce){.bm-floatingui__overlay:has(.bm-dialog){transition:none}}.bm-floatingui__overlay:has(.bm-dialog[data-status=open]){background-color:var(--bm-comp-dialog-color-overlay)}.bm-floatingui__overlay:has(.bm-panel--contained){top:0;bottom:0;left:0;right:0;position:absolute!important;overflow:clip!important}
|
|
1
|
+
.bm-floatingui{z-index:999;inset:unset;width:max-content;position:absolute;top:0;left:0}.bm-floatingui[popover]{overflow:unset;border:unset}.bm-floatingui__arrow{transform-origin:bottom;position:absolute}.bm-floatingui__overlay{background:var(--bm-comp-dialog-color-overlay);padding:var(--bm-comp-dialog-space-viewport-offset);z-index:1;justify-content:center;align-items:center;display:flex}.bm-floatingui__overlay--transparent{background:0 0}.bm-floatingui__overlay:has(.bm-dialog){background-color:#0000;transition:background-color .25s cubic-bezier(.33,0,.67,1)}@media (prefers-reduced-motion:reduce){.bm-floatingui__overlay:has(.bm-dialog){transition:none}}.bm-floatingui__overlay:has(.bm-dialog[data-status=open]){background-color:var(--bm-comp-dialog-color-overlay)}.bm-floatingui__overlay:has(.bm-panel--overlay[aria-modal]){background-color:#0000;transition:background-color .25s cubic-bezier(.33,0,.67,1)}@media (prefers-reduced-motion:reduce){.bm-floatingui__overlay:has(.bm-panel--overlay[aria-modal]){transition:none}}.bm-floatingui__overlay:has(.bm-panel--overlay[aria-modal][data-status=open]){background-color:var(--bm-comp-dialog-color-overlay)}.bm-floatingui__overlay:has(.bm-panel--contained){top:0;bottom:0;left:0;right:0;position:absolute!important;overflow:clip!important}.bm-floatingui__overlay:has(.bm-panel--overlay:not([aria-modal])){pointer-events:none;background:0 0;overflow:clip}.bm-floatingui__overlay:has(.bm-panel--overlay:not([aria-modal])) .bm-panel--overlay{pointer-events:auto}
|
package/assets/panel.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-panel-size-sm:20rem;--bm-comp-panel-size-md:27.5rem;--bm-comp-panel-size-lg:40rem;--bm-comp-panel-space-x-sm:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-x-md:var(--bm-sem-space-150,1.5rem);--bm-comp-panel-space-header-pad-top:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-header-pad-bottom:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-header-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-panel-space-header-gap-x:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-pad-top:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-footer-pad-bottom:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-footer-gap-actions:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-gap-actions-stack:var(--bm-sem-space-100,1rem);--bm-comp-panel-radius:var(--bm-sem-radius-lg,1rem);--bm-comp-panel-shadow:var(--bm-sem-shadow-overlay,0 .25rem .75rem .125rem #0000001f);--bm-comp-panel-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-panel-typo-description:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-panel-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-panel-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-panel-color-description:var(--bm-sem-color-text-secondary,#576775)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-panel-size-sm:20rem;--bm-comp-panel-size-md:27.5rem;--bm-comp-panel-size-lg:40rem;--bm-comp-panel-space-x-sm:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-x-md:var(--bm-sem-space-150,1.5rem);--bm-comp-panel-space-header-pad-top:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-header-pad-bottom:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-header-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-panel-space-header-gap-x:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-pad-top:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-footer-pad-bottom:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-footer-gap-actions:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-gap-actions-stack:var(--bm-sem-space-100,1rem);--bm-comp-panel-radius:var(--bm-sem-radius-lg,1rem);--bm-comp-panel-shadow:var(--bm-sem-shadow-overlay,0 .25rem .75rem .125rem #0000004d);--bm-comp-panel-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-panel-typo-description:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-panel-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-panel-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-panel-color-description:var(--bm-sem-color-text-secondary,#c3cdd5)}.bm-panel{background-color:var(--bm-comp-panel-color-bg);flex-direction:column;display:flex}.bm-panel--inline{height:100%;box-shadow:var(--bm-sem-shadow-none);position:relative}.bm-panel--overlay{z-index:999;box-shadow:var(--bm-comp-panel-shadow);overscroll-behavior:contain;position:fixed;overflow:auto}.bm-panel--overlay.bm-panel--position-start{width:min(var(--bm-comp-panel-size,var(--bm-comp-panel-size-md)),100dvw);top:0;bottom:0;left:0}.bm-panel--overlay.bm-panel--position-end{width:min(var(--bm-comp-panel-size,var(--bm-comp-panel-size-md)),100dvw);top:0;bottom:0;right:0}.bm-panel--overlay.bm-panel--position-bottom{height:var(--bm-comp-panel-size,auto);max-height:var(--bm-comp-panel-size,90dvh);bottom:0;left:0;right:0}.bm-panel--overlay.bm-panel--contained{position:absolute}.bm-panel--overlay.bm-panel--floating{border-radius:var(--bm-comp-panel-radius)}.bm-panel--overlay.bm-panel--floating.bm-panel--position-start{left:var(--bm-comp-panel-offset-x,1rem);top:var(--bm-comp-panel-offset-y,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:min(var(--bm-comp-panel-size,var(--bm-comp-panel-size-md)),100dvw - 2*var(--bm-comp-panel-offset-x,1rem))}.bm-panel--overlay.bm-panel--floating.bm-panel--position-end{right:var(--bm-comp-panel-offset-x,1rem);top:var(--bm-comp-panel-offset-y,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:min(var(--bm-comp-panel-size,var(--bm-comp-panel-size-md)),100dvw - 2*var(--bm-comp-panel-offset-x,1rem))}.bm-panel--overlay.bm-panel--floating.bm-panel--position-bottom{left:var(--bm-comp-panel-offset-x,1rem);right:var(--bm-comp-panel-offset-x,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:auto}.bm-panel--size-sm{--bm-comp-panel-size:var(--bm-comp-panel-size-sm)}.bm-panel--size-md{--bm-comp-panel-size:var(--bm-comp-panel-size-md)}.bm-panel--size-lg{--bm-comp-panel-size:var(--bm-comp-panel-size-lg)}.bm-panel--position-bottom{width:100%;height:auto}.bm-panel--position-bottom>.bm-panel__body{min-height:0}.bm-panel--padding-sm .bm-panel__header,.bm-panel--padding-sm .bm-panel__body,.bm-panel--padding-sm .bm-panel__footer{padding-left:var(--bm-comp-panel-space-x-sm);padding-right:var(--bm-comp-panel-space-x-sm)}.bm-panel--padding-md .bm-panel__header,.bm-panel--padding-md .bm-panel__body,.bm-panel--padding-md .bm-panel__footer{padding-left:var(--bm-comp-panel-space-x-md);padding-right:var(--bm-comp-panel-space-x-md)}.bm-panel__header{gap:var(--bm-comp-panel-space-header-gap-y);padding-top:var(--bm-comp-panel-space-header-pad-top);padding-bottom:var(--bm-comp-panel-space-header-pad-bottom);flex-direction:column;display:flex}.bm-panel__header__row{gap:var(--bm-comp-panel-space-header-gap-x);align-items:flex-start;display:flex}.bm-panel__header__content-before{gap:var(--bm-comp-panel-space-header-gap-x);flex-direction:row;display:flex}.bm-panel__header__content-after{gap:var(--bm-comp-panel-space-header-gap-x);align-items:flex-start;display:flex}.bm-panel__header__heading{font:var(--bm-comp-panel-typo-heading);color:var(--bm-comp-panel-color-heading);flex:1}.bm-panel__header__description{font:var(--bm-comp-panel-typo-description);color:var(--bm-comp-panel-color-description)}.bm-panel__header__close-button{width:var(--bm-sem-size-icon-lg);height:var(--bm-sem-size-icon-lg);justify-content:center;align-items:center;display:flex}.bm-panel__body{font:var(--bm-comp-panel-typo-description);color:var(--bm-comp-panel-color-description);flex:1;overflow:auto}.bm-panel__footer{gap:var(--bm-comp-panel-space-footer-gap-actions);padding-top:var(--bm-comp-panel-space-footer-pad-top);padding-bottom:var(--bm-comp-panel-space-footer-pad-bottom);flex-direction:column;display:flex}.bm-panel__footer__actions{gap:var(--bm-comp-panel-space-footer-gap-actions);flex-wrap:wrap;flex-shrink:0;align-content:center;align-items:center;display:flex}.bm-panel__footer__actions--start{justify-content:flex-start}.bm-panel__footer__actions--end{justify-content:flex-end}.bm-panel__footer__actions--spaceBetween{justify-content:space-between}.bm-panel__footer__actions--stacked{justify-content:center;gap:var(--bm-comp-panel-space-footer-gap-actions-stack);flex-direction:column}.bm-panel__overlay-divider{position:absolute}.bm-panel__overlay-divider--start{top:0;bottom:0;right:0}.bm-panel__overlay-divider--end{top:0;bottom:0;left:0}.bm-panel__overlay-divider--bottom{top:0;left:0;right:0}.bm-panel__resize-handle{opacity:0;z-index:100;transition:opacity .2s ease-in-out;position:absolute}@media (prefers-reduced-motion:reduce){.bm-panel__resize-handle{transition:none}}.bm-panel__resize-handle:hover,.bm-panel__resize-handle:active{opacity:1}.bm-panel--inline.bm-panel--resizable{width:100%}.bm-panel--inline.bm-panel--position-bottom{height:var(--bm-comp-panel-size,auto)}.bm-panel--inline:not(.bm-panel--resizable):not(.bm-panel--position-bottom){width:var(--bm-comp-panel-size,var(--bm-comp-panel-size-md))}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle{cursor:col-resize;border-inline-end-width:var(--bm-sem-border-width-md);border-inline-end-style:solid;border-inline-end-color:var(--bm-sem-color-border-selected);width:.75rem;top:0;bottom:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:active{border-inline-end-width:var(--bm-sem-border-width-lg)}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle{cursor:col-resize;border-inline-start-width:var(--bm-sem-border-width-md);border-inline-start-style:solid;border-inline-start-color:var(--bm-sem-color-border-selected);width:.75rem;top:0;bottom:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:active{border-inline-start-width:var(--bm-sem-border-width-lg)}.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle{cursor:row-resize;border-block-start-width:var(--bm-sem-border-width-md);border-block-start-style:solid;border-block-start-color:var(--bm-sem-color-border-selected);height:.75rem;top:0;left:0;right:0}.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle:active{border-block-start-width:var(--bm-sem-border-width-lg)}.bm-panel--overlay[data-position=start]{transform:translate(-100%)}.bm-panel--overlay[data-position=start][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=start][data-status=open]{transition:none}}.bm-panel--overlay[data-position=start][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=start][data-status=close]{transition:none}}.bm-panel--overlay[data-position=end]{transform:translate(100%)}.bm-panel--overlay[data-position=end][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=end][data-status=open]{transition:none}}.bm-panel--overlay[data-position=end][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=end][data-status=close]{transition:none}}.bm-panel--overlay[data-position=bottom]{transform:translateY(100%)}.bm-panel--overlay[data-position=bottom][data-status=open]{transition:transform .4s ease-out;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=bottom][data-status=open]{transition:none}}.bm-panel--overlay[data-position=bottom][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=bottom][data-status=close]{transition:none}}.bm-panel__inline-wrapper{flex-shrink:0;overflow:hidden}.bm-panel__inline-wrapper--size-sm{--bm-comp-panel-size:var(--bm-comp-panel-size-sm)}.bm-panel__inline-wrapper--size-md{--bm-comp-panel-size:var(--bm-comp-panel-size-md)}.bm-panel__inline-wrapper--size-lg{--bm-comp-panel-size:var(--bm-comp-panel-size-lg)}.bm-panel__inline-wrapper[data-status]{width:0;transition:width .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-status]{transition:none}}.bm-panel__inline-wrapper[data-status=open]{width:var(--bm-comp-panel-size,var(--bm-comp-panel-size-md));transition:width .4s ease-out}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-status=open]{transition:none}}.bm-panel__inline-wrapper[data-position=bottom][data-status]{width:100%;transition:none}.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:transform .4s ease-in;transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:none}}.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:transform .4s ease-out;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:none}}.bm-panel__inline-wrapper-content{height:100%}
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-panel-size-sm:20rem;--bm-comp-panel-size-md:27.5rem;--bm-comp-panel-size-lg:40rem;--bm-comp-panel-space-x-sm:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-x-md:var(--bm-sem-space-150,1.5rem);--bm-comp-panel-space-header-pad-top:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-header-pad-bottom:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-header-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-panel-space-header-gap-x:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-pad-top:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-footer-pad-bottom:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-footer-gap-actions:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-gap-actions-stack:var(--bm-sem-space-100,1rem);--bm-comp-panel-radius:var(--bm-sem-radius-lg,1rem);--bm-comp-panel-shadow:var(--bm-sem-shadow-overlay,0 .25rem .75rem .125rem #0000001f);--bm-comp-panel-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-panel-typo-description:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-panel-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-panel-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-panel-color-description:var(--bm-sem-color-text-secondary,#576775)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-panel-size-sm:20rem;--bm-comp-panel-size-md:27.5rem;--bm-comp-panel-size-lg:40rem;--bm-comp-panel-space-x-sm:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-x-md:var(--bm-sem-space-150,1.5rem);--bm-comp-panel-space-header-pad-top:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-header-pad-bottom:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-header-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-panel-space-header-gap-x:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-pad-top:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-footer-pad-bottom:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-footer-gap-actions:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-gap-actions-stack:var(--bm-sem-space-100,1rem);--bm-comp-panel-radius:var(--bm-sem-radius-lg,1rem);--bm-comp-panel-shadow:var(--bm-sem-shadow-overlay,0 .25rem .75rem .125rem #0000004d);--bm-comp-panel-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-panel-typo-description:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-panel-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-panel-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-panel-color-description:var(--bm-sem-color-text-secondary,#c3cdd5)}.bm-panel{background-color:var(--bm-comp-panel-color-bg);flex-direction:column;display:flex}.bm-panel--inline{height:100%;box-shadow:var(--bm-sem-shadow-none);position:relative}.bm-panel--overlay{z-index:999;box-shadow:var(--bm-comp-panel-shadow);overscroll-behavior:contain;position:fixed;overflow:auto}.bm-panel--overlay.bm-panel--position-start{width:min(var(--bm-comp-panel-width,var(--bm-comp-panel-size-md)),100dvw);top:0;bottom:0;left:0}.bm-panel--overlay.bm-panel--position-end{width:min(var(--bm-comp-panel-width,var(--bm-comp-panel-size-md)),100dvw);top:0;bottom:0;right:0}.bm-panel--overlay.bm-panel--position-bottom{height:var(--bm-comp-panel-height,auto);max-height:var(--bm-comp-panel-height,90dvh);bottom:0;left:0;right:0}.bm-panel--overlay.bm-panel--contained{position:absolute}.bm-panel--overlay.bm-panel--floating{border-radius:var(--bm-comp-panel-radius)}.bm-panel--overlay.bm-panel--floating.bm-panel--position-start{left:var(--bm-comp-panel-offset-x,1rem);top:var(--bm-comp-panel-offset-y,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:min(var(--bm-comp-panel-width,var(--bm-comp-panel-size-md)),100dvw - 2*var(--bm-comp-panel-offset-x,1rem))}.bm-panel--overlay.bm-panel--floating.bm-panel--position-end{right:var(--bm-comp-panel-offset-x,1rem);top:var(--bm-comp-panel-offset-y,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:min(var(--bm-comp-panel-width,var(--bm-comp-panel-size-md)),100dvw - 2*var(--bm-comp-panel-offset-x,1rem))}.bm-panel--overlay.bm-panel--floating.bm-panel--position-bottom{left:var(--bm-comp-panel-offset-x,1rem);right:var(--bm-comp-panel-offset-x,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:auto}.bm-panel--width-sm{--bm-comp-panel-width:var(--bm-comp-panel-size-sm)}.bm-panel--width-md{--bm-comp-panel-width:var(--bm-comp-panel-size-md)}.bm-panel--width-lg{--bm-comp-panel-width:var(--bm-comp-panel-size-lg)}.bm-panel--position-bottom{width:100%;height:auto}.bm-panel--position-bottom>.bm-panel__body{min-height:0}.bm-panel--padding-sm .bm-panel__header,.bm-panel--padding-sm .bm-panel__body,.bm-panel--padding-sm .bm-panel__footer{padding-left:var(--bm-comp-panel-space-x-sm);padding-right:var(--bm-comp-panel-space-x-sm)}.bm-panel--padding-md .bm-panel__header,.bm-panel--padding-md .bm-panel__body,.bm-panel--padding-md .bm-panel__footer{padding-left:var(--bm-comp-panel-space-x-md);padding-right:var(--bm-comp-panel-space-x-md)}.bm-panel__header{gap:var(--bm-comp-panel-space-header-gap-y);padding-top:var(--bm-comp-panel-space-header-pad-top);padding-bottom:var(--bm-comp-panel-space-header-pad-bottom);flex-direction:column;display:flex}.bm-panel__header__row{gap:var(--bm-comp-panel-space-header-gap-x);align-items:flex-start;display:flex}.bm-panel__header__content-before{gap:var(--bm-comp-panel-space-header-gap-x);flex-direction:row;display:flex}.bm-panel__header__content-after{gap:var(--bm-comp-panel-space-header-gap-x);align-items:flex-start;display:flex}.bm-panel__header__heading{font:var(--bm-comp-panel-typo-heading);color:var(--bm-comp-panel-color-heading);flex:1}.bm-panel__header__description{font:var(--bm-comp-panel-typo-description);color:var(--bm-comp-panel-color-description)}.bm-panel__header__close-button{width:var(--bm-sem-size-icon-lg);height:var(--bm-sem-size-icon-lg);justify-content:center;align-items:center;display:flex}.bm-panel__body{font:var(--bm-sem-typo-body-sm);color:var(--bm-sem-color-text-primary);flex:1;overflow:auto}.bm-panel__footer{gap:var(--bm-comp-panel-space-footer-gap-actions);padding-top:var(--bm-comp-panel-space-footer-pad-top);padding-bottom:var(--bm-comp-panel-space-footer-pad-bottom);flex-direction:column;display:flex}.bm-panel__footer__actions{gap:var(--bm-comp-panel-space-footer-gap-actions);flex-wrap:wrap;flex-shrink:0;align-content:center;align-items:center;display:flex}.bm-panel__footer__actions--start{justify-content:flex-start}.bm-panel__footer__actions--end{justify-content:flex-end}.bm-panel__footer__actions--spaceBetween{justify-content:space-between}.bm-panel__footer__actions--stacked{justify-content:center;gap:var(--bm-comp-panel-space-footer-gap-actions-stack);flex-direction:column}.bm-panel__overlay-divider{position:absolute}.bm-panel__overlay-divider--start{top:0;bottom:0;right:0}.bm-panel__overlay-divider--end{top:0;bottom:0;left:0}.bm-panel__overlay-divider--bottom{top:0;left:0;right:0}.bm-panel__resize-handle{opacity:0;z-index:100;transition:opacity .2s ease-in-out;position:absolute}@media (prefers-reduced-motion:reduce){.bm-panel__resize-handle{transition:none}}.bm-panel__resize-handle:hover,.bm-panel__resize-handle:active{opacity:1}.bm-panel--inline.bm-panel--resizable{width:100%}.bm-panel--inline.bm-panel--position-bottom{height:var(--bm-comp-panel-height,auto)}.bm-panel--inline:not(.bm-panel--resizable):not(.bm-panel--position-bottom){width:var(--bm-comp-panel-width,var(--bm-comp-panel-size-md))}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle{cursor:col-resize;border-inline-end-width:var(--bm-sem-border-width-md);border-inline-end-style:solid;border-inline-end-color:var(--bm-sem-color-border-selected);width:.75rem;top:0;bottom:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:active{border-inline-end-width:var(--bm-sem-border-width-lg)}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle{cursor:col-resize;border-inline-start-width:var(--bm-sem-border-width-md);border-inline-start-style:solid;border-inline-start-color:var(--bm-sem-color-border-selected);width:.75rem;top:0;bottom:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:active{border-inline-start-width:var(--bm-sem-border-width-lg)}.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle{cursor:row-resize;border-block-start-width:var(--bm-sem-border-width-md);border-block-start-style:solid;border-block-start-color:var(--bm-sem-color-border-selected);height:.75rem;top:0;left:0;right:0}.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle:active{border-block-start-width:var(--bm-sem-border-width-lg)}.bm-panel--overlay[data-position=start]{transform:translate(-100%)}.bm-panel--overlay[data-position=start][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=start][data-status=open]{transition:none}}.bm-panel--overlay[data-position=start][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=start][data-status=close]{transition:none}}.bm-panel--overlay[data-position=end]{transform:translate(100%)}.bm-panel--overlay[data-position=end][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=end][data-status=open]{transition:none}}.bm-panel--overlay[data-position=end][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=end][data-status=close]{transition:none}}.bm-panel--overlay[data-position=bottom]{transform:translateY(100%)}.bm-panel--overlay[data-position=bottom][data-status=open]{transition:transform .4s ease-out;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=bottom][data-status=open]{transition:none}}.bm-panel--overlay[data-position=bottom][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=bottom][data-status=close]{transition:none}}.bm-panel--overlay[data-status=close]{box-shadow:var(--bm-sem-shadow-none);transition-property:transform,box-shadow;transition-duration:.4s;transition-timing-function:ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-status=close]{transition:none}}.bm-panel__inline-wrapper{flex-shrink:0;overflow:hidden}.bm-panel__inline-wrapper--width-sm{--bm-comp-panel-width:var(--bm-comp-panel-size-sm)}.bm-panel__inline-wrapper--width-md{--bm-comp-panel-width:var(--bm-comp-panel-size-md)}.bm-panel__inline-wrapper--width-lg{--bm-comp-panel-width:var(--bm-comp-panel-size-lg)}.bm-panel__inline-wrapper[data-status]{width:0;transition:width .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-status]{transition:none}}.bm-panel__inline-wrapper[data-status=open]{width:var(--bm-comp-panel-width,var(--bm-comp-panel-size-md));transition:width .4s ease-out}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-status=open]{transition:none}}.bm-panel__inline-wrapper[data-position=bottom][data-status]{width:100%;transition:none}.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:transform .4s ease-in;transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:none}}.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:transform .4s ease-out;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:none}}.bm-panel__inline-wrapper-content{height:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _=require("../assets/FloatingUI.css");const c=require("react/jsx-runtime"),f=require("./classNames.DC8Ra4sw.js");require("./constants.CgMu0_1M.js");const b=require("clsx"),a=require("react"),e={"bm-floatingui":"bm-floatingui","bm-floatingui__arrow":"bm-floatingui__arrow","bm-floatingui__overlay":"bm-floatingui__overlay","bm-floatingui__overlay--transparent":"bm-floatingui__overlay--transparent","bm-dialog":"bm-dialog","bm-panel--overlay":"bm-panel--overlay","bm-panel--contained":"bm-panel--contained"},g=a.forwardRef(({options:r,middleware:n},o)=>{const{subElementClassPrefix:t}=f.getBEMClassNames("floatingui"),{className:l,hide:i}=r,s=b(e[`${t}arrow`],l),u=a.useRef(null),m=o||u;return i?null:c.jsx("span",{ref:m,style:n.arrowStyles,className:s})});exports.Arrow=g;exports.floatinguiStyles=e;
|
|
@@ -2,27 +2,28 @@ import "../assets/FloatingUI.css";
|
|
|
2
2
|
import { jsx as f } from "react/jsx-runtime";
|
|
3
3
|
import { g as u } from "./classNames.ZWNk1hey.js";
|
|
4
4
|
import "./constants.Cruz2A1w.js";
|
|
5
|
-
import
|
|
5
|
+
import b from "clsx";
|
|
6
6
|
import a from "react";
|
|
7
|
-
const
|
|
7
|
+
const g = {
|
|
8
8
|
"bm-floatingui": "bm-floatingui",
|
|
9
9
|
"bm-floatingui__arrow": "bm-floatingui__arrow",
|
|
10
10
|
"bm-floatingui__overlay": "bm-floatingui__overlay",
|
|
11
11
|
"bm-floatingui__overlay--transparent": "bm-floatingui__overlay--transparent",
|
|
12
12
|
"bm-dialog": "bm-dialog",
|
|
13
|
+
"bm-panel--overlay": "bm-panel--overlay",
|
|
13
14
|
"bm-panel--contained": "bm-panel--contained"
|
|
14
|
-
},
|
|
15
|
-
const { subElementClassPrefix:
|
|
15
|
+
}, v = a.forwardRef(({ options: o, middleware: r }, t) => {
|
|
16
|
+
const { subElementClassPrefix: l } = u("floatingui"), { className: e, hide: n } = o, i = b(g[`${l}arrow`], e), s = a.useRef(null), m = t || s;
|
|
16
17
|
return n ? null : /* @__PURE__ */ f(
|
|
17
18
|
"span",
|
|
18
19
|
{
|
|
19
20
|
ref: m,
|
|
20
21
|
style: r.arrowStyles,
|
|
21
|
-
className:
|
|
22
|
+
className: i
|
|
22
23
|
}
|
|
23
24
|
);
|
|
24
25
|
});
|
|
25
26
|
export {
|
|
26
|
-
|
|
27
|
-
|
|
27
|
+
v as A,
|
|
28
|
+
g as f
|
|
28
29
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var n=require("../assets/panel.css");const e={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-panel":"bm-panel","bm-panel--inline":"bm-panel--inline","bm-panel--overlay":"bm-panel--overlay","bm-panel--position-start":"bm-panel--position-start","bm-panel--position-end":"bm-panel--position-end","bm-panel--position-bottom":"bm-panel--position-bottom","bm-panel--contained":"bm-panel--contained","bm-panel--floating":"bm-panel--floating","bm-panel--width-sm":"bm-panel--width-sm","bm-panel--width-md":"bm-panel--width-md","bm-panel--width-lg":"bm-panel--width-lg","bm-panel__body":"bm-panel__body","bm-panel--padding-sm":"bm-panel--padding-sm","bm-panel__header":"bm-panel__header","bm-panel__footer":"bm-panel__footer","bm-panel--padding-md":"bm-panel--padding-md","bm-panel__header__row":"bm-panel__header__row","bm-panel__header__content-before":"bm-panel__header__content-before","bm-panel__header__content-after":"bm-panel__header__content-after","bm-panel__header__heading":"bm-panel__header__heading","bm-panel__header__description":"bm-panel__header__description","bm-panel__header__close-button":"bm-panel__header__close-button","bm-panel__footer__actions":"bm-panel__footer__actions","bm-panel__footer__actions--start":"bm-panel__footer__actions--start","bm-panel__footer__actions--end":"bm-panel__footer__actions--end","bm-panel__footer__actions--spaceBetween":"bm-panel__footer__actions--spaceBetween","bm-panel__footer__actions--stacked":"bm-panel__footer__actions--stacked","bm-panel__overlay-divider":"bm-panel__overlay-divider","bm-panel__overlay-divider--start":"bm-panel__overlay-divider--start","bm-panel__overlay-divider--end":"bm-panel__overlay-divider--end","bm-panel__overlay-divider--bottom":"bm-panel__overlay-divider--bottom","bm-panel__resize-handle":"bm-panel__resize-handle","bm-panel--resizable":"bm-panel--resizable","bm-panel__inline-wrapper":"bm-panel__inline-wrapper","bm-panel__inline-wrapper--width-sm":"bm-panel__inline-wrapper--width-sm","bm-panel__inline-wrapper--width-md":"bm-panel__inline-wrapper--width-md","bm-panel__inline-wrapper--width-lg":"bm-panel__inline-wrapper--width-lg","bm-panel__inline-wrapper-content":"bm-panel__inline-wrapper-content"};exports.styles=e;
|
|
@@ -13,9 +13,9 @@ const n = {
|
|
|
13
13
|
"bm-panel--position-bottom": "bm-panel--position-bottom",
|
|
14
14
|
"bm-panel--contained": "bm-panel--contained",
|
|
15
15
|
"bm-panel--floating": "bm-panel--floating",
|
|
16
|
-
"bm-panel--
|
|
17
|
-
"bm-panel--
|
|
18
|
-
"bm-panel--
|
|
16
|
+
"bm-panel--width-sm": "bm-panel--width-sm",
|
|
17
|
+
"bm-panel--width-md": "bm-panel--width-md",
|
|
18
|
+
"bm-panel--width-lg": "bm-panel--width-lg",
|
|
19
19
|
"bm-panel__body": "bm-panel__body",
|
|
20
20
|
"bm-panel--padding-sm": "bm-panel--padding-sm",
|
|
21
21
|
"bm-panel__header": "bm-panel__header",
|
|
@@ -39,9 +39,9 @@ const n = {
|
|
|
39
39
|
"bm-panel__resize-handle": "bm-panel__resize-handle",
|
|
40
40
|
"bm-panel--resizable": "bm-panel--resizable",
|
|
41
41
|
"bm-panel__inline-wrapper": "bm-panel__inline-wrapper",
|
|
42
|
-
"bm-panel__inline-wrapper--
|
|
43
|
-
"bm-panel__inline-wrapper--
|
|
44
|
-
"bm-panel__inline-wrapper--
|
|
42
|
+
"bm-panel__inline-wrapper--width-sm": "bm-panel__inline-wrapper--width-sm",
|
|
43
|
+
"bm-panel__inline-wrapper--width-md": "bm-panel__inline-wrapper--width-md",
|
|
44
|
+
"bm-panel__inline-wrapper--width-lg": "bm-panel__inline-wrapper--width-lg",
|
|
45
45
|
"bm-panel__inline-wrapper-content": "bm-panel__inline-wrapper-content"
|
|
46
46
|
};
|
|
47
47
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DC8Ra4sw.js"),P=require("../../chunks/constants.CgMu0_1M.js"),v=require("../ActionList/ActionList.context.cjs.js"),y=require("react"),A=require("../../chunks/FloatingUI.arrow.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DC8Ra4sw.js"),P=require("../../chunks/constants.CgMu0_1M.js"),v=require("../ActionList/ActionList.context.cjs.js"),y=require("react"),A=require("../../chunks/FloatingUI.arrow.DDrTOpE-.js"),O=require("../../chunks/popover.module.DGUJIXrP.js");require("../_Options/Option.context.cjs.js");const w=require("../_Options/Option.cjs.js");require("../_Options/OptionGroup.context.cjs.js");require("../../utils/hooks/useId.cjs.js");require("../ActionList/ActionList.cjs.js");require("../../chunks/form.context.D5XrYvpI.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const{baseClassNamePrefix:M}=a.getBEMClassNames("floatingui"),{baseClassNamePrefix:S}=a.getBEMClassNames("popover"),L=[w.Option],T=({setOpen:o,isMounted:n,status:l,nodeId:u,context:c,getFloatingProps:d,floatingStyles:q,labelsRef:x,elementsRef:g,getItemProps:p,setFloating:f,disabled:m,readOnly:F,theme:t,className:_,children:b,multiple:i,activeIndex:N,onItemClick:r})=>{const j=y.useCallback(h=>{r==null||r(h),!i&&o(!1)},[i,r,o]);return n?e.jsx(s.FloatingTree,{children:e.jsx(s.FloatingNode,{id:u,children:e.jsx(s.FloatingPortal,{children:e.jsx(s.FloatingFocusManager,{context:c,modal:!1,initialFocus:0,disabled:m||F,closeOnFocusOut:!0,restoreFocus:!0,returnFocus:!0,guards:!0,order:["content","reference"],children:e.jsx(B.Box,{"data-status":l,className:C(t&&P.themeClassName(t),A.floatinguiStyles[M],O.popoverStyles[S],_),...d(),style:q,ref:f,children:e.jsx(v.ActionListContextProvider,{allowChildrenTypes:L,getItemProps:p,itemsFocusable:!1,onItemClick:j,labelsRef:x,elementsRef:g,activeIndex:N,children:b})})})})})}):null};exports.AutocompleteDropdown=T;
|
|
@@ -6,7 +6,7 @@ import { g as a } from "../../chunks/classNames.ZWNk1hey.js";
|
|
|
6
6
|
import { t as O } from "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import { ActionListContextProvider as S } from "../ActionList/ActionList.context.es.js";
|
|
8
8
|
import { useCallback as T } from "react";
|
|
9
|
-
import { f as j } from "../../chunks/FloatingUI.arrow.
|
|
9
|
+
import { f as j } from "../../chunks/FloatingUI.arrow.DGlk005P.js";
|
|
10
10
|
import { p as D } from "../../chunks/popover.module.3dnl8y6-.js";
|
|
11
11
|
import "../_Options/Option.context.es.js";
|
|
12
12
|
import { Option as E } from "../_Options/Option.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const r=require("../../chunks/FloatingUI.arrow.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const r=require("../../chunks/FloatingUI.arrow.DDrTOpE-.js");require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");require("clsx");require("react");exports.Arrow=r.Arrow;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
|
-
import { A as a } from "../../chunks/FloatingUI.arrow.
|
|
2
|
+
import { A as a } from "../../chunks/FloatingUI.arrow.DGlk005P.js";
|
|
3
3
|
import "../../chunks/classNames.ZWNk1hey.js";
|
|
4
4
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
5
5
|
import "clsx";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),x=require("../../chunks/FloatingUI.context.B15Tz_4h.js"),d=require("react"),i=require("@floating-ui/react"),m=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");const b=require("clsx"),c=require("../../chunks/FloatingUI.arrow.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),x=require("../../chunks/FloatingUI.context.B15Tz_4h.js"),d=require("react"),i=require("@floating-ui/react"),m=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");const b=require("clsx"),c=require("../../chunks/FloatingUI.arrow.DDrTOpE-.js"),w=require("../Box/Box.cjs.js");function N({children:o,props:e}){if(!e)return o;const t=typeof e=="boolean"?{}:e;return a.jsx(i.FloatingPortal,{...t,children:o})}function S({children:o,props:e}){if(!e)return o;const t=typeof e=="boolean",r=e==="transparent",{baseClassNamePrefix:l,classModifierPrefix:f}=m.getBEMClassNames("floatingui__overlay"),u={className:b(c.floatinguiStyles[l],r&&c.floatinguiStyles[`${f}transparent`]),lockScroll:!0},s=t||r?u:{...u,...e};return a.jsx(i.FloatingOverlay,{...s,children:o})}function v({children:o,context:e,props:t}){const r=d.useMemo(()=>({context:e,...typeof t=="boolean"?{}:t}),[e,t]);return t?a.jsx(i.FloatingFocusManager,{...r,children:o}):o}const y=d.forwardRef(({children:o,className:e,style:t,overlay:r,skipFloatingStyles:l=!1,...f},u)=>{const{context:s,nodeId:C,arrow:g,...n}=x.useBmFloatingUIContext(),P=i.useMergeRefs([n.refs.setFloating,u]),{isMounted:j,status:F}=i.useTransitionStatus(s,n.transitionConfig),{baseClassNamePrefix:_}=m.getBEMClassNames("floatingui"),I=l?e:b(c.floatinguiStyles[_],e),M=d.useMemo(()=>({...l?{}:s.floatingStyles,...x.visibilityHandler(s.middlewareData),...t}),[s.floatingStyles,s.middlewareData,l,t]);return j?a.jsx(i.FloatingNode,{id:C,children:a.jsx(N,{props:n.portalled,children:a.jsx(S,{props:r,children:a.jsx(v,{context:s,props:n.focusConfiguration,children:a.jsxs(w.Box,{"data-status":F,ref:P,style:M,className:I,"aria-labelledby":n.labelId,"aria-describedby":n.descriptionId,...n.getFloatingProps(f),children:[o,g&&a.jsx(c.Arrow,{options:g,middleware:n.middlewareData,ref:q=>n.setArrowEl(q)})]})})})})}):null});exports.Content=y;exports.default=y;
|
|
@@ -5,7 +5,7 @@ import { useMergeRefs as R, useTransitionStatus as S, FloatingNode as A, Floatin
|
|
|
5
5
|
import { g as m } from "../../chunks/classNames.ZWNk1hey.js";
|
|
6
6
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import u from "clsx";
|
|
8
|
-
import { f as d, A as _ } from "../../chunks/FloatingUI.arrow.
|
|
8
|
+
import { f as d, A as _ } from "../../chunks/FloatingUI.arrow.DGlk005P.js";
|
|
9
9
|
import { Box as h } from "../Box/Box.es.js";
|
|
10
10
|
function j({
|
|
11
11
|
children: o,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("@floating-ui/react"),p=require("../Box/Box.cjs.js"),b=require("clsx"),t=require("../../chunks/classNames.DC8Ra4sw.js"),g=require("../../chunks/constants.CgMu0_1M.js"),q=require("../ActionList/ActionList.context.cjs.js"),N=require("react"),e=require("../../chunks/Search.Results.NCxpem4D.js"),h=require("../../chunks/FloatingUI.arrow.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("@floating-ui/react"),p=require("../Box/Box.cjs.js"),b=require("clsx"),t=require("../../chunks/classNames.DC8Ra4sw.js"),g=require("../../chunks/constants.CgMu0_1M.js"),q=require("../ActionList/ActionList.context.cjs.js"),N=require("react"),e=require("../../chunks/Search.Results.NCxpem4D.js"),h=require("../../chunks/FloatingUI.arrow.DDrTOpE-.js"),B=require("../../chunks/popover.module.DGUJIXrP.js"),{baseClassNamePrefix:P}=t.getBEMClassNames("floatingui"),{baseClassNamePrefix:S}=t.getBEMClassNames("popover"),{subElementClassPrefix:w}=t.getBEMClassNames("search"),y=[e.Results,e.Results.Item,e.Results.ViewAll],v=({setOpen:o,isMounted:l,getFloatingProps:a,floatingStyles:i,labelsRef:n,elementsRef:c,getItemProps:u,setFloating:m,theme:r,className:x,children:C,activeIndex:f})=>{const _=N.useCallback(()=>o(!1),[o]);return l?s.jsx(d.FloatingPortal,{children:s.jsx(p.Box,{className:b(r&&g.themeClassName(r),h.floatinguiStyles[P],B.popoverStyles[S],e.styles[`${w}dropdown`],x),...a(),style:i,ref:m,children:s.jsx(q.ActionListContextProvider,{allowChildrenTypes:y,getItemProps:u,itemsFocusable:!1,onItemClick:_,labelsRef:n,elementsRef:c,activeIndex:f,children:C})})}):null};exports.SearchDropdown=v;
|
|
@@ -7,7 +7,7 @@ import { t as g } from "../../chunks/constants.Cruz2A1w.js";
|
|
|
7
7
|
import { ActionListContextProvider as h } from "../ActionList/ActionList.context.es.js";
|
|
8
8
|
import { useCallback as b } from "react";
|
|
9
9
|
import { R as o, s as y } from "../../chunks/Search.Results.xnCZAijW.js";
|
|
10
|
-
import { f as v } from "../../chunks/FloatingUI.arrow.
|
|
10
|
+
import { f as v } from "../../chunks/FloatingUI.arrow.DGlk005P.js";
|
|
11
11
|
import { p as w } from "../../chunks/popover.module.3dnl8y6-.js";
|
|
12
12
|
const { baseClassNamePrefix: B } = e("floatingui"), { baseClassNamePrefix: k } = e("popover"), { subElementClassPrefix: I } = e("search"), S = [o, o.Item, o.ViewAll], q = ({
|
|
13
13
|
setOpen: r,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DC8Ra4sw.js"),P=require("../../chunks/constants.CgMu0_1M.js");require("../_Options/Option.context.cjs.js");const v=require("../_Options/Option.cjs.js"),y=require("react");require("../_Options/OptionGroup.context.cjs.js");require("../../utils/hooks/useId.cjs.js");require("../ActionList/ActionList.cjs.js");require("../../chunks/form.context.D5XrYvpI.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const S=require("../ActionList/ActionList.context.cjs.js"),O=require("../../chunks/FloatingUI.arrow.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DC8Ra4sw.js"),P=require("../../chunks/constants.CgMu0_1M.js");require("../_Options/Option.context.cjs.js");const v=require("../_Options/Option.cjs.js"),y=require("react");require("../_Options/OptionGroup.context.cjs.js");require("../../utils/hooks/useId.cjs.js");require("../ActionList/ActionList.cjs.js");require("../../chunks/form.context.D5XrYvpI.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const S=require("../ActionList/ActionList.context.cjs.js"),O=require("../../chunks/FloatingUI.arrow.DDrTOpE-.js"),w=require("../../chunks/popover.module.DGUJIXrP.js"),{baseClassNamePrefix:M}=a.getBEMClassNames("floatingui"),{baseClassNamePrefix:A}=a.getBEMClassNames("popover"),L=[v.Option],T=({setOpen:t,isMounted:n,status:l,nodeId:c,context:u,getFloatingProps:d,floatingStyles:q,labelsRef:x,elementsRef:g,getItemProps:f,setFloating:p,disabled:F,readOnly:_,theme:o,className:b,children:m,multiple:i,activeIndex:N,onItemClick:r})=>{const j=y.useCallback(h=>{r==null||r(h),!i&&t(!1)},[i,r,t]);return n?e.jsx(s.FloatingTree,{children:e.jsx(s.FloatingNode,{id:c,children:e.jsx(s.FloatingPortal,{children:e.jsx(s.FloatingFocusManager,{context:u,modal:!1,initialFocus:0,disabled:F||_,closeOnFocusOut:!0,restoreFocus:!0,returnFocus:!0,guards:!0,order:["content","reference"],children:e.jsx(B.Box,{"data-status":l,className:C(o&&P.themeClassName(o),O.floatinguiStyles[M],w.popoverStyles[A],b),...d(),style:q,ref:p,children:e.jsx(S.ActionListContextProvider,{allowChildrenTypes:L,getItemProps:f,itemsFocusable:!1,onItemClick:j,labelsRef:x,elementsRef:g,activeIndex:N,children:m})})})})})}):null};exports.SelectDropdown=T;
|
|
@@ -14,7 +14,7 @@ import "../../chunks/form.context.cEuTL68U.js";
|
|
|
14
14
|
import "../Form/contexts/label.context.es.js";
|
|
15
15
|
import "../Form/contexts/helperText.context.es.js";
|
|
16
16
|
import { ActionListContextProvider as A } from "../ActionList/ActionList.context.es.js";
|
|
17
|
-
import { f as D } from "../../chunks/FloatingUI.arrow.
|
|
17
|
+
import { f as D } from "../../chunks/FloatingUI.arrow.DGlk005P.js";
|
|
18
18
|
import { p as E } from "../../chunks/popover.module.3dnl8y6-.js";
|
|
19
19
|
const { baseClassNamePrefix: L } = a("floatingui"), { baseClassNamePrefix: q } = a("popover"), z = [T], er = ({
|
|
20
20
|
setOpen: e,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),fe=require("clsx"),me=require("react"),e=require("../../../chunks/DateField.Segment.CY0jg03_.js"),ge=require("../../../chunks/constants.CgMu0_1M.js"),pe=require("../../../chunks/form.context.D5XrYvpI.js"),xe=require("../../Form/contexts/label.context.cjs.js"),ve=require("../../Form/contexts/helperText.context.cjs.js"),ye=require("../../Form/hooks/useUniversalRef.hook.cjs.js"),r=require("./DateField.Segments.cjs.js"),Se=require("./DateField.utils.cjs.js"),qe=require("./useDateFieldFocus.cjs.js"),he=require("./useDateFieldForm.cjs.js"),we=require("./useDateFieldKeyboard.cjs.js"),Ie=require("./useDateFieldSegments.cjs.js"),Re=require("./useDateFieldValidity.cjs.js"),Pe=require("./useDateFieldValue.cjs.js"),Te=require("./useInvalidState.cjs.js"),Ve=me.forwardRef(function({value:S,defaultValue:q,onChange:h,label:d=null,helperText:n=null,error:o,hideRequiredMarker:w=!1,validationRules:I,width:R,theme:u,fluid:P=!1,disabled:T=!1,readOnly:V=!1,required:j=!1,name:c,id:M,className:N,style:O,"aria-label":B,"aria-describedby":C,"aria-labelledby":E,...H},L){const{disabled:i,readOnly:t,required:F,invalid:K,errorMessageProvided:_,defaultValue:$,errorId:b,helperTextId:k,validationErrorsId:A,labelId:D,ariaDescribedBy:U,ariaLabelledBy:W,showErrors:z}=he.useDateFieldForm({name:c,disabled:T,readOnly:V,required:j,defaultValue:q,error:o,hasHelperText:!!n,hasLabel:!!d,validationRules:I,ariaDescribedBy:C,ariaLabelledBy:E}),{refFn:G,ref:f}=ye.useUniversalRef(L),{segmentRefs:J,registerSegmentRef:Q}=Ie.useDateFieldSegments(),{segmentText:X,segmentValues:m,currentValue:g,wasTouched:Y,appendDigit:Z,adjustSegment:ee,deleteLastDigit:ie,clearSegment:ae,beginSegmentEdit:le,commitOnBlur:se}=Pe.useDateFieldValue({value:S,defaultValue:$,onChange:h}),{focusedSegment:p,fieldTabIndex:te,handleSegmentFocus:x,handleFieldFocus:re,handleFieldBlur:de,handleFieldMouseDown:ne,focusNext:v,focusPrevious:oe}=qe.useDateFieldFocus({disabled:i,fieldRef:f,segmentRefs:J,partsOrder:r.PARTS_ORDER,onSegmentFocusChange:le,onFieldBlur:se}),ue=we.useDateFieldKeyboard({disabled:i,readOnly:t,fieldRef:f,focusNext:v,focusPrevious:oe,adjustSegment:ee,deleteLastDigit:ie,clearSegment:ae}),{isInvalid:ce}=Re.useDateFieldValidity({segments:m,currentValue:g,wasTouched:Y,isFocused:p!==null}),Fe=(l,s)=>{const{advanced:De}=Z(l,s);De&&v(l)},y=Te.useInvalidState({formInvalid:K,valueInvalid:ce}),_e=l=>{if(i)return;const s=l.target.closest("label");!s||s.id!==D||(l.preventDefault(),x(r.PARTS_ORDER[0]))},be=fe(e.styles[e.baseClassNamePrefix],u&&ge.themeClassName(u),P&&e.styles[`${e.classModifierPrefix}fluid`],y&&e.styles[`${e.classModifierPrefix}error`],i&&e.styles[`${e.classModifierPrefix}disabled`],t&&e.styles[`${e.classModifierPrefix}read-only`],N);return a.jsxs("div",{className:be,style:{...O,maxWidth:R},onMouseDownCapture:_e,children:[a.jsx(xe.LabelProvider,{ctxId:D,ctxDisabled:i,ctxRequired:F&&!w,children:d}),a.jsx("div",{...H,ref:G,id:M,role:"group","aria-label":B,"aria-labelledby":W,"aria-disabled":i||void 0,"aria-required":F||void 0,"aria-invalid":y||void 0,"aria-describedby":U,"aria-errormessage":_?b:void 0,tabIndex:te,className:e.styles[e.staticDateFieldClassNames.field],onMouseDown:ne,onFocus:re,children:a.jsx(r.DateFieldSegments,{segmentText:X,segmentValues:m,focusedSegment:p,disabled:i,readOnly:t,onSegmentFocus:x,onSegmentBlur:de,onSegmentInput:Fe,onSegmentKeyDown:ue,registerSegmentRef:Q})}),a.jsx("input",{type:"hidden",name:c,value:Se.toISODateString(g),disabled:i}),a.jsxs(ve.HelperTextProvider,{ctxId:k,ctxDisabled:i,children:[n,_&&a.jsx(pe.HelperText,{id:b,appearance:"negative",children:o})]}),z(A)]})});exports.DateField=Ve;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { jsxs as S, jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import { s as a, b as
|
|
5
|
-
import { t as
|
|
6
|
-
import { H as
|
|
7
|
-
import { LabelProvider as
|
|
8
|
-
import { HelperTextProvider as
|
|
9
|
-
import { useUniversalRef as
|
|
10
|
-
import { DateFieldSegments as
|
|
11
|
-
import { toISODateString as
|
|
12
|
-
import { useDateFieldFocus as
|
|
13
|
-
import { useDateFieldForm as
|
|
14
|
-
import { useDateFieldKeyboard as
|
|
15
|
-
import { useDateFieldSegments as
|
|
16
|
-
import { useDateFieldValidity as
|
|
17
|
-
import { useDateFieldValue as
|
|
18
|
-
import { useInvalidState as
|
|
19
|
-
const
|
|
2
|
+
import De from "clsx";
|
|
3
|
+
import { forwardRef as Fe } from "react";
|
|
4
|
+
import { s as a, b as he, c as s, a as xe } from "../../../chunks/DateField.Segment.C2qoaY0Z.js";
|
|
5
|
+
import { t as ye } from "../../../chunks/constants.Cruz2A1w.js";
|
|
6
|
+
import { H as Se } from "../../../chunks/form.context.cEuTL68U.js";
|
|
7
|
+
import { LabelProvider as Ie } from "../../Form/contexts/label.context.es.js";
|
|
8
|
+
import { HelperTextProvider as we } from "../../Form/contexts/helperText.context.es.js";
|
|
9
|
+
import { useUniversalRef as Re } from "../../Form/hooks/useUniversalRef.hook.es.js";
|
|
10
|
+
import { DateFieldSegments as Ne, PARTS_ORDER as I } from "./DateField.Segments.es.js";
|
|
11
|
+
import { toISODateString as Ve } from "./DateField.utils.es.js";
|
|
12
|
+
import { useDateFieldFocus as Be } from "./useDateFieldFocus.es.js";
|
|
13
|
+
import { useDateFieldForm as Ce } from "./useDateFieldForm.es.js";
|
|
14
|
+
import { useDateFieldKeyboard as Oe } from "./useDateFieldKeyboard.es.js";
|
|
15
|
+
import { useDateFieldSegments as Pe } from "./useDateFieldSegments.es.js";
|
|
16
|
+
import { useDateFieldValidity as Te } from "./useDateFieldValidity.es.js";
|
|
17
|
+
import { useDateFieldValue as Me } from "./useDateFieldValue.es.js";
|
|
18
|
+
import { useInvalidState as qe } from "./useInvalidState.es.js";
|
|
19
|
+
const aa = Fe(
|
|
20
20
|
function({
|
|
21
21
|
value: w,
|
|
22
22
|
defaultValue: R,
|
|
23
23
|
onChange: N,
|
|
24
|
-
label:
|
|
25
|
-
helperText:
|
|
24
|
+
label: t = null,
|
|
25
|
+
helperText: o = null,
|
|
26
26
|
error: n,
|
|
27
27
|
hideRequiredMarker: V = !1,
|
|
28
28
|
validationRules: B,
|
|
@@ -34,9 +34,9 @@ const Ze = ve(
|
|
|
34
34
|
required: M = !1,
|
|
35
35
|
name: u,
|
|
36
36
|
id: q,
|
|
37
|
-
className:
|
|
38
|
-
style:
|
|
39
|
-
"aria-label":
|
|
37
|
+
className: L,
|
|
38
|
+
style: E,
|
|
39
|
+
"aria-label": H,
|
|
40
40
|
"aria-describedby": $,
|
|
41
41
|
"aria-labelledby": j,
|
|
42
42
|
...K
|
|
@@ -55,92 +55,96 @@ const Ze = ve(
|
|
|
55
55
|
ariaDescribedBy: z,
|
|
56
56
|
ariaLabelledBy: G,
|
|
57
57
|
showErrors: J
|
|
58
|
-
} =
|
|
58
|
+
} = Ce({
|
|
59
59
|
name: u,
|
|
60
60
|
disabled: P,
|
|
61
61
|
readOnly: T,
|
|
62
62
|
required: M,
|
|
63
63
|
defaultValue: R,
|
|
64
64
|
error: n,
|
|
65
|
-
hasHelperText: !!
|
|
66
|
-
hasLabel: !!
|
|
65
|
+
hasHelperText: !!o,
|
|
66
|
+
hasLabel: !!t,
|
|
67
67
|
validationRules: B,
|
|
68
68
|
ariaDescribedBy: $,
|
|
69
69
|
ariaLabelledBy: j
|
|
70
|
-
}), { refFn: Q, ref: g } =
|
|
70
|
+
}), { refFn: Q, ref: g } = Re(W), { segmentRefs: X, registerSegmentRef: Y } = Pe(), {
|
|
71
71
|
segmentText: Z,
|
|
72
72
|
segmentValues: v,
|
|
73
73
|
currentValue: D,
|
|
74
74
|
wasTouched: ee,
|
|
75
75
|
appendDigit: ae,
|
|
76
76
|
adjustSegment: re,
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
77
|
+
deleteLastDigit: le,
|
|
78
|
+
clearSegment: ie,
|
|
79
|
+
beginSegmentEdit: se,
|
|
80
|
+
commitOnBlur: de
|
|
81
|
+
} = Me({
|
|
80
82
|
value: w,
|
|
81
83
|
defaultValue: U,
|
|
82
84
|
onChange: N
|
|
83
85
|
}), {
|
|
84
86
|
focusedSegment: F,
|
|
85
|
-
fieldTabIndex:
|
|
87
|
+
fieldTabIndex: te,
|
|
86
88
|
handleSegmentFocus: h,
|
|
87
|
-
handleFieldFocus:
|
|
88
|
-
handleFieldBlur:
|
|
89
|
-
handleFieldMouseDown:
|
|
89
|
+
handleFieldFocus: oe,
|
|
90
|
+
handleFieldBlur: ne,
|
|
91
|
+
handleFieldMouseDown: me,
|
|
90
92
|
focusNext: x,
|
|
91
|
-
focusPrevious:
|
|
92
|
-
} =
|
|
93
|
+
focusPrevious: ue
|
|
94
|
+
} = Be({
|
|
93
95
|
disabled: e,
|
|
94
96
|
fieldRef: g,
|
|
95
97
|
segmentRefs: X,
|
|
96
98
|
partsOrder: I,
|
|
97
|
-
onSegmentFocusChange:
|
|
98
|
-
onFieldBlur:
|
|
99
|
-
}),
|
|
99
|
+
onSegmentFocusChange: se,
|
|
100
|
+
onFieldBlur: de
|
|
101
|
+
}), fe = Oe({
|
|
100
102
|
disabled: e,
|
|
101
103
|
readOnly: d,
|
|
102
104
|
fieldRef: g,
|
|
103
105
|
focusNext: x,
|
|
104
|
-
focusPrevious:
|
|
105
|
-
adjustSegment: re
|
|
106
|
-
|
|
106
|
+
focusPrevious: ue,
|
|
107
|
+
adjustSegment: re,
|
|
108
|
+
deleteLastDigit: le,
|
|
109
|
+
clearSegment: ie
|
|
110
|
+
}), { isInvalid: ce } = Te({
|
|
107
111
|
segments: v,
|
|
108
112
|
currentValue: D,
|
|
109
113
|
wasTouched: ee,
|
|
110
114
|
isFocused: F !== null
|
|
111
|
-
}),
|
|
112
|
-
const { advanced:
|
|
113
|
-
|
|
114
|
-
}, y =
|
|
115
|
+
}), pe = (r, i) => {
|
|
116
|
+
const { advanced: ve } = ae(r, i);
|
|
117
|
+
ve && x(r);
|
|
118
|
+
}, y = qe({
|
|
115
119
|
formInvalid: A,
|
|
116
|
-
valueInvalid:
|
|
117
|
-
}),
|
|
120
|
+
valueInvalid: ce
|
|
121
|
+
}), be = (r) => {
|
|
118
122
|
if (e) return;
|
|
119
123
|
const i = r.target.closest("label");
|
|
120
124
|
!i || i.id !== b || (r.preventDefault(), h(I[0]));
|
|
121
|
-
},
|
|
122
|
-
a[
|
|
123
|
-
m &&
|
|
125
|
+
}, ge = De(
|
|
126
|
+
a[he],
|
|
127
|
+
m && ye(m),
|
|
124
128
|
O && a[`${s}fluid`],
|
|
125
129
|
y && a[`${s}error`],
|
|
126
130
|
e && a[`${s}disabled`],
|
|
127
131
|
d && a[`${s}read-only`],
|
|
128
|
-
|
|
132
|
+
L
|
|
129
133
|
);
|
|
130
134
|
return /* @__PURE__ */ S(
|
|
131
135
|
"div",
|
|
132
136
|
{
|
|
133
|
-
className:
|
|
134
|
-
style: { ...
|
|
135
|
-
onMouseDownCapture:
|
|
137
|
+
className: ge,
|
|
138
|
+
style: { ...E, maxWidth: C },
|
|
139
|
+
onMouseDownCapture: be,
|
|
136
140
|
children: [
|
|
137
141
|
/* @__PURE__ */ l(
|
|
138
|
-
|
|
142
|
+
Ie,
|
|
139
143
|
{
|
|
140
144
|
ctxId: b,
|
|
141
145
|
ctxDisabled: e,
|
|
142
146
|
ctxRequired: f && !V,
|
|
143
|
-
children:
|
|
147
|
+
children: t
|
|
144
148
|
}
|
|
145
149
|
),
|
|
146
150
|
/* @__PURE__ */ l(
|
|
@@ -150,19 +154,19 @@ const Ze = ve(
|
|
|
150
154
|
ref: Q,
|
|
151
155
|
id: q,
|
|
152
156
|
role: "group",
|
|
153
|
-
"aria-label":
|
|
157
|
+
"aria-label": H,
|
|
154
158
|
"aria-labelledby": G,
|
|
155
159
|
"aria-disabled": e || void 0,
|
|
156
160
|
"aria-required": f || void 0,
|
|
157
161
|
"aria-invalid": y || void 0,
|
|
158
162
|
"aria-describedby": z,
|
|
159
163
|
"aria-errormessage": c ? p : void 0,
|
|
160
|
-
tabIndex:
|
|
161
|
-
className: a[
|
|
162
|
-
onMouseDown:
|
|
163
|
-
onFocus:
|
|
164
|
+
tabIndex: te,
|
|
165
|
+
className: a[xe.field],
|
|
166
|
+
onMouseDown: me,
|
|
167
|
+
onFocus: oe,
|
|
164
168
|
children: /* @__PURE__ */ l(
|
|
165
|
-
|
|
169
|
+
Ne,
|
|
166
170
|
{
|
|
167
171
|
segmentText: Z,
|
|
168
172
|
segmentValues: v,
|
|
@@ -170,9 +174,9 @@ const Ze = ve(
|
|
|
170
174
|
disabled: e,
|
|
171
175
|
readOnly: d,
|
|
172
176
|
onSegmentFocus: h,
|
|
173
|
-
onSegmentBlur:
|
|
174
|
-
onSegmentInput:
|
|
175
|
-
onSegmentKeyDown:
|
|
177
|
+
onSegmentBlur: ne,
|
|
178
|
+
onSegmentInput: pe,
|
|
179
|
+
onSegmentKeyDown: fe,
|
|
176
180
|
registerSegmentRef: Y
|
|
177
181
|
}
|
|
178
182
|
)
|
|
@@ -183,13 +187,13 @@ const Ze = ve(
|
|
|
183
187
|
{
|
|
184
188
|
type: "hidden",
|
|
185
189
|
name: u,
|
|
186
|
-
value:
|
|
190
|
+
value: Ve(D),
|
|
187
191
|
disabled: e
|
|
188
192
|
}
|
|
189
193
|
),
|
|
190
|
-
/* @__PURE__ */ S(
|
|
191
|
-
|
|
192
|
-
c && /* @__PURE__ */ l(
|
|
194
|
+
/* @__PURE__ */ S(we, { ctxId: _, ctxDisabled: e, children: [
|
|
195
|
+
o,
|
|
196
|
+
c && /* @__PURE__ */ l(Se, { id: p, appearance: "negative", children: n })
|
|
193
197
|
] }),
|
|
194
198
|
J(k)
|
|
195
199
|
]
|
|
@@ -198,5 +202,5 @@ const Ze = ve(
|
|
|
198
202
|
}
|
|
199
203
|
);
|
|
200
204
|
export {
|
|
201
|
-
|
|
205
|
+
aa as DateField
|
|
202
206
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react");function d({disabled:c,readOnly:u,fieldRef:a,focusNext:o,focusPrevious:n,adjustSegment:t,deleteLastDigit:y,clearSegment:p}){const w=b.useMemo(()=>{const i={ArrowRight:({segment:r,isRTL:e})=>((e?n:o)(r),!0),ArrowLeft:({segment:r,isRTL:e})=>((e?o:n)(r),!0)};return u?i:{...i,ArrowUp:({segment:r})=>t(r,1),ArrowDown:({segment:r})=>t(r,-1),PageUp:({segment:r})=>t(r,5),PageDown:({segment:r})=>t(r,-5),Home:({segment:r})=>t(r,"min"),End:({segment:r})=>t(r,"max"),Backspace:({segment:r})=>(y(r).wasEmpty&&n(r),!0),Delete:({segment:r})=>(p(r),!0)}},[t,p,y,o,n,u]);return b.useCallback((i,r)=>{if(c||r.altKey||r.ctrlKey||r.metaKey||r.shiftKey)return;const e=w[r.key];if(!e)return;const l=a.current,K=!!l&&(getComputedStyle(l).direction==="rtl"||!!l.closest('[dir="rtl"]'));e({segment:i,event:r,isRTL:K})&&r.preventDefault()},[c,w,a])}exports.useDateFieldKeyboard=d;
|
|
@@ -40,5 +40,19 @@ export interface UseDateFieldKeyboardArgs {
|
|
|
40
40
|
* dispatcher leaves the key to native page scroll.
|
|
41
41
|
*/
|
|
42
42
|
adjustSegment: (type: SegmentType, amount: SegmentAdjustment) => boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Removes the last raw digit from the segment buffer (Backspace).
|
|
45
|
+
* Returns `{ wasEmpty: true }` when the buffer was already empty, signalling
|
|
46
|
+
* the keyboard handler to move focus to the previous segment.
|
|
47
|
+
* Provided by `useDateFieldValue`.
|
|
48
|
+
*/
|
|
49
|
+
deleteLastDigit: (type: SegmentType) => {
|
|
50
|
+
wasEmpty: boolean;
|
|
51
|
+
};
|
|
52
|
+
/**
|
|
53
|
+
* Clears the entire segment buffer to `''` (Delete). Focus stays on the
|
|
54
|
+
* current segment. Provided by `useDateFieldValue`.
|
|
55
|
+
*/
|
|
56
|
+
clearSegment: (type: SegmentType) => void;
|
|
43
57
|
}
|
|
44
|
-
export declare function useDateFieldKeyboard({ disabled, readOnly, fieldRef, focusNext, focusPrevious, adjustSegment, }: UseDateFieldKeyboardArgs): (segment: SegmentType, event: KeyboardEvent<HTMLSpanElement>) => void;
|
|
58
|
+
export declare function useDateFieldKeyboard({ disabled, readOnly, fieldRef, focusNext, focusPrevious, adjustSegment, deleteLastDigit, clearSegment, }: UseDateFieldKeyboardArgs): (segment: SegmentType, event: KeyboardEvent<HTMLSpanElement>) => void;
|