@wistia/ui 0.17.0-beta.c5296888.2714d6a → 0.17.1-beta.a0cd2279.baa08d7

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.
Files changed (7) hide show
  1. package/dist/index.cjs +3 -4
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.mts +2 -2
  4. package/dist/index.d.ts +2 -2
  5. package/dist/index.mjs +3 -4
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -3110,7 +3110,7 @@ type ModalProps = ComponentPropsWithoutRef<'div'> & {
3110
3110
  */
3111
3111
  title: string;
3112
3112
  /**
3113
- * The base width to apply to the Modal
3113
+ * The width of the modal when space allows. On smaller screens, the modal automatically adjusts to fit the available space.
3114
3114
  */
3115
3115
  width?: string;
3116
3116
  };
@@ -3158,7 +3158,7 @@ declare const Modal: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
3158
3158
  */
3159
3159
  title: string;
3160
3160
  /**
3161
- * The base width to apply to the Modal
3161
+ * The width of the modal when space allows. On smaller screens, the modal automatically adjusts to fit the available space.
3162
3162
  */
3163
3163
  width?: string;
3164
3164
  } & react.RefAttributes<HTMLDivElement>>;
package/dist/index.d.ts CHANGED
@@ -3110,7 +3110,7 @@ type ModalProps = ComponentPropsWithoutRef<'div'> & {
3110
3110
  */
3111
3111
  title: string;
3112
3112
  /**
3113
- * The base width to apply to the Modal
3113
+ * The width of the modal when space allows. On smaller screens, the modal automatically adjusts to fit the available space.
3114
3114
  */
3115
3115
  width?: string;
3116
3116
  };
@@ -3158,7 +3158,7 @@ declare const Modal: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
3158
3158
  */
3159
3159
  title: string;
3160
3160
  /**
3161
- * The base width to apply to the Modal
3161
+ * The width of the modal when space allows. On smaller screens, the modal automatically adjusts to fit the available space.
3162
3162
  */
3163
3163
  width?: string;
3164
3164
  } & react.RefAttributes<HTMLDivElement>>;
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*
3
- * @license @wistia/ui v0.17.0-beta.c5296888.2714d6a
3
+ * @license @wistia/ui v0.17.1-beta.a0cd2279.baa08d7
4
4
  *
5
5
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
6
6
  *
@@ -15622,9 +15622,8 @@ var StyledModalContent = styled76(DialogContent)`
15622
15622
  position: fixed;
15623
15623
  top: unset;
15624
15624
  left: unset;
15625
- width: ${({ $width }) => $width ?? DEFAULT_MODAL_WIDTH};
15626
- min-width: ${({ $width }) => $width ?? DEFAULT_MODAL_WIDTH};
15627
- max-width: var(--wui-modal-max-width);
15625
+ width: calc(100vw - var(--wui-space-05) * 2);
15626
+ max-width: ${({ $width }) => $width ?? DEFAULT_MODAL_WIDTH};
15628
15627
  border-radius: var(--wui-border-radius-03);
15629
15628
  animation-duration: var(--wui-motion-duration-03);
15630
15629
  animation-timing-function: var(--wui-motion-ease-out);