@livechat/design-system-react-components 2.16.0 → 2.18.0
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/dist/components/EmptyState/EmptyState.d.ts +3 -0
- package/dist/components/EmptyState/index.d.ts +2 -0
- package/dist/components/EmptyState/types.d.ts +53 -0
- package/dist/components/FormField/FormField.d.ts +4 -0
- package/dist/components/Stepper/Stepper.d.ts +3 -0
- package/dist/components/Stepper/index.d.ts +2 -0
- package/dist/components/Stepper/types.d.ts +19 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2019 -1894
- package/dist/style.css +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
export type IEmptyStateProps = ({
|
|
4
|
+
/**
|
|
5
|
+
* Specify the empty state type
|
|
6
|
+
*/
|
|
7
|
+
type?: 'full';
|
|
8
|
+
/**
|
|
9
|
+
* The empty state description text or element
|
|
10
|
+
*/
|
|
11
|
+
description?: string | ReactNode;
|
|
12
|
+
} | {
|
|
13
|
+
/**
|
|
14
|
+
* Specify the empty state type
|
|
15
|
+
*/
|
|
16
|
+
type: 'inline';
|
|
17
|
+
/**
|
|
18
|
+
* Description is not available in inline type
|
|
19
|
+
*/
|
|
20
|
+
description?: never;
|
|
21
|
+
/**
|
|
22
|
+
* Image is not available in inline type
|
|
23
|
+
*/
|
|
24
|
+
image?: never;
|
|
25
|
+
}) & {
|
|
26
|
+
/**
|
|
27
|
+
* The empty state title
|
|
28
|
+
*/
|
|
29
|
+
title: string;
|
|
30
|
+
/**
|
|
31
|
+
* Optional actions to be displayed
|
|
32
|
+
*/
|
|
33
|
+
actions?: ReactNode;
|
|
34
|
+
/**
|
|
35
|
+
* Set to center the content
|
|
36
|
+
*/
|
|
37
|
+
centered?: boolean;
|
|
38
|
+
} & ({
|
|
39
|
+
/**
|
|
40
|
+
* The URL of the empty state image
|
|
41
|
+
*/
|
|
42
|
+
image?: string;
|
|
43
|
+
icon?: never;
|
|
44
|
+
} | {
|
|
45
|
+
image?: never;
|
|
46
|
+
/**
|
|
47
|
+
* The icon element to be displayed
|
|
48
|
+
*/
|
|
49
|
+
icon?: ReactNode;
|
|
50
|
+
} | {
|
|
51
|
+
image?: never;
|
|
52
|
+
icon?: never;
|
|
53
|
+
});
|
|
@@ -12,6 +12,10 @@ export interface FormFieldProps {
|
|
|
12
12
|
* Define to associate the label with the field
|
|
13
13
|
*/
|
|
14
14
|
labelFor?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Makes the label text bold. Note: This prop should only be used together with PromoInput.
|
|
17
|
+
*/
|
|
18
|
+
boldLabel?: boolean;
|
|
15
19
|
/**
|
|
16
20
|
* The CSS class for field container
|
|
17
21
|
*/
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/**
|
|
4
|
+
* Current active step (1-based)
|
|
5
|
+
*/
|
|
6
|
+
activeStep: number;
|
|
7
|
+
/**
|
|
8
|
+
* Total number of steps
|
|
9
|
+
*/
|
|
10
|
+
steps: number;
|
|
11
|
+
/**
|
|
12
|
+
* Custom class name
|
|
13
|
+
*/
|
|
14
|
+
className?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Optional test id for testing
|
|
17
|
+
*/
|
|
18
|
+
'data-testid'?: string;
|
|
19
|
+
}
|