@wavv/ui 1.8.19 → 1.8.21
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/build/cjs/index.js +9 -9
- package/build/cjs/index.js.map +1 -1
- package/build/cjs/types/assets/icons/Logout.d.ts +3 -0
- package/build/cjs/types/assets/icons/Merge.d.ts +3 -0
- package/build/cjs/types/assets/icons/PhoneHold.d.ts +3 -0
- package/build/cjs/types/assets/icons/Transfer.d.ts +3 -0
- package/build/cjs/types/assets/icons/TransferCancel.d.ts +3 -0
- package/build/cjs/types/components/Icon/icons.d.ts +5 -0
- package/build/cjs/types/components/Modal.d.ts +4 -2
- package/build/cjs/types/components/helpers/styledProps.d.ts +1 -1
- package/build/cjs/types/components/types.d.ts +2 -1
- package/build/esm/index.js +9 -9
- package/build/esm/index.js.map +1 -1
- package/build/esm/types/assets/icons/Logout.d.ts +3 -0
- package/build/esm/types/assets/icons/Merge.d.ts +3 -0
- package/build/esm/types/assets/icons/PhoneHold.d.ts +3 -0
- package/build/esm/types/assets/icons/Transfer.d.ts +3 -0
- package/build/esm/types/assets/icons/TransferCancel.d.ts +3 -0
- package/build/esm/types/components/Icon/icons.d.ts +5 -0
- package/build/esm/types/components/Modal.d.ts +4 -2
- package/build/esm/types/components/helpers/styledProps.d.ts +1 -1
- package/build/esm/types/components/types.d.ts +2 -1
- package/build/index.d.ts +11 -3
- package/package.json +1 -1
|
@@ -157,8 +157,10 @@ declare const icons: {
|
|
|
157
157
|
link: typeof Link;
|
|
158
158
|
linkedin: typeof Linkedin;
|
|
159
159
|
loading: typeof Loading;
|
|
160
|
+
logout: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
160
161
|
maximize: typeof Maximize;
|
|
161
162
|
menu: typeof Menu;
|
|
163
|
+
merge: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
162
164
|
'merge-field': typeof MergeField;
|
|
163
165
|
message: typeof Message;
|
|
164
166
|
mic: typeof Mic;
|
|
@@ -176,6 +178,7 @@ declare const icons: {
|
|
|
176
178
|
'phone-end': typeof PhoneEnd;
|
|
177
179
|
'phone-forward': (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
178
180
|
'phone-history': typeof PhoneHistory;
|
|
181
|
+
'phone-hold': (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
179
182
|
'phone-talk': typeof PhoneTalk;
|
|
180
183
|
'phone-transfer': (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
181
184
|
play: typeof Play;
|
|
@@ -203,6 +206,8 @@ declare const icons: {
|
|
|
203
206
|
template: typeof Template;
|
|
204
207
|
'toggle-off': typeof ToggleOff;
|
|
205
208
|
'toggle-on': typeof ToggleOn;
|
|
209
|
+
transfer: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
210
|
+
'transfer-cancel': (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
206
211
|
trash: typeof Trash;
|
|
207
212
|
twitter: typeof Twitter;
|
|
208
213
|
upload: typeof Upload;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { ThemeProp } from '../theme';
|
|
3
|
-
import { FlexPosition, Height, Margin, Padding, WidthHeight } from './types';
|
|
3
|
+
import { FlexPosition, Height, Margin, Padding, PositionType, WidthHeight } from './types';
|
|
4
4
|
type ModalProps = {
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
/** The selector (id or className) of the app's root element */
|
|
@@ -25,6 +25,8 @@ type ModalProps = {
|
|
|
25
25
|
centerX?: boolean;
|
|
26
26
|
/** Centers the vertical position of the Modal. Used in conjunction with `noOverlay` */
|
|
27
27
|
centerY?: boolean;
|
|
28
|
+
/** Sets the position of the modal container */
|
|
29
|
+
position?: PositionType;
|
|
28
30
|
/** Sets the `top` position of the modal. Used in conjunction with `noOverlay` */
|
|
29
31
|
top?: number | string;
|
|
30
32
|
/** Sets the `bottom` position of the modal. Used in conjunction with `noOverlay` */
|
|
@@ -37,7 +39,7 @@ type ModalProps = {
|
|
|
37
39
|
zIndex?: number;
|
|
38
40
|
} & WidthHeight & Padding;
|
|
39
41
|
declare const Modal: {
|
|
40
|
-
({ 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;
|
|
42
|
+
({ 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;
|
|
41
43
|
Header: import("@emotion/styled").StyledComponent<{
|
|
42
44
|
theme?: import("@emotion/react").Theme | undefined;
|
|
43
45
|
as?: import("react").ElementType<any> | undefined;
|
|
@@ -18,7 +18,7 @@ export declare const marginProps: ({ margin, marginTop, marginBottom, marginRigh
|
|
|
18
18
|
marginLeft: string | number | undefined;
|
|
19
19
|
};
|
|
20
20
|
export declare const positionProps: ({ position, top, bottom, right, left }: Position) => {
|
|
21
|
-
position: "
|
|
21
|
+
position: import("../types").PositionType | undefined;
|
|
22
22
|
top: string | number | undefined;
|
|
23
23
|
bottom: string | number | undefined;
|
|
24
24
|
right: string | number | undefined;
|
|
@@ -14,8 +14,9 @@ export type Padding = {
|
|
|
14
14
|
paddingRight?: number | string;
|
|
15
15
|
paddingLeft?: number | string;
|
|
16
16
|
};
|
|
17
|
+
export type PositionType = 'static' | 'relative' | 'absolute' | 'sticky' | 'fixed';
|
|
17
18
|
export type Position = {
|
|
18
|
-
position?:
|
|
19
|
+
position?: PositionType;
|
|
19
20
|
top?: number | string;
|
|
20
21
|
bottom?: number | string;
|
|
21
22
|
right?: number | string;
|