@wavv/ui 1.8.20 → 1.8.21

package/build/esm/types/components/Modal.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ThemeProp } from '../theme';
-import { FlexPosition, Height, Margin, Padding, WidthHeight } from './types';
+import { FlexPosition, Height, Margin, Padding, PositionType, WidthHeight } from './types';
 type ModalProps = {
     children: ReactNode;
     /** The selector (id or className) of the app's root element */
@@ -25,6 +25,8 @@ type ModalProps = {
     centerX?: boolean;
     /** Centers the vertical position of the Modal. Used in conjunction with `noOverlay` */
     centerY?: boolean;
+    /** Sets the position of the modal container */
+    position?: PositionType;
     /** Sets the `top` position of the modal. Used in conjunction with `noOverlay` */
     top?: number | string;
     /** Sets the `bottom` position of the modal. Used in conjunction with `noOverlay` */
@@ -37,7 +39,7 @@ type ModalProps = {
     zIndex?: number;
 } & WidthHeight & Padding;
 declare const Modal: {
-    ({ children, rootSelector, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayColor, backgroundColor, small, noOverlay, centerX, centerY, top, bottom, right, left, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, zIndex, }: ModalProps): import("react").ReactPortal | null;
+    ({ children, rootSelector, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayColor, backgroundColor, small, noOverlay, centerX, centerY, position, top, bottom, right, left, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, zIndex, }: ModalProps): import("react").ReactPortal | null;
     Header: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
         as?: import("react").ElementType<any> | undefined;

package/build/esm/types/components/helpers/styledProps.d.ts

@@ -18,7 +18,7 @@ export declare const marginProps: ({ margin, marginTop, marginBottom, marginRigh
     marginLeft: string | number | undefined;
 };
 export declare const positionProps: ({ position, top, bottom, right, left }: Position) => {
-    position: "static" | "relative" | "absolute" | "sticky" | "fixed" | undefined;
+    position: import("../types").PositionType | undefined;
     top: string | number | undefined;
     bottom: string | number | undefined;
     right: string | number | undefined;

package/build/esm/types/components/types.d.ts

@@ -14,8 +14,9 @@ export type Padding = {
     paddingRight?: number | string;
     paddingLeft?: number | string;
 };
+export type PositionType = 'static' | 'relative' | 'absolute' | 'sticky' | 'fixed';
 export type Position = {
-    position?: 'static' | 'relative' | 'absolute' | 'sticky' | 'fixed';
+    position?: PositionType;
     top?: number | string;
     bottom?: number | string;
     right?: number | string;

package/build/index.d.ts

@@ -522,8 +522,9 @@ type Padding = {
     paddingRight?: number | string;
     paddingLeft?: number | string;
 };
+type PositionType = 'static' | 'relative' | 'absolute' | 'sticky' | 'fixed';
 type Position = {
-    position?: 'static' | 'relative' | 'absolute' | 'sticky' | 'fixed';
+    position?: PositionType;
     top?: number | string;
     bottom?: number | string;
     right?: number | string;
@@ -2158,6 +2159,8 @@ type ModalProps = {
     centerX?: boolean;
     /** Centers the vertical position of the Modal. Used in conjunction with `noOverlay` */
     centerY?: boolean;
+    /** Sets the position of the modal container */
+    position?: PositionType;
     /** Sets the `top` position of the modal. Used in conjunction with `noOverlay` */
     top?: number | string;
     /** Sets the `bottom` position of the modal. Used in conjunction with `noOverlay` */
@@ -2170,7 +2173,7 @@ type ModalProps = {
     zIndex?: number;
 } & WidthHeight & Padding;
 declare const Modal: {
-    ({ children, rootSelector, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayColor, backgroundColor, small, noOverlay, centerX, centerY, top, bottom, right, left, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, zIndex, }: ModalProps): react.ReactPortal | null;
+    ({ children, rootSelector, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayColor, backgroundColor, small, noOverlay, centerX, centerY, position, top, bottom, right, left, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, zIndex, }: ModalProps): react.ReactPortal | null;
     Header: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
         as?: react.ElementType<any> | undefined;
@@ -2616,7 +2619,7 @@ declare const marginProps: ({ margin, marginTop, marginBottom, marginRight, marg
     marginLeft: string | number | undefined;
 };
 declare const positionProps: ({ position, top, bottom, right, left }: Position) => {
-    position: "static" | "relative" | "absolute" | "sticky" | "fixed" | undefined;
+    position: PositionType | undefined;
     top: string | number | undefined;
     bottom: string | number | undefined;
     right: string | number | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "1.8.20",
+	"version": "1.8.21",
 	"files": [
 		"build/**/*"
 	],