@carto/meridian-ds 2.8.0-alpha-empty-state.2 → 2.8.0-alpha-empty-state.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/dist/components/index.cjs +18 -19
- package/dist/components/index.js +18 -19
- package/dist/types/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/types/components/EmptyState/EmptyState.stories.d.ts +33 -4
- package/dist/types/components/EmptyState/EmptyState.stories.d.ts.map +1 -1
- package/dist/types/components/EmptyState/EmptyState.styled.d.ts +4 -2
- package/dist/types/components/EmptyState/EmptyState.styled.d.ts.map +1 -1
- package/dist/types/components/EmptyState/types.d.ts +2 -2
- package/dist/types/components/EmptyState/types.d.ts.map +1 -1
- package/dist/types/custom-icons/__docs__/CustomIcons.stories.d.ts +8 -0
- package/dist/types/custom-icons/__docs__/CustomIcons.stories.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -890,7 +890,7 @@ function _Loader({
|
|
|
890
890
|
secondLabel && /* @__PURE__ */ jsxRuntime.jsx(
|
|
891
891
|
cssUtils.Typography,
|
|
892
892
|
{
|
|
893
|
-
variant: "
|
|
893
|
+
variant: "caption",
|
|
894
894
|
color: "textSecondary",
|
|
895
895
|
...secondLabelProps,
|
|
896
896
|
id: labelText ? void 0 : "loader-label",
|
|
@@ -4668,19 +4668,15 @@ function DateTimePicker({
|
|
|
4668
4668
|
}
|
|
4669
4669
|
const EMPTY_STATE_WIDTH = 576;
|
|
4670
4670
|
const Root = material.styled(material.Stack, {
|
|
4671
|
-
shouldForwardProp: (prop) => prop !== "size" && prop !== "spacing" && prop !== "contentHeight"
|
|
4672
|
-
})(
|
|
4673
|
-
|
|
4674
|
-
|
|
4675
|
-
|
|
4676
|
-
|
|
4677
|
-
|
|
4678
|
-
|
|
4679
|
-
|
|
4680
|
-
minHeight: contentHeight,
|
|
4681
|
-
margin: "0 auto"
|
|
4682
|
-
})
|
|
4683
|
-
);
|
|
4671
|
+
shouldForwardProp: (prop) => prop !== "size" && prop !== "spacing" && prop !== "contentHeight"
|
|
4672
|
+
})(({ size = "medium", spacing, contentHeight, theme }) => ({
|
|
4673
|
+
display: "flex",
|
|
4674
|
+
justifyContent: "center",
|
|
4675
|
+
alignItems: "center",
|
|
4676
|
+
gap: theme.spacing(spacing ?? (size === "small" ? 1 : 2)),
|
|
4677
|
+
height: contentHeight,
|
|
4678
|
+
minHeight: contentHeight
|
|
4679
|
+
}));
|
|
4684
4680
|
const IconWrapper = material.styled(material.Box, {
|
|
4685
4681
|
shouldForwardProp: (prop) => prop !== "size" && prop !== "iconSize" && prop !== "iconColor"
|
|
4686
4682
|
})(({ size, iconSize, iconColor, theme }) => {
|
|
@@ -4696,12 +4692,16 @@ const IconWrapper = material.styled(material.Box, {
|
|
|
4696
4692
|
}
|
|
4697
4693
|
};
|
|
4698
4694
|
});
|
|
4699
|
-
const TextContent = material.styled(material.Stack
|
|
4695
|
+
const TextContent = material.styled(material.Stack, {
|
|
4696
|
+
shouldForwardProp: (prop) => prop !== "contentWidth"
|
|
4697
|
+
})(({ contentWidth, theme }) => ({
|
|
4700
4698
|
display: "flex",
|
|
4701
4699
|
flexDirection: "column",
|
|
4702
4700
|
alignItems: "center",
|
|
4703
4701
|
gap: theme.spacing(0.5),
|
|
4704
|
-
textAlign: "center"
|
|
4702
|
+
textAlign: "center",
|
|
4703
|
+
maxWidth: contentWidth ?? EMPTY_STATE_WIDTH,
|
|
4704
|
+
margin: "0 auto"
|
|
4705
4705
|
}));
|
|
4706
4706
|
const Actions = material.styled(material.Stack, {
|
|
4707
4707
|
shouldForwardProp: (prop) => prop !== "size" && prop !== "spacing"
|
|
@@ -4733,7 +4733,7 @@ function _EmptyState({
|
|
|
4733
4733
|
const hasAnyTextContent = title || description;
|
|
4734
4734
|
const isSmall = size === "small";
|
|
4735
4735
|
const iconSize = (iconProps == null ? void 0 : iconProps.size) ?? (isSmall ? 40 : 48);
|
|
4736
|
-
const iconColor = iconProps
|
|
4736
|
+
const iconColor = (iconProps == null ? void 0 : iconProps.color) === null ? null : (iconProps == null ? void 0 : iconProps.color) ?? "text.disabled";
|
|
4737
4737
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4738
4738
|
Root,
|
|
4739
4739
|
{
|
|
@@ -4742,7 +4742,6 @@ function _EmptyState({
|
|
|
4742
4742
|
size,
|
|
4743
4743
|
spacing,
|
|
4744
4744
|
contentHeight,
|
|
4745
|
-
contentWidth,
|
|
4746
4745
|
sx,
|
|
4747
4746
|
...otherProps,
|
|
4748
4747
|
"data-name": "empty-state",
|
|
@@ -4754,7 +4753,7 @@ function _EmptyState({
|
|
|
4754
4753
|
"data-icon-color": iconColor ?? "null",
|
|
4755
4754
|
children: [
|
|
4756
4755
|
icon && /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { size, iconSize, iconColor, children: icon }),
|
|
4757
|
-
hasAnyTextContent && /* @__PURE__ */ jsxRuntime.jsxs(TextContent, { children: [
|
|
4756
|
+
hasAnyTextContent && /* @__PURE__ */ jsxRuntime.jsxs(TextContent, { contentWidth, children: [
|
|
4758
4757
|
title && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4759
4758
|
cssUtils.Typography,
|
|
4760
4759
|
{
|
package/dist/components/index.js
CHANGED
|
@@ -890,7 +890,7 @@ function _Loader({
|
|
|
890
890
|
secondLabel && /* @__PURE__ */ jsx(
|
|
891
891
|
Typography,
|
|
892
892
|
{
|
|
893
|
-
variant: "
|
|
893
|
+
variant: "caption",
|
|
894
894
|
color: "textSecondary",
|
|
895
895
|
...secondLabelProps,
|
|
896
896
|
id: labelText ? void 0 : "loader-label",
|
|
@@ -4668,19 +4668,15 @@ function DateTimePicker({
|
|
|
4668
4668
|
}
|
|
4669
4669
|
const EMPTY_STATE_WIDTH = 576;
|
|
4670
4670
|
const Root = styled(Stack, {
|
|
4671
|
-
shouldForwardProp: (prop) => prop !== "size" && prop !== "spacing" && prop !== "contentHeight"
|
|
4672
|
-
})(
|
|
4673
|
-
|
|
4674
|
-
|
|
4675
|
-
|
|
4676
|
-
|
|
4677
|
-
|
|
4678
|
-
|
|
4679
|
-
|
|
4680
|
-
minHeight: contentHeight,
|
|
4681
|
-
margin: "0 auto"
|
|
4682
|
-
})
|
|
4683
|
-
);
|
|
4671
|
+
shouldForwardProp: (prop) => prop !== "size" && prop !== "spacing" && prop !== "contentHeight"
|
|
4672
|
+
})(({ size = "medium", spacing, contentHeight, theme }) => ({
|
|
4673
|
+
display: "flex",
|
|
4674
|
+
justifyContent: "center",
|
|
4675
|
+
alignItems: "center",
|
|
4676
|
+
gap: theme.spacing(spacing ?? (size === "small" ? 1 : 2)),
|
|
4677
|
+
height: contentHeight,
|
|
4678
|
+
minHeight: contentHeight
|
|
4679
|
+
}));
|
|
4684
4680
|
const IconWrapper = styled(Box, {
|
|
4685
4681
|
shouldForwardProp: (prop) => prop !== "size" && prop !== "iconSize" && prop !== "iconColor"
|
|
4686
4682
|
})(({ size, iconSize, iconColor, theme }) => {
|
|
@@ -4696,12 +4692,16 @@ const IconWrapper = styled(Box, {
|
|
|
4696
4692
|
}
|
|
4697
4693
|
};
|
|
4698
4694
|
});
|
|
4699
|
-
const TextContent = styled(Stack
|
|
4695
|
+
const TextContent = styled(Stack, {
|
|
4696
|
+
shouldForwardProp: (prop) => prop !== "contentWidth"
|
|
4697
|
+
})(({ contentWidth, theme }) => ({
|
|
4700
4698
|
display: "flex",
|
|
4701
4699
|
flexDirection: "column",
|
|
4702
4700
|
alignItems: "center",
|
|
4703
4701
|
gap: theme.spacing(0.5),
|
|
4704
|
-
textAlign: "center"
|
|
4702
|
+
textAlign: "center",
|
|
4703
|
+
maxWidth: contentWidth ?? EMPTY_STATE_WIDTH,
|
|
4704
|
+
margin: "0 auto"
|
|
4705
4705
|
}));
|
|
4706
4706
|
const Actions = styled(Stack, {
|
|
4707
4707
|
shouldForwardProp: (prop) => prop !== "size" && prop !== "spacing"
|
|
@@ -4733,7 +4733,7 @@ function _EmptyState({
|
|
|
4733
4733
|
const hasAnyTextContent = title || description;
|
|
4734
4734
|
const isSmall = size === "small";
|
|
4735
4735
|
const iconSize = (iconProps == null ? void 0 : iconProps.size) ?? (isSmall ? 40 : 48);
|
|
4736
|
-
const iconColor = iconProps
|
|
4736
|
+
const iconColor = (iconProps == null ? void 0 : iconProps.color) === null ? null : (iconProps == null ? void 0 : iconProps.color) ?? "text.disabled";
|
|
4737
4737
|
return /* @__PURE__ */ jsxs(
|
|
4738
4738
|
Root,
|
|
4739
4739
|
{
|
|
@@ -4742,7 +4742,6 @@ function _EmptyState({
|
|
|
4742
4742
|
size,
|
|
4743
4743
|
spacing,
|
|
4744
4744
|
contentHeight,
|
|
4745
|
-
contentWidth,
|
|
4746
4745
|
sx,
|
|
4747
4746
|
...otherProps,
|
|
4748
4747
|
"data-name": "empty-state",
|
|
@@ -4754,7 +4753,7 @@ function _EmptyState({
|
|
|
4754
4753
|
"data-icon-color": iconColor ?? "null",
|
|
4755
4754
|
children: [
|
|
4756
4755
|
icon && /* @__PURE__ */ jsx(IconWrapper, { size, iconSize, iconColor, children: icon }),
|
|
4757
|
-
hasAnyTextContent && /* @__PURE__ */ jsxs(TextContent, { children: [
|
|
4756
|
+
hasAnyTextContent && /* @__PURE__ */ jsxs(TextContent, { contentWidth, children: [
|
|
4758
4757
|
title && /* @__PURE__ */ jsx(
|
|
4759
4758
|
Typography,
|
|
4760
4759
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAgGzC,QAAA,MAAM,UAAU,4GAA2D,CAAA;AAC3E,eAAe,UAAU,CAAA"}
|
|
@@ -108,7 +108,6 @@ declare const options: {
|
|
|
108
108
|
};
|
|
109
109
|
};
|
|
110
110
|
args: {
|
|
111
|
-
icon: import("react/jsx-runtime").JSX.Element;
|
|
112
111
|
title: string;
|
|
113
112
|
description: string;
|
|
114
113
|
};
|
|
@@ -125,26 +124,55 @@ declare const options: {
|
|
|
125
124
|
export default options;
|
|
126
125
|
export declare const Playground: {
|
|
127
126
|
render: ({ iconSize, iconColor, iconProps, ...args }: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
127
|
+
args: {
|
|
128
|
+
title: string;
|
|
129
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
130
|
+
};
|
|
128
131
|
parameters: {
|
|
129
132
|
chromatic: {
|
|
130
133
|
disableSnapshot: boolean;
|
|
131
134
|
};
|
|
132
135
|
};
|
|
133
136
|
};
|
|
134
|
-
export declare const
|
|
137
|
+
export declare const Size: {
|
|
135
138
|
render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
139
|
+
args: {
|
|
140
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
141
|
+
};
|
|
136
142
|
};
|
|
137
|
-
export declare const
|
|
143
|
+
export declare const Icon: {
|
|
138
144
|
render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
145
|
+
args: {
|
|
146
|
+
size: string;
|
|
147
|
+
title: string;
|
|
148
|
+
};
|
|
139
149
|
};
|
|
140
|
-
export declare const
|
|
150
|
+
export declare const TitleAndDescription: {
|
|
151
|
+
render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
152
|
+
args: {
|
|
153
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
154
|
+
};
|
|
155
|
+
};
|
|
156
|
+
export declare const Actions: {
|
|
141
157
|
render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
158
|
+
args: {
|
|
159
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
160
|
+
};
|
|
142
161
|
};
|
|
143
162
|
export declare const IconProps: {
|
|
144
163
|
render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
164
|
+
args: {
|
|
165
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
166
|
+
};
|
|
145
167
|
};
|
|
146
168
|
export declare const ContentDimensions: {
|
|
147
169
|
render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
170
|
+
args: {
|
|
171
|
+
title: string;
|
|
172
|
+
description: string;
|
|
173
|
+
actions: import("react/jsx-runtime").JSX.Element;
|
|
174
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
175
|
+
};
|
|
148
176
|
};
|
|
149
177
|
export declare const CustomSXStyles: {
|
|
150
178
|
render: ({ iconSize, iconColor, iconProps, ...args }: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -154,6 +182,7 @@ export declare const CustomSXStyles: {
|
|
|
154
182
|
border: string;
|
|
155
183
|
borderRadius: number;
|
|
156
184
|
};
|
|
185
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
157
186
|
};
|
|
158
187
|
};
|
|
159
188
|
//# sourceMappingURL=EmptyState.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAKzC,KAAK,oBAAoB,GAAG,eAAe,GAAG;IAC5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED,QAAA,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"EmptyState.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAKzC,KAAK,oBAAoB,GAAG,eAAe,GAAG;IAC5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FyB,CAAA;AACtC,eAAe,OAAO,CAAA;AAmXtB,eAAO,MAAM,UAAU;0DA5WpB,oBAAoB;;;;;;;;;;CAqXtB,CAAA;AAED,eAAO,MAAM,IAAI;mBAjUW,oBAAoB;;;;CAsU/C,CAAA;AAED,eAAO,MAAM,IAAI;mBAnXW,oBAAoB;;;;;CAyX/C,CAAA;AAED,eAAO,MAAM,mBAAmB;mBAlMG,oBAAoB;;;;CAuMtD,CAAA;AAED,eAAO,MAAM,OAAO;mBArJW,oBAAoB;;;;CA0JlD,CAAA;AAED,eAAO,MAAM,SAAS;mBA7TW,oBAAoB;;;;CAkUpD,CAAA;AAED,eAAO,MAAM,iBAAiB;mBA5QW,oBAAoB;;;;;;;CAyR5D,CAAA;AAED,eAAO,MAAM,cAAc;0DA1axB,oBAAoB;;;;;;;;;CAobtB,CAAA"}
|
|
@@ -7,7 +7,6 @@ type RootProps = {
|
|
|
7
7
|
size?: EmptyStateProps['size'];
|
|
8
8
|
spacing?: number;
|
|
9
9
|
contentHeight?: number | string;
|
|
10
|
-
contentWidth?: number | string;
|
|
11
10
|
};
|
|
12
11
|
/**
|
|
13
12
|
* Props for the IconWrapper styled component.
|
|
@@ -23,9 +22,12 @@ export declare const Root: import('@emotion/styled').StyledComponent<import('@mu
|
|
|
23
22
|
export declare const IconWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
24
23
|
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
25
24
|
}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & IconWrapperProps, {}, {}>;
|
|
25
|
+
type TextContentProps = {
|
|
26
|
+
contentWidth?: number | string;
|
|
27
|
+
};
|
|
26
28
|
export declare const TextContent: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
27
29
|
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
28
|
-
}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme
|
|
30
|
+
}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & TextContentProps, {}, {}>;
|
|
29
31
|
export declare const Actions: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
30
32
|
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
31
33
|
}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.styled.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,iBAAiB,MAAM,CAAA;AAEpC;;GAEG;AACH,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"EmptyState.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.styled.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,iBAAiB,MAAM,CAAA;AAEpC;;GAEG;AACH,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAChC,CAAA;AAED;;GAEG;AACH,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,IAAI;;iNAUd,CAAA;AAEH,eAAO,MAAM,WAAW;;kLAwBtB,CAAA;AAEF,KAAK,gBAAgB,GAAG;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,WAAW;;wNAUrB,CAAA;AAEH,eAAO,MAAM,OAAO;;;WAGX,eAAe,CAAC,MAAM,CAAC;cACpB,MAAM;UAUf,CAAA"}
|
|
@@ -6,9 +6,9 @@ import { TypographyProps } from '../Typography';
|
|
|
6
6
|
*/
|
|
7
7
|
export type EmptyStateProps = {
|
|
8
8
|
/**
|
|
9
|
-
* The icon to display in the empty state.
|
|
9
|
+
* The icon to display in the empty state.
|
|
10
10
|
* */
|
|
11
|
-
icon
|
|
11
|
+
icon?: ReactElement;
|
|
12
12
|
/**
|
|
13
13
|
* The title to display in the empty state.
|
|
14
14
|
* */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;SAEK;IACL,IAAI,EAAE,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;SAEK;IACL,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB;;SAEK;IACL,KAAK,CAAC,EAAE,YAAY,GAAG,MAAM,CAAA;IAC7B;;SAEK;IACL,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B;;SAEK;IACL,WAAW,CAAC,EAAE,YAAY,GAAG,MAAM,CAAA;IACnC;;SAEK;IACL,gBAAgB,CAAC,EAAE,eAAe,CAAA;IAClC;;SAEK;IACL,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;SAEK;IACL,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;SAGK;IACL,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB;;;SAGK;IACL,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B;;SAEK;IACL,SAAS,CAAC,EAAE;QACV;;;aAGK;QACL,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACtB;;;;;aAKK;QACL,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KACtB,CAAA;IACD;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;CACpB,CAAA"}
|
|
@@ -43,6 +43,14 @@ declare const options: {
|
|
|
43
43
|
};
|
|
44
44
|
};
|
|
45
45
|
export default options;
|
|
46
|
+
export declare const SearchIcons: {
|
|
47
|
+
render: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
parameters: {
|
|
49
|
+
chromatic: {
|
|
50
|
+
disableSnapshot: boolean;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
};
|
|
46
54
|
export declare const AllIcons: {
|
|
47
55
|
render: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
48
56
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomIcons.stories.d.ts","sourceRoot":"","sources":["../../../../src/custom-icons/__docs__/CustomIcons.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CustomIcons.stories.d.ts","sourceRoot":"","sources":["../../../../src/custom-icons/__docs__/CustomIcons.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,YAAY,EAAiB,MAAM,eAAe,CAAA;AAKjE,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgD4B,CAAA;AACzC,eAAe,OAAO,CAAA;AAiLtB,eAAO,MAAM,WAAW;oBA7KW,YAAY;;;;;;CAkL9C,CAAA;AAED,eAAO,MAAM,QAAQ;oBAlHY,YAAY;CAoH5C,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;CAKlB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;CAKjB,CAAA"}
|