@wistia/vhs 2.71.1 → 2.72.0

package/dist/components/Modal/Dialog.d.ts

@@ -1,6 +1,8 @@
+import type { ModalProps } from './Modal';
 export type DialogProps = {
     fullHeight: boolean;
     width?: string | undefined;
+    overflow?: ModalProps['overflow'];
 };
 export declare const Dialog: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DialogProps, never>;
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/components/Modal/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Dialog.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,MAAM,kHAqBlB,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,MAAM,kHAqBlB,CAAC"}

package/dist/components/Modal/Modal.d.ts

@@ -46,6 +46,11 @@ export type ModalProps = ComponentPropsWithoutRef<'div'> & {
     shouldTrapFocus?: boolean;
     /** The base width to apply to the Modal */
     width?: string;
+    /**
+     * The overflow behavior to apply to the modal
+     * @default 'auto'
+     */
+    overflow?: 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible';
 };
 export declare const Modal: {
     (props: ModalProps): JSX.Element;

package/dist/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,wBAAwB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAcjF,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACzD;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzD;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAErD;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuGF,eAAO,MAAM,KAAK;YAAW,UAAU,GAAG,GAAG,CAAC,OAAO;;CAqCpD,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,wBAAwB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAcjF,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACzD;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzD;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAErD;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC9D,CAAC;AAyGF,eAAO,MAAM,KAAK;YAAW,UAAU,GAAG,GAAG,CAAC,OAAO;;CAqCpD,CAAC"}

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/vhs v2.71.1
+ * @license @wistia/vhs v2.72.0
  *
  * Copyright (c) 2021-2024, Wistia, Inc. and its affiliates.
  *
@@ -2418,7 +2418,7 @@
 
   /* latest versions of FF, Safari, and Chrome support dynamic viewport units; 100vh left as a fallback */
   height: 100vh;
-  overflow: auto;
+  overflow: ${({overflow:e})=>e??"auto"};
   position: relative;
   width: 100vw;
 
@@ -2439,7 +2439,7 @@
   display: flex;
   flex-direction: column;
   width: 100%;
-`,Jne=e=>(0,Fo.isNotNil)(e)&&(0,Fo.hasKey)(e,"current")&&(0,Fo.isNotNil)(e.current),Zne=e=>{(0,Li.useEffect)(()=>{let t=document.activeElement;if(Jne(e)){let r=e.current;(0,Fo.isNotNil)(r)&&r.focus()}return()=>{t!==null&&setTimeout(()=>{t.focus()},0)}},[e])},xI=(0,Li.forwardRef)(({alignHorizontal:e="center",alignVertical:t="center",children:r,className:n,fullHeight:o=!1,initialFocusRef:a,shouldTrapFocus:s=!0,onRequestClose:u,shouldCloseOnClickOutside:l=!0,width:c,...p},d)=>{Zne(d);let m=(0,Li.useRef)(null),g=Cd(s,{focusSelector:a?.current});return tu(m,()=>{u&&l&&u()}),u1(p.isOpen),s1("Escape",v=>{u&&u(),v.preventDefault()}),(0,za.jsx)(yI,{value:u,children:(0,za.jsx)(Xne,{alignHorizontal:e,alignVertical:t,children:(0,za.jsx)(hI,{ref:g,"aria-modal":"true",fullHeight:o,role:"dialog",tabIndex:-1,width:c,...p,children:(0,za.jsx)(Yne,{ref:m,children:r})})})})}),T6=e=>{let{id:t,...r}=e,n=document.createElement("div");n.classList.add("Modal"),(0,Fo.isNotUndefined)(e.className)&&n.classList.add(e.className),(0,Fo.isNotUndefined)(t)&&(n.id=t);let o=(0,Li.useRef)(n);return(0,Li.useEffect)(()=>{let a=o.current;return document.body.appendChild(a),()=>a.remove()},[]),(0,CI.createPortal)((0,za.jsx)(Zl,{children:e.isOpen?(0,za.jsx)(xI,{ref:o,...r}):null}),o.current)};T6.displayName="Modal_VHS";xI.displayName="ModalContent";i();var pf=A(require("styled-components"));var A6=require("react/jsx-runtime"),wI=pf.default.div`
+`,Jne=e=>(0,Fo.isNotNil)(e)&&(0,Fo.hasKey)(e,"current")&&(0,Fo.isNotNil)(e.current),Zne=e=>{(0,Li.useEffect)(()=>{let t=document.activeElement;if(Jne(e)){let r=e.current;(0,Fo.isNotNil)(r)&&r.focus()}return()=>{t!==null&&setTimeout(()=>{t.focus()},0)}},[e])},xI=(0,Li.forwardRef)(({alignHorizontal:e="center",alignVertical:t="center",children:r,className:n,fullHeight:o=!1,initialFocusRef:a,shouldTrapFocus:s=!0,onRequestClose:u,shouldCloseOnClickOutside:l=!0,width:c,overflow:p="auto",...d},m)=>{Zne(m);let g=(0,Li.useRef)(null),v=Cd(s,{focusSelector:a?.current});return tu(g,()=>{u&&l&&u()}),u1(d.isOpen),s1("Escape",h=>{u&&u(),h.preventDefault()}),(0,za.jsx)(yI,{value:u,children:(0,za.jsx)(Xne,{alignHorizontal:e,alignVertical:t,children:(0,za.jsx)(hI,{ref:v,"aria-modal":"true",fullHeight:o,overflow:p,role:"dialog",tabIndex:-1,width:c,...d,children:(0,za.jsx)(Yne,{ref:g,children:r})})})})}),T6=e=>{let{id:t,...r}=e,n=document.createElement("div");n.classList.add("Modal"),(0,Fo.isNotUndefined)(e.className)&&n.classList.add(e.className),(0,Fo.isNotUndefined)(t)&&(n.id=t);let o=(0,Li.useRef)(n);return(0,Li.useEffect)(()=>{let a=o.current;return document.body.appendChild(a),()=>a.remove()},[]),(0,CI.createPortal)((0,za.jsx)(Zl,{children:e.isOpen?(0,za.jsx)(xI,{ref:o,...r}):null}),o.current)};T6.displayName="Modal_VHS";xI.displayName="ModalContent";i();var pf=A(require("styled-components"));var A6=require("react/jsx-runtime"),wI=pf.default.div`
   align-items: center;
   display: flex;
   padding: ${({theme:e})=>e.spacing.space04} ${({theme:e})=>e.spacing.space04};