react-magma-dom 4.12.0-next.6 → 4.12.0-next.8
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 +26 -0
- package/dist/components/EmptyState/index.d.ts +2 -0
- package/dist/components/EmptyState/styles.d.ts +36 -0
- package/dist/esm/index.js +343 -175
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/properties.json +397 -212
- package/dist/react-magma-dom.cjs.development.js +330 -170
- package/dist/react-magma-dom.cjs.development.js.map +1 -1
- package/dist/react-magma-dom.cjs.production.min.js +1 -1
- package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/** Actions rendered below the content area (compose your own Buttons / ButtonGroup) */
|
|
4
|
+
actions?: React.ReactNode;
|
|
5
|
+
/** Custom content rendered between text and actions */
|
|
6
|
+
additionalContent?: React.ReactNode;
|
|
7
|
+
/** Description text displayed below the title (omit to hide) */
|
|
8
|
+
description?: string;
|
|
9
|
+
/** Graphic that replaces the entire circular icon area — renders as-is with no wrapper */
|
|
10
|
+
graphic?: React.ReactNode;
|
|
11
|
+
/** Icon element displayed inside the circular illustration area */
|
|
12
|
+
icon?: React.ReactElement;
|
|
13
|
+
/** Use danger/error color scheme (red) */
|
|
14
|
+
isDanger?: boolean;
|
|
15
|
+
/** Use inverse (dark) color scheme */
|
|
16
|
+
isInverse?: boolean;
|
|
17
|
+
/** Show loading spinner instead of content */
|
|
18
|
+
isLoading?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* @internal
|
|
21
|
+
*/
|
|
22
|
+
testId?: string;
|
|
23
|
+
/** Title text (omit to hide title) */
|
|
24
|
+
title?: string;
|
|
25
|
+
}
|
|
26
|
+
export declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ThemeInterface } from '../../theme/magma';
|
|
3
|
+
export declare function getIconBackground(props: {
|
|
4
|
+
isDanger?: boolean;
|
|
5
|
+
isInverse?: boolean;
|
|
6
|
+
theme: ThemeInterface;
|
|
7
|
+
}): string;
|
|
8
|
+
export declare function getIllustrationIconColor(props: {
|
|
9
|
+
isDanger?: boolean;
|
|
10
|
+
isInverse?: boolean;
|
|
11
|
+
theme: ThemeInterface;
|
|
12
|
+
}): string;
|
|
13
|
+
export declare const StyledEmptyState: import("@emotion/styled").StyledComponent<{
|
|
14
|
+
theme?: import("@emotion/react").Theme;
|
|
15
|
+
as?: import("react").ElementType<any>;
|
|
16
|
+
} & {
|
|
17
|
+
theme: ThemeInterface;
|
|
18
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
19
|
+
export declare const StyledIconContainer: import("@emotion/styled").StyledComponent<{
|
|
20
|
+
theme?: import("@emotion/react").Theme;
|
|
21
|
+
as?: import("react").ElementType<any>;
|
|
22
|
+
} & {
|
|
23
|
+
isDanger?: boolean;
|
|
24
|
+
isInverse?: boolean;
|
|
25
|
+
theme: ThemeInterface;
|
|
26
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
27
|
+
export declare const StyledHeader: import("@emotion/styled").StyledComponent<{
|
|
28
|
+
theme?: import("@emotion/react").Theme;
|
|
29
|
+
as?: import("react").ElementType<any>;
|
|
30
|
+
} & {
|
|
31
|
+
theme: ThemeInterface;
|
|
32
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
33
|
+
export declare const StyledActions: import("@emotion/styled").StyledComponent<{
|
|
34
|
+
theme?: import("@emotion/react").Theme;
|
|
35
|
+
as?: import("react").ElementType<any>;
|
|
36
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|