@wavv/ui 1.6.1 → 1.6.3
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 +7 -7
- package/build/cjs/types/components/Audio.d.ts +1 -1
- package/build/cjs/types/components/Form.d.ts +4 -11
- package/build/cjs/types/components/Input.d.ts +3 -3
- package/build/cjs/types/components/Notification.d.ts +5 -7
- package/build/cjs/types/components/Spinner.d.ts +3 -3
- package/build/cjs/types/components/helpers/styledProps.d.ts +26 -0
- package/build/cjs/types/components/types.d.ts +7 -0
- package/build/cjs/types/index.d.ts +2 -1
- package/build/esm/index.js +8 -8
- package/build/esm/types/components/Audio.d.ts +1 -1
- package/build/esm/types/components/Form.d.ts +4 -11
- package/build/esm/types/components/Input.d.ts +3 -3
- package/build/esm/types/components/Notification.d.ts +5 -7
- package/build/esm/types/components/Spinner.d.ts +3 -3
- package/build/esm/types/components/helpers/styledProps.d.ts +26 -0
- package/build/esm/types/components/types.d.ts +7 -0
- package/build/esm/types/index.d.ts +2 -1
- package/build/index.d.ts +52 -24
- package/package.json +25 -25
|
@@ -25,5 +25,5 @@ type AudioProps = {
|
|
|
25
25
|
onPause?: (event: ChangeEvent<HTMLAudioElement>) => void;
|
|
26
26
|
onStop?: (event: ChangeEvent<HTMLAudioElement>) => void;
|
|
27
27
|
} & Margin & Width & As & HTMLProps<HTMLDivElement>;
|
|
28
|
-
declare const Audio: import("react").ForwardRefExoticComponent<
|
|
28
|
+
declare const Audio: import("react").ForwardRefExoticComponent<Omit<AudioProps, "ref"> & import("react").RefAttributes<AudioRef>>;
|
|
29
29
|
export default Audio;
|
|
@@ -11,7 +11,7 @@ declare const Form: {
|
|
|
11
11
|
Field({ children, inline, align, disabled }: FieldProps & {
|
|
12
12
|
children?: ReactNode;
|
|
13
13
|
}): JSX.Element;
|
|
14
|
-
Input: import("react").ForwardRefExoticComponent<(
|
|
14
|
+
Input: import("react").ForwardRefExoticComponent<(Omit<{
|
|
15
15
|
id?: string | undefined;
|
|
16
16
|
label?: string | undefined;
|
|
17
17
|
placeholder?: string | undefined;
|
|
@@ -43,10 +43,7 @@ declare const Form: {
|
|
|
43
43
|
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & import("./types").As & {
|
|
44
44
|
phone?: undefined;
|
|
45
45
|
onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
46
|
-
} & import("./types").Margin, "
|
|
47
|
-
phone?: undefined;
|
|
48
|
-
onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
49
|
-
}> | Pick<{
|
|
46
|
+
} & import("./types").Margin, "ref"> | Omit<{
|
|
50
47
|
id?: string | undefined;
|
|
51
48
|
label?: string | undefined;
|
|
52
49
|
placeholder?: string | undefined;
|
|
@@ -78,15 +75,11 @@ declare const Form: {
|
|
|
78
75
|
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & import("./types").As & {
|
|
79
76
|
phone: true;
|
|
80
77
|
onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void) | undefined;
|
|
81
|
-
} & import("./types").Margin, "
|
|
82
|
-
phone: true;
|
|
83
|
-
onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void) | undefined;
|
|
84
|
-
}>) & import("react").RefAttributes<import("./types").InputRef>>;
|
|
78
|
+
} & import("./types").Margin, "ref">) & import("react").RefAttributes<import("./types").InputRef>>;
|
|
85
79
|
Dropdown: {
|
|
86
80
|
<OptionType extends import("./Dropdown").DropdownOption>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, trigger, centerY, centerX, offsetY, offsetX, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: {
|
|
87
81
|
children?: ReactNode;
|
|
88
82
|
onChange?: ((item: OptionType | null) => void) | undefined;
|
|
89
|
-
/** Disables pointer events and reduces the opacity of the Group's contents */
|
|
90
83
|
onTextChange?: ((text: string) => void) | undefined;
|
|
91
84
|
value?: string | number | undefined;
|
|
92
85
|
afterShow?: (() => void) | undefined;
|
|
@@ -151,7 +144,7 @@ declare const Form: {
|
|
|
151
144
|
} & import("./types").Margin & import("./types").As & import("./FormControl").CheckboxAttributes) => JSX.Element;
|
|
152
145
|
Label: ({ children, iconLeft, iconRight, disabled, pill, ...rest }: {
|
|
153
146
|
children?: ReactNode;
|
|
154
|
-
iconLeft?: import("./helpers/getIcon").IconType | undefined;
|
|
147
|
+
iconLeft?: import("./helpers/getIcon").IconType | undefined; /** The function to be run after the form is submitted */
|
|
155
148
|
iconRight?: import("./helpers/getIcon").IconType | undefined;
|
|
156
149
|
pill?: boolean | undefined;
|
|
157
150
|
disabled?: boolean | undefined;
|
|
@@ -74,7 +74,7 @@ export type InputProps = {
|
|
|
74
74
|
/** A callback function that is run upon clicking the clear icon */
|
|
75
75
|
onClear?: OnClear;
|
|
76
76
|
} & DefaultInputProps & InputTypes & Margin;
|
|
77
|
-
declare const Input: import("react").ForwardRefExoticComponent<(
|
|
77
|
+
declare const Input: import("react").ForwardRefExoticComponent<(Omit<{
|
|
78
78
|
/** The id of the input element */
|
|
79
79
|
id?: string | undefined;
|
|
80
80
|
/** Places a label element above the input. The value will set the text of the label */
|
|
@@ -131,7 +131,7 @@ declare const Input: import("react").ForwardRefExoticComponent<(Pick<{
|
|
|
131
131
|
onClick?: ((event?: MouseEvent) => void) | undefined;
|
|
132
132
|
/** A callback function that is run upon clicking the clear icon */
|
|
133
133
|
onClear?: OnClear | undefined;
|
|
134
|
-
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Default & Margin, "
|
|
134
|
+
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Default & Margin, "ref"> | Omit<{
|
|
135
135
|
/** The id of the input element */
|
|
136
136
|
id?: string | undefined;
|
|
137
137
|
/** Places a label element above the input. The value will set the text of the label */
|
|
@@ -188,5 +188,5 @@ declare const Input: import("react").ForwardRefExoticComponent<(Pick<{
|
|
|
188
188
|
onClick?: ((event?: MouseEvent) => void) | undefined;
|
|
189
189
|
/** A callback function that is run upon clicking the clear icon */
|
|
190
190
|
onClear?: OnClear | undefined;
|
|
191
|
-
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Phone & Margin, "
|
|
191
|
+
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Phone & Margin, "ref">) & import("react").RefAttributes<InputRef>>;
|
|
192
192
|
export default Input;
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Margin, ThemeProp } from './types';
|
|
2
|
+
import { Margin, Position, ThemeProp } from './types';
|
|
3
3
|
declare const Notification: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
5
|
as?: import("react").ElementType<any> | undefined;
|
|
6
6
|
} & {
|
|
7
|
+
/** The color of the dot */
|
|
7
8
|
color?: string | undefined;
|
|
9
|
+
/** The width/height of the dot */
|
|
8
10
|
size?: string | number | undefined;
|
|
9
|
-
|
|
11
|
+
/** Styles the dot to accommodate containing a number */
|
|
10
12
|
number?: boolean | undefined;
|
|
11
|
-
|
|
12
|
-
bottom?: string | number | undefined;
|
|
13
|
-
right?: string | number | undefined;
|
|
14
|
-
left?: string | number | undefined;
|
|
15
|
-
} & ThemeProp & Margin, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
13
|
+
} & ThemeProp & Margin & Position, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
16
14
|
export default Notification;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Sizes } from './Icon/Icon';
|
|
3
|
-
import { Margin } from './types';
|
|
3
|
+
import { Margin, Position } from './types';
|
|
4
4
|
type SpinnerProps = {
|
|
5
5
|
/** The size of the loading icon */
|
|
6
6
|
size?: Sizes;
|
|
7
7
|
/** The color of the loading icon */
|
|
8
8
|
color?: string;
|
|
9
|
-
} & Margin;
|
|
10
|
-
declare const Spinner: ({ size, color, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: SpinnerProps) => JSX.Element;
|
|
9
|
+
} & Margin & Position;
|
|
10
|
+
declare const Spinner: ({ size, color, margin, marginTop, marginBottom, marginRight, marginLeft, position, top, bottom, right, left, ...props }: SpinnerProps) => JSX.Element;
|
|
11
11
|
export default Spinner;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { Position, Margin, Padding, WidthHeight } from '../types';
|
|
2
|
+
export declare const widthHeightProps: ({ width, height }: WidthHeight) => {
|
|
3
|
+
width: string | number | undefined;
|
|
4
|
+
height: string | number | undefined;
|
|
5
|
+
};
|
|
6
|
+
export declare const paddingProps: ({ padding, paddingTop, paddingBottom, paddingRight, paddingLeft }: Padding) => {
|
|
7
|
+
padding: string | number | undefined;
|
|
8
|
+
paddingTop: string | number | undefined;
|
|
9
|
+
paddingBottom: string | number | undefined;
|
|
10
|
+
paddingRight: string | number | undefined;
|
|
11
|
+
paddingLeft: string | number | undefined;
|
|
12
|
+
};
|
|
13
|
+
export declare const marginProps: ({ margin, marginTop, marginBottom, marginRight, marginLeft }: Margin) => {
|
|
14
|
+
margin: string | number | undefined;
|
|
15
|
+
marginTop: string | number | undefined;
|
|
16
|
+
marginBottom: string | number | undefined;
|
|
17
|
+
marginRight: string | number | undefined;
|
|
18
|
+
marginLeft: string | number | undefined;
|
|
19
|
+
};
|
|
20
|
+
export declare const positionProps: ({ position, top, bottom, right, left }: Position) => {
|
|
21
|
+
position: "static" | "relative" | "absolute" | "sticky" | "fixed" | undefined;
|
|
22
|
+
top: string | number | undefined;
|
|
23
|
+
bottom: string | number | undefined;
|
|
24
|
+
right: string | number | undefined;
|
|
25
|
+
left: string | number | undefined;
|
|
26
|
+
};
|
|
@@ -14,6 +14,13 @@ export type Padding = {
|
|
|
14
14
|
paddingRight?: number | string;
|
|
15
15
|
paddingLeft?: number | string;
|
|
16
16
|
};
|
|
17
|
+
export type Position = {
|
|
18
|
+
position?: 'static' | 'relative' | 'absolute' | 'sticky' | 'fixed';
|
|
19
|
+
top?: number | string;
|
|
20
|
+
bottom?: number | string;
|
|
21
|
+
right?: number | string;
|
|
22
|
+
left?: number | string;
|
|
23
|
+
};
|
|
17
24
|
export type MaxWidth = {
|
|
18
25
|
maxWidth?: number | string;
|
|
19
26
|
};
|
|
@@ -43,7 +43,7 @@ export type { ITheme, ThemeProp } from './theme/ThemeTypes';
|
|
|
43
43
|
export type { IconNames } from './components/Icon/icons';
|
|
44
44
|
export type { DropdownOption } from './components/Dropdown';
|
|
45
45
|
export type { Item as TransferItem, Action as TransferAction, Next as TransferNext } from './components/TransferList';
|
|
46
|
-
export type { AudioRef, DraftEditorRef, InputRef } from './components/types';
|
|
46
|
+
export type { AudioRef, DraftEditorRef, InputRef, Margin, Padding, Position, MaxWidth, MaxHeight, MaxWidthHeight, Width, Height, WidthHeight, MarginPadding, FlexPosition, As, } from './components/types';
|
|
47
47
|
export { default as useEventListener } from './hooks/useEventListener';
|
|
48
48
|
export { default as useOnClickOutside } from './hooks/useOnClickOutside';
|
|
49
49
|
export { default as useSelect } from './hooks/useSelect';
|
|
@@ -53,3 +53,4 @@ export { default as useConfirm } from './hooks/useConfirm';
|
|
|
53
53
|
export { default as useElementObserver } from './hooks/useElementObserver';
|
|
54
54
|
export { default as formatDate } from './utils/formatDate';
|
|
55
55
|
export { default as copyToClipboard } from './utils/copyToClipboard';
|
|
56
|
+
export { widthHeightProps, paddingProps, marginProps, positionProps } from './components/helpers/styledProps';
|
package/build/index.d.ts
CHANGED
|
@@ -522,6 +522,16 @@ type Padding = {
|
|
|
522
522
|
paddingRight?: number | string;
|
|
523
523
|
paddingLeft?: number | string;
|
|
524
524
|
};
|
|
525
|
+
type Position$1 = {
|
|
526
|
+
position?: 'static' | 'relative' | 'absolute' | 'sticky' | 'fixed';
|
|
527
|
+
top?: number | string;
|
|
528
|
+
bottom?: number | string;
|
|
529
|
+
right?: number | string;
|
|
530
|
+
left?: number | string;
|
|
531
|
+
};
|
|
532
|
+
type MaxWidth = {
|
|
533
|
+
maxWidth?: number | string;
|
|
534
|
+
};
|
|
525
535
|
type MaxHeight = {
|
|
526
536
|
maxHeight?: number | string;
|
|
527
537
|
};
|
|
@@ -532,6 +542,7 @@ type Height = {
|
|
|
532
542
|
height?: number | string;
|
|
533
543
|
};
|
|
534
544
|
type WidthHeight = Width & Height;
|
|
545
|
+
type MaxWidthHeight = MaxWidth & MaxHeight;
|
|
535
546
|
type MarginPadding = Margin & Padding;
|
|
536
547
|
type FlexPosition = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
|
|
537
548
|
type As = {
|
|
@@ -626,7 +637,7 @@ type AudioProps = {
|
|
|
626
637
|
onPause?: (event: ChangeEvent<HTMLAudioElement>) => void;
|
|
627
638
|
onStop?: (event: ChangeEvent<HTMLAudioElement>) => void;
|
|
628
639
|
} & Margin & Width & As & HTMLProps<HTMLDivElement>;
|
|
629
|
-
declare const Audio: React.ForwardRefExoticComponent<
|
|
640
|
+
declare const Audio: React.ForwardRefExoticComponent<Omit<AudioProps, "ref"> & React.RefAttributes<AudioRef>>;
|
|
630
641
|
|
|
631
642
|
type ChartData$1 = {
|
|
632
643
|
name: string;
|
|
@@ -1394,7 +1405,7 @@ type InputProps = {
|
|
|
1394
1405
|
/** A callback function that is run upon clicking the clear icon */
|
|
1395
1406
|
onClear?: OnClear;
|
|
1396
1407
|
} & DefaultInputProps & InputTypes & Margin;
|
|
1397
|
-
declare const Input: React.ForwardRefExoticComponent<(
|
|
1408
|
+
declare const Input: React.ForwardRefExoticComponent<(Omit<{
|
|
1398
1409
|
/** The id of the input element */
|
|
1399
1410
|
id?: string | undefined;
|
|
1400
1411
|
/** Places a label element above the input. The value will set the text of the label */
|
|
@@ -1451,7 +1462,7 @@ declare const Input: React.ForwardRefExoticComponent<(Pick<{
|
|
|
1451
1462
|
onClick?: ((event?: MouseEvent$1) => void) | undefined;
|
|
1452
1463
|
/** A callback function that is run upon clicking the clear icon */
|
|
1453
1464
|
onClear?: OnClear | undefined;
|
|
1454
|
-
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Default$1 & Margin, "
|
|
1465
|
+
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Default$1 & Margin, "ref"> | Omit<{
|
|
1455
1466
|
/** The id of the input element */
|
|
1456
1467
|
id?: string | undefined;
|
|
1457
1468
|
/** Places a label element above the input. The value will set the text of the label */
|
|
@@ -1508,7 +1519,7 @@ declare const Input: React.ForwardRefExoticComponent<(Pick<{
|
|
|
1508
1519
|
onClick?: ((event?: MouseEvent$1) => void) | undefined;
|
|
1509
1520
|
/** A callback function that is run upon clicking the clear icon */
|
|
1510
1521
|
onClear?: OnClear | undefined;
|
|
1511
|
-
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Phone & Margin, "
|
|
1522
|
+
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Phone & Margin, "ref">) & React.RefAttributes<InputRef>>;
|
|
1512
1523
|
|
|
1513
1524
|
type RestInputProps = Omit<InputProps, 'value' | 'onChange' | 'onError'>;
|
|
1514
1525
|
type DropdownProps$1<OptionType> = {
|
|
@@ -1654,7 +1665,7 @@ declare const Form: {
|
|
|
1654
1665
|
Field({ children, inline, align, disabled }: FieldProps & {
|
|
1655
1666
|
children?: ReactNode;
|
|
1656
1667
|
}): JSX.Element;
|
|
1657
|
-
Input: React.ForwardRefExoticComponent<(
|
|
1668
|
+
Input: React.ForwardRefExoticComponent<(Omit<{
|
|
1658
1669
|
id?: string | undefined;
|
|
1659
1670
|
label?: string | undefined;
|
|
1660
1671
|
placeholder?: string | undefined;
|
|
@@ -1686,10 +1697,7 @@ declare const Form: {
|
|
|
1686
1697
|
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & {
|
|
1687
1698
|
phone?: undefined;
|
|
1688
1699
|
onChange?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
1689
|
-
} & Margin, "
|
|
1690
|
-
phone?: undefined;
|
|
1691
|
-
onChange?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
1692
|
-
}> | Pick<{
|
|
1700
|
+
} & Margin, "ref"> | Omit<{
|
|
1693
1701
|
id?: string | undefined;
|
|
1694
1702
|
label?: string | undefined;
|
|
1695
1703
|
placeholder?: string | undefined;
|
|
@@ -1721,15 +1729,11 @@ declare const Form: {
|
|
|
1721
1729
|
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & {
|
|
1722
1730
|
phone: true;
|
|
1723
1731
|
onChange?: ((event: React.ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void) | undefined;
|
|
1724
|
-
} & Margin, "
|
|
1725
|
-
phone: true;
|
|
1726
|
-
onChange?: ((event: React.ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void) | undefined;
|
|
1727
|
-
}>) & React.RefAttributes<InputRef>>;
|
|
1732
|
+
} & Margin, "ref">) & React.RefAttributes<InputRef>>;
|
|
1728
1733
|
Dropdown: {
|
|
1729
1734
|
<OptionType extends OptionItem>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, trigger, centerY, centerX, offsetY, offsetX, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: {
|
|
1730
1735
|
children?: ReactNode;
|
|
1731
1736
|
onChange?: ((item: OptionType | null) => void) | undefined;
|
|
1732
|
-
/** Disables pointer events and reduces the opacity of the Group's contents */
|
|
1733
1737
|
onTextChange?: ((text: string) => void) | undefined;
|
|
1734
1738
|
value?: string | number | undefined;
|
|
1735
1739
|
afterShow?: (() => void) | undefined;
|
|
@@ -1794,7 +1798,7 @@ declare const Form: {
|
|
|
1794
1798
|
} & Margin & As & CheckboxAttributes) => JSX.Element;
|
|
1795
1799
|
Label: ({ children, iconLeft, iconRight, disabled, pill, ...rest }: {
|
|
1796
1800
|
children?: ReactNode;
|
|
1797
|
-
iconLeft?: IconType | undefined;
|
|
1801
|
+
iconLeft?: IconType | undefined; /** The function to be run after the form is submitted */
|
|
1798
1802
|
iconRight?: IconType | undefined;
|
|
1799
1803
|
pill?: boolean | undefined;
|
|
1800
1804
|
disabled?: boolean | undefined;
|
|
@@ -2085,15 +2089,13 @@ declare const Notification: _emotion_styled.StyledComponent<{
|
|
|
2085
2089
|
theme?: _emotion_react.Theme | undefined;
|
|
2086
2090
|
as?: React.ElementType<any> | undefined;
|
|
2087
2091
|
} & {
|
|
2092
|
+
/** The color of the dot */
|
|
2088
2093
|
color?: string | undefined;
|
|
2094
|
+
/** The width/height of the dot */
|
|
2089
2095
|
size?: string | number | undefined;
|
|
2090
|
-
|
|
2096
|
+
/** Styles the dot to accommodate containing a number */
|
|
2091
2097
|
number?: boolean | undefined;
|
|
2092
|
-
|
|
2093
|
-
bottom?: string | number | undefined;
|
|
2094
|
-
right?: string | number | undefined;
|
|
2095
|
-
left?: string | number | undefined;
|
|
2096
|
-
} & ThemeProp & Margin, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
2098
|
+
} & ThemeProp & Margin & Position$1, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
2097
2099
|
|
|
2098
2100
|
type OptionsProps = {
|
|
2099
2101
|
children: ReactNode;
|
|
@@ -2238,8 +2240,8 @@ type SpinnerProps = {
|
|
|
2238
2240
|
size?: Sizes;
|
|
2239
2241
|
/** The color of the loading icon */
|
|
2240
2242
|
color?: string;
|
|
2241
|
-
} & Margin;
|
|
2242
|
-
declare const Spinner: ({ size, color, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: SpinnerProps) => JSX.Element;
|
|
2243
|
+
} & Margin & Position$1;
|
|
2244
|
+
declare const Spinner: ({ size, color, margin, marginTop, marginBottom, marginRight, marginLeft, position, top, bottom, right, left, ...props }: SpinnerProps) => JSX.Element;
|
|
2243
2245
|
|
|
2244
2246
|
type Color = ColorNames | CSSProperties['color'];
|
|
2245
2247
|
type Item = {
|
|
@@ -2414,4 +2416,30 @@ declare const formatDate: (value: Date, option?: TimeSpec | TimeOptions) => stri
|
|
|
2414
2416
|
|
|
2415
2417
|
declare const copyToClipboard: (text: string) => void;
|
|
2416
2418
|
|
|
2417
|
-
|
|
2419
|
+
declare const widthHeightProps: ({ width, height }: WidthHeight) => {
|
|
2420
|
+
width: string | number | undefined;
|
|
2421
|
+
height: string | number | undefined;
|
|
2422
|
+
};
|
|
2423
|
+
declare const paddingProps: ({ padding, paddingTop, paddingBottom, paddingRight, paddingLeft }: Padding) => {
|
|
2424
|
+
padding: string | number | undefined;
|
|
2425
|
+
paddingTop: string | number | undefined;
|
|
2426
|
+
paddingBottom: string | number | undefined;
|
|
2427
|
+
paddingRight: string | number | undefined;
|
|
2428
|
+
paddingLeft: string | number | undefined;
|
|
2429
|
+
};
|
|
2430
|
+
declare const marginProps: ({ margin, marginTop, marginBottom, marginRight, marginLeft }: Margin) => {
|
|
2431
|
+
margin: string | number | undefined;
|
|
2432
|
+
marginTop: string | number | undefined;
|
|
2433
|
+
marginBottom: string | number | undefined;
|
|
2434
|
+
marginRight: string | number | undefined;
|
|
2435
|
+
marginLeft: string | number | undefined;
|
|
2436
|
+
};
|
|
2437
|
+
declare const positionProps: ({ position, top, bottom, right, left }: Position$1) => {
|
|
2438
|
+
position: "static" | "relative" | "absolute" | "sticky" | "fixed" | undefined;
|
|
2439
|
+
top: string | number | undefined;
|
|
2440
|
+
bottom: string | number | undefined;
|
|
2441
|
+
right: string | number | undefined;
|
|
2442
|
+
left: string | number | undefined;
|
|
2443
|
+
};
|
|
2444
|
+
|
|
2445
|
+
export { Accordion, As, Audio, AudioRef, BarChart, Button, Calendar, Checkbox, Code, Table$1 as DocTable, DraftEditor, DraftEditorRef, Dropdown, OptionItem as DropdownOption, FlexPosition, Form, Grid, Height, ITheme, Icon, IconNames, ImageViewer, InlineCode, Input, InputRef, _default as InputUtils, Label, LineChart, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, Menu, Message, MessageHr, Modal, MultiSelect, Notification, Options, Padding, Pagination, PieChart, Position$1 as Position, Progress, Radio, ResetStyles, ScrollbarStyles, Slider, Spacer, Spinner, Table, ThemeProp, ToastStyles, Toggle, Tooltip, Action as TransferAction, Item as TransferItem, TransferList, Next as TransferNext, Width, WidthHeight, copyToClipboard, formatDate, marginProps, paddingProps, positionProps, theme, useConfirm, useElementObserver, useEventListener, useOnClickOutside, useSelect, useSelectAll, useWindowSize, widthHeightProps };
|