@wistia/ui 0.17.0 → 0.17.1

package/dist/index.d.mts

@@ -3110,7 +3110,7 @@ type ModalProps = ComponentPropsWithoutRef<'div'> & {
      */
     title: string;
     /**
-     * The base width to apply to the Modal
+     * The width of the modal when space allows. On smaller screens, the modal automatically adjusts to fit the available space.
      */
     width?: string;
 };
@@ -3158,7 +3158,7 @@ declare const Modal: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
      */
     title: string;
     /**
-     * The base width to apply to the Modal
+     * The width of the modal when space allows. On smaller screens, the modal automatically adjusts to fit the available space.
      */
     width?: string;
 } & react.RefAttributes<HTMLDivElement>>;

package/dist/index.d.ts

@@ -3110,7 +3110,7 @@ type ModalProps = ComponentPropsWithoutRef<'div'> & {
      */
     title: string;
     /**
-     * The base width to apply to the Modal
+     * The width of the modal when space allows. On smaller screens, the modal automatically adjusts to fit the available space.
      */
     width?: string;
 };
@@ -3158,7 +3158,7 @@ declare const Modal: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
      */
     title: string;
     /**
-     * The base width to apply to the Modal
+     * The width of the modal when space allows. On smaller screens, the modal automatically adjusts to fit the available space.
      */
     width?: string;
 } & react.RefAttributes<HTMLDivElement>>;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.17.0
+ * @license @wistia/ui v0.17.1
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -15622,9 +15622,8 @@ var StyledModalContent = styled76(DialogContent)`
     position: fixed;
     top: unset;
     left: unset;
-    width: ${({ $width }) => $width ?? DEFAULT_MODAL_WIDTH};
-    min-width: ${({ $width }) => $width ?? DEFAULT_MODAL_WIDTH};
-    max-width: var(--wui-modal-max-width);
+    width: calc(100vw - var(--wui-space-05) * 2);
+    max-width: ${({ $width }) => $width ?? DEFAULT_MODAL_WIDTH};
     border-radius: var(--wui-border-radius-03);
     animation-duration: var(--wui-motion-duration-03);
     animation-timing-function: var(--wui-motion-ease-out);