@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;
|
package/build/index.d.ts
CHANGED
|
@@ -522,8 +522,9 @@ type Padding = {
|
|
|
522
522
|
paddingRight?: number | string;
|
|
523
523
|
paddingLeft?: number | string;
|
|
524
524
|
};
|
|
525
|
+
type PositionType = 'static' | 'relative' | 'absolute' | 'sticky' | 'fixed';
|
|
525
526
|
type Position = {
|
|
526
|
-
position?:
|
|
527
|
+
position?: PositionType;
|
|
527
528
|
top?: number | string;
|
|
528
529
|
bottom?: number | string;
|
|
529
530
|
right?: number | string;
|
|
@@ -990,8 +991,10 @@ declare const icons: {
|
|
|
990
991
|
link: typeof Link;
|
|
991
992
|
linkedin: typeof Linkedin;
|
|
992
993
|
loading: typeof Loading;
|
|
994
|
+
logout: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
993
995
|
maximize: typeof Maximize;
|
|
994
996
|
menu: typeof Menu$1;
|
|
997
|
+
merge: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
995
998
|
'merge-field': typeof MergeField;
|
|
996
999
|
message: typeof Message$1;
|
|
997
1000
|
mic: typeof Mic;
|
|
@@ -1009,6 +1012,7 @@ declare const icons: {
|
|
|
1009
1012
|
'phone-end': typeof PhoneEnd;
|
|
1010
1013
|
'phone-forward': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1011
1014
|
'phone-history': typeof PhoneHistory;
|
|
1015
|
+
'phone-hold': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1012
1016
|
'phone-talk': typeof PhoneTalk;
|
|
1013
1017
|
'phone-transfer': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1014
1018
|
play: typeof Play;
|
|
@@ -1036,6 +1040,8 @@ declare const icons: {
|
|
|
1036
1040
|
template: typeof Template;
|
|
1037
1041
|
'toggle-off': typeof ToggleOff;
|
|
1038
1042
|
'toggle-on': typeof ToggleOn;
|
|
1043
|
+
transfer: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1044
|
+
'transfer-cancel': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1039
1045
|
trash: typeof Trash;
|
|
1040
1046
|
twitter: typeof Twitter;
|
|
1041
1047
|
upload: typeof Upload;
|
|
@@ -2153,6 +2159,8 @@ type ModalProps = {
|
|
|
2153
2159
|
centerX?: boolean;
|
|
2154
2160
|
/** Centers the vertical position of the Modal. Used in conjunction with `noOverlay` */
|
|
2155
2161
|
centerY?: boolean;
|
|
2162
|
+
/** Sets the position of the modal container */
|
|
2163
|
+
position?: PositionType;
|
|
2156
2164
|
/** Sets the `top` position of the modal. Used in conjunction with `noOverlay` */
|
|
2157
2165
|
top?: number | string;
|
|
2158
2166
|
/** Sets the `bottom` position of the modal. Used in conjunction with `noOverlay` */
|
|
@@ -2165,7 +2173,7 @@ type ModalProps = {
|
|
|
2165
2173
|
zIndex?: number;
|
|
2166
2174
|
} & WidthHeight & Padding;
|
|
2167
2175
|
declare const Modal: {
|
|
2168
|
-
({ 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;
|
|
2176
|
+
({ 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;
|
|
2169
2177
|
Header: _emotion_styled.StyledComponent<{
|
|
2170
2178
|
theme?: _emotion_react.Theme | undefined;
|
|
2171
2179
|
as?: react.ElementType<any> | undefined;
|
|
@@ -2611,7 +2619,7 @@ declare const marginProps: ({ margin, marginTop, marginBottom, marginRight, marg
|
|
|
2611
2619
|
marginLeft: string | number | undefined;
|
|
2612
2620
|
};
|
|
2613
2621
|
declare const positionProps: ({ position, top, bottom, right, left }: Position) => {
|
|
2614
|
-
position:
|
|
2622
|
+
position: PositionType | undefined;
|
|
2615
2623
|
top: string | number | undefined;
|
|
2616
2624
|
bottom: string | number | undefined;
|
|
2617
2625
|
right: string | number | undefined;
|