@wavv/ui 1.7.2 → 1.7.4
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 +2 -2
- package/build/cjs/types/assets/icons/Check.d.ts +3 -0
- package/build/cjs/types/assets/icons/Screenshot.d.ts +3 -0
- package/build/cjs/types/assets/icons/ShieldCheck.d.ts +3 -0
- package/build/cjs/types/assets/icons/ShieldSlash.d.ts +3 -0
- package/build/cjs/types/components/Form.d.ts +4 -4
- package/build/cjs/types/components/Icon/icons.d.ts +4 -0
- package/build/cjs/types/components/Tooltip.d.ts +5 -10
- package/build/cjs/types/components/helpers/getPopPosition.d.ts +6 -0
- package/build/cjs/types/components/helpers/isPropAllowed.d.ts +2 -0
- package/build/cjs/types/components/types.d.ts +7 -0
- package/build/esm/index.js +2 -2
- package/build/esm/types/assets/icons/Check.d.ts +3 -0
- package/build/esm/types/assets/icons/Screenshot.d.ts +3 -0
- package/build/esm/types/assets/icons/ShieldCheck.d.ts +3 -0
- package/build/esm/types/assets/icons/ShieldSlash.d.ts +3 -0
- package/build/esm/types/components/Form.d.ts +4 -4
- package/build/esm/types/components/Icon/icons.d.ts +4 -0
- package/build/esm/types/components/Tooltip.d.ts +5 -10
- package/build/esm/types/components/helpers/getPopPosition.d.ts +6 -0
- package/build/esm/types/components/helpers/isPropAllowed.d.ts +2 -0
- package/build/esm/types/components/types.d.ts +7 -0
- package/build/index.d.ts +22 -17
- package/package.json +1 -1
|
@@ -106,7 +106,7 @@ declare const Form: {
|
|
|
106
106
|
centerX?: boolean | undefined;
|
|
107
107
|
offsetY?: number | undefined;
|
|
108
108
|
offsetX?: number | undefined;
|
|
109
|
-
direction?: "
|
|
109
|
+
direction?: "top" | "bottom" | "right" | "left" | undefined;
|
|
110
110
|
fontSize?: string | number | undefined;
|
|
111
111
|
description?: string | undefined;
|
|
112
112
|
disabled?: boolean | undefined;
|
|
@@ -121,14 +121,14 @@ declare const Form: {
|
|
|
121
121
|
Radio: ({ id, label, labelPosition, checked, disabled, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
|
|
122
122
|
id?: string | undefined;
|
|
123
123
|
label?: string | undefined;
|
|
124
|
-
labelPosition?: "
|
|
124
|
+
labelPosition?: "right" | "left" | undefined;
|
|
125
125
|
disabled?: boolean | undefined;
|
|
126
126
|
checked?: boolean | undefined;
|
|
127
127
|
} & import("./types").Margin & import("./types").As & HTMLProps<HTMLInputElement>) => JSX.Element;
|
|
128
128
|
Toggle: ({ id, label, labelPosition, checked, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
|
|
129
129
|
id?: string | undefined;
|
|
130
130
|
label?: string | undefined;
|
|
131
|
-
labelPosition?: "
|
|
131
|
+
labelPosition?: "right" | "left" | undefined;
|
|
132
132
|
disabled?: boolean | undefined;
|
|
133
133
|
checked?: boolean | undefined;
|
|
134
134
|
onChange: (val: boolean) => void;
|
|
@@ -136,7 +136,7 @@ declare const Form: {
|
|
|
136
136
|
Checkbox: ({ id, label, labelPosition, checked, partial, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
|
|
137
137
|
id?: string | undefined;
|
|
138
138
|
label?: string | undefined;
|
|
139
|
-
labelPosition?: "
|
|
139
|
+
labelPosition?: "right" | "left" | undefined;
|
|
140
140
|
disabled?: boolean | undefined;
|
|
141
141
|
checked?: boolean | undefined;
|
|
142
142
|
partial?: boolean | undefined;
|
|
@@ -116,6 +116,7 @@ declare const icons: {
|
|
|
116
116
|
card: typeof Card;
|
|
117
117
|
'caret-down': typeof CaretDown;
|
|
118
118
|
'caret-up': typeof CaretUp;
|
|
119
|
+
check: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
|
|
119
120
|
'check-circle': typeof CheckCircle;
|
|
120
121
|
'check-circle-outline': typeof CheckCircleOutline;
|
|
121
122
|
checkbox: typeof Checkbox;
|
|
@@ -182,9 +183,12 @@ declare const icons: {
|
|
|
182
183
|
rocket: typeof Rocket;
|
|
183
184
|
schedule: typeof Schedule;
|
|
184
185
|
'schedule-outline': typeof ScheduleOutline;
|
|
186
|
+
screenshot: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
|
|
185
187
|
search: typeof Search;
|
|
186
188
|
settings: typeof Settings;
|
|
187
189
|
share: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
|
|
190
|
+
'shield-check': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
|
|
191
|
+
'shield-slash': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
|
|
188
192
|
sort: typeof Sort;
|
|
189
193
|
spotify: typeof Spotify;
|
|
190
194
|
star: typeof Star;
|
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import type { ThemeProp } from './types';
|
|
3
|
-
type
|
|
4
|
-
type Top = 'top center' | 'top left' | 'top right';
|
|
5
|
-
type Bottom = 'bottom center' | 'bottom left' | 'bottom right';
|
|
6
|
-
type Left = 'left center' | 'left top' | 'left bottom';
|
|
7
|
-
type Right = 'right center' | 'right top' | 'right bottom';
|
|
8
|
-
type Position = Side | Top | Bottom | Left | Right;
|
|
1
|
+
import { HTMLProps, ReactNode } from 'react';
|
|
2
|
+
import type { As, PopPosition, ThemeProp } from './types';
|
|
3
|
+
type DivProps = Omit<HTMLProps<HTMLDivElement>, 'as'> & As;
|
|
9
4
|
export type TooltipProps = {
|
|
10
5
|
children?: ReactNode;
|
|
11
6
|
/** The element that will trigger the opening of the Tooltip */
|
|
@@ -13,7 +8,7 @@ export type TooltipProps = {
|
|
|
13
8
|
/** The text content of the Tooltip */
|
|
14
9
|
content?: string;
|
|
15
10
|
/** The position of the Tooltip body and arrow in relation to the trigger */
|
|
16
|
-
position?:
|
|
11
|
+
position?: PopPosition;
|
|
17
12
|
/** Offset of the Tooltip from the trigger */
|
|
18
13
|
offset?: number;
|
|
19
14
|
/** zIndex of the Tooltip's portal container */
|
|
@@ -40,7 +35,7 @@ export type TooltipProps = {
|
|
|
40
35
|
afterShow?: () => void;
|
|
41
36
|
/** The function called after the Tooltip closes */
|
|
42
37
|
afterHide?: () => void;
|
|
43
|
-
};
|
|
38
|
+
} & DivProps;
|
|
44
39
|
declare const Tooltip: {
|
|
45
40
|
({ trigger, children, content, position, offset, zIndex, width, maxWidth, textAlign, open, disabled, id, bgColor, color, container, afterShow, afterHide, ...props }: TooltipProps): JSX.Element;
|
|
46
41
|
Header: import("@emotion/styled").StyledComponent<{
|
|
@@ -60,3 +60,10 @@ export type DraftEditorRef = {
|
|
|
60
60
|
insertField: (field: MergeField) => void;
|
|
61
61
|
focusAtEnd: () => void;
|
|
62
62
|
};
|
|
63
|
+
type Top = 'top center' | 'top left' | 'top right';
|
|
64
|
+
type Bottom = 'bottom center' | 'bottom left' | 'bottom right';
|
|
65
|
+
type Left = 'left center' | 'left top' | 'left bottom';
|
|
66
|
+
type Right = 'right center' | 'right top' | 'right bottom';
|
|
67
|
+
export type PopSide = 'top' | 'bottom' | 'right' | 'left';
|
|
68
|
+
export type PopPosition = PopSide | Top | Bottom | Left | Right;
|
|
69
|
+
export type ArrowAlign = 'center' | 'start' | 'end';
|