@aivenio/aquarium 2.5.3 → 2.6.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/atoms.cjs +7 -2
- package/dist/atoms.mjs +7 -2
- package/dist/src/molecules/EmptyState/EmptyState.d.ts +1 -1
- package/dist/src/molecules/EmptyState/EmptyState.js +5 -3
- package/dist/styles.css +12 -0
- package/dist/system.cjs +13 -6
- package/dist/system.mjs +13 -6
- package/dist/tailwind.config.js +11 -0
- package/dist/tailwind.theme.json +7 -2
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
package/dist/atoms.cjs
CHANGED
|
@@ -5156,7 +5156,11 @@ var tailwind_theme_default = {
|
|
|
5156
5156
|
animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
|
|
5157
5157
|
}
|
|
5158
5158
|
},
|
|
5159
|
-
"positioner-fade-in": { from: { opacity: "0" }, to: { opacity: "1" } }
|
|
5159
|
+
"positioner-fade-in": { from: { opacity: "0" }, to: { opacity: "1" } },
|
|
5160
|
+
draw: {
|
|
5161
|
+
from: { "stroke-dasharray": "1000", "stroke-dashoffset": "1000" },
|
|
5162
|
+
to: { "stroke-dashoffset": "0" }
|
|
5163
|
+
}
|
|
5160
5164
|
},
|
|
5161
5165
|
animation: {
|
|
5162
5166
|
none: "none",
|
|
@@ -5164,7 +5168,8 @@ var tailwind_theme_default = {
|
|
|
5164
5168
|
ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
|
|
5165
5169
|
pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
|
|
5166
5170
|
bounce: "bounce 1s infinite",
|
|
5167
|
-
"positioner-fade-in": "positioner-fade-in 300ms ease-in-out"
|
|
5171
|
+
"positioner-fade-in": "positioner-fade-in 300ms ease-in-out",
|
|
5172
|
+
draw: "draw 2s cubic-bezier(0.47, 0, 0.745, 0.715) forwards"
|
|
5168
5173
|
}
|
|
5169
5174
|
};
|
|
5170
5175
|
|
package/dist/atoms.mjs
CHANGED
|
@@ -5105,7 +5105,11 @@ var tailwind_theme_default = {
|
|
|
5105
5105
|
animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
|
|
5106
5106
|
}
|
|
5107
5107
|
},
|
|
5108
|
-
"positioner-fade-in": { from: { opacity: "0" }, to: { opacity: "1" } }
|
|
5108
|
+
"positioner-fade-in": { from: { opacity: "0" }, to: { opacity: "1" } },
|
|
5109
|
+
draw: {
|
|
5110
|
+
from: { "stroke-dasharray": "1000", "stroke-dashoffset": "1000" },
|
|
5111
|
+
to: { "stroke-dashoffset": "0" }
|
|
5112
|
+
}
|
|
5109
5113
|
},
|
|
5110
5114
|
animation: {
|
|
5111
5115
|
none: "none",
|
|
@@ -5113,7 +5117,8 @@ var tailwind_theme_default = {
|
|
|
5113
5117
|
ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
|
|
5114
5118
|
pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
|
|
5115
5119
|
bounce: "bounce 1s infinite",
|
|
5116
|
-
"positioner-fade-in": "positioner-fade-in 300ms ease-in-out"
|
|
5120
|
+
"positioner-fade-in": "positioner-fade-in 300ms ease-in-out",
|
|
5121
|
+
draw: "draw 2s cubic-bezier(0.47, 0, 0.745, 0.715) forwards"
|
|
5117
5122
|
}
|
|
5118
5123
|
};
|
|
5119
5124
|
|
|
@@ -49,7 +49,7 @@ export type EmptyStateProps = LayoutProps & {
|
|
|
49
49
|
/**
|
|
50
50
|
* Provide a non-interactive image that relates to the situation.
|
|
51
51
|
*/
|
|
52
|
-
image?: string;
|
|
52
|
+
image?: React.FC | string;
|
|
53
53
|
/**
|
|
54
54
|
* Pass useful alternative text when it is an informative image.
|
|
55
55
|
* If an image is just a decorative one, do not pass any value for imageAlt prop.
|
|
@@ -62,7 +62,7 @@ const isVerticalLayout = (layout) => layout === EmptyStateLayout.Vertical || lay
|
|
|
62
62
|
* @param props EmptyStateProps
|
|
63
63
|
* @returns React.ReactElement
|
|
64
64
|
*/
|
|
65
|
-
export const EmptyState = ({ title, image, imageAlt = '', imageWidth, description, children, primaryAction, secondaryAction, footer, layout = EmptyStateLayout.Vertical, borderStyle = 'dashed', fullHeight = isVerticalLayout(layout) ? true : false, }) => {
|
|
65
|
+
export const EmptyState = ({ title, image: Image, imageAlt = '', imageWidth, description, children, primaryAction, secondaryAction, footer, layout = EmptyStateLayout.Vertical, borderStyle = 'dashed', fullHeight = isVerticalLayout(layout) ? true : false, }) => {
|
|
66
66
|
const template = layoutStyle(layout);
|
|
67
67
|
return (React.createElement(Box, { className: classNames('Aquarium-EmptyState', tw('rounded p-[56px]', {
|
|
68
68
|
'border border-dashed': borderStyle === 'dashed',
|
|
@@ -74,7 +74,9 @@ export const EmptyState = ({ title, image, imageAlt = '', imageWidth, descriptio
|
|
|
74
74
|
React.createElement(Box.Flex, { style: { gap: '56px' }, flexDirection: template.layout, justifyContent: template.justifyContent,
|
|
75
75
|
// in case of horizontal layouts, the content inside the 2nd col should align center with image.
|
|
76
76
|
alignItems: template.layout === 'row' ? 'center' : template.alignItems, height: fullHeight ? 'full' : undefined },
|
|
77
|
-
|
|
77
|
+
Image &&
|
|
78
|
+
(typeof Image === 'string' ? (React.createElement("img", { src: Image, alt: imageAlt, style: { width: imageWidth ? `${imageWidth}px` : undefined, height: 'auto' } })) : (React.createElement("div", { className: tw('animate-draw') },
|
|
79
|
+
React.createElement(Image, null)))),
|
|
78
80
|
React.createElement(Box.Flex, { flexDirection: "column", justifyContent: template.justifyContent, alignItems: template.alignItems },
|
|
79
81
|
React.createElement(Typography.Heading, { htmlTag: "h2" }, title),
|
|
80
82
|
(description || children) && (React.createElement(Box, { marginTop: "5" },
|
|
@@ -85,4 +87,4 @@ export const EmptyState = ({ title, image, imageAlt = '', imageWidth, descriptio
|
|
|
85
87
|
footer && (React.createElement(Box, { marginTop: "5" },
|
|
86
88
|
React.createElement(Typography.Small, { color: "default" }, footer)))))));
|
|
87
89
|
};
|
|
88
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRW1wdHlTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUlwRCxNQUFNLENBQU4sSUFBWSxnQkFtQlg7QUFuQkQsV0FBWSxnQkFBZ0I7SUFDMUIseUNBQXFCLENBQUE7SUFDckIsNkNBQXlCLENBQUE7SUFDekI7O09BRUc7SUFDSCxzREFBa0MsQ0FBQTtJQUNsQzs7T0FFRztJQUNILGtEQUE4QixDQUFBO0lBQzlCOztPQUVHO0lBQ0gsMERBQXNDLENBQUE7SUFDdEM7O09BRUc7SUFDSCxzREFBa0MsQ0FBQTtBQUNwQyxDQUFDLEVBbkJXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFtQjNCO0FBd0ZELE1BQU0sV0FBVyxHQUFHLENBQUMsTUFBd0IsRUFBb0IsRUFBRTtJQUNqRSxRQUFRLE1BQU0sRUFBRSxDQUFDO1FBQ2YsS0FBSyxnQkFBZ0IsQ0FBQyxZQUFZO1lBQ2hDLE9BQU87Z0JBQ0wsTUFBTSxFQUFFLFFBQVE7Z0JBQ2hCLGNBQWMsRUFBRSxZQUFZO2dCQUM1QixVQUFVLEVBQUUsWUFBWTthQUN6QixDQUFDO1FBQ0osS0FBSyxnQkFBZ0IsQ0FBQyxjQUFjLENBQUM7UUFDckMsS0FBSyxnQkFBZ0IsQ0FBQyxVQUFVO1lBQzlCLE9BQU87Z0JBQ0wsTUFBTSxFQUFFLEtBQUs7Z0JBQ2IsY0FBYyxFQUFFLFlBQVk7Z0JBQzVCLFVBQVUsRUFBRSxZQUFZO2FBQ3pCLENBQUM7UUFDSixLQUFLLGdCQUFnQixDQUFDLGdCQUFnQjtZQUNwQyxPQUFPO2dCQUNMLE1BQU0sRUFBRSxLQUFLO2dCQUNiLGNBQWMsRUFBRSxRQUFRO2dCQUN4QixVQUFVLEVBQUUsWUFBWTthQUN6QixDQUFDO1FBQ0osS0FBSyxnQkFBZ0IsQ0FBQyxjQUFjLENBQUM7UUFDckMsS0FBSyxnQkFBZ0IsQ0FBQyxRQUFRLENBQUM7UUFDL0I7WUFDRSxPQUFPO2dCQUNMLE1BQU0sRUFBRSxRQUFRO2dCQUNoQixjQUFjLEVBQUUsUUFBUTtnQkFDeEIsVUFBVSxFQUFFLFFBQVE7YUFDckIsQ0FBQztJQUNOLENBQUM7QUFDSCxDQUFDLENBQUM7QUFFRixNQUFNLGdCQUFnQixHQUFHLENBQUMsTUFBd0IsRUFBVyxFQUFFLENBQzdELE1BQU0sS0FBSyxnQkFBZ0IsQ0FBQyxRQUFRLElBQUksTUFBTSxLQUFLLGdCQUFnQixDQUFDLGNBQWMsQ0FBQztBQUVyRjs7Ozs7R0FLRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBdUQsQ0FBQyxFQUM3RSxLQUFLLEVBQ0wsS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEdBQUcsRUFBRSxFQUNiLFVBQVUsRUFDVixXQUFXLEVBQ1gsUUFBUSxFQUNSLGFBQWEsRUFDYixlQUFlLEVBQ2YsTUFBTSxFQUNOLE1BQU0sR0FBRyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQ2xDLFdBQVcsR0FBRyxRQUFRLEVBQ3RCLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQ3JELEVBQUUsRUFBRTtJQUNILE1BQU0sUUFBUSxHQUFHLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUVyQyxPQUFPLENBQ0wsb0JBQUMsR0FBRyxJQUNGLFNBQVMsRUFBRSxVQUFVLENBQ25CLHFCQUFxQixFQUNyQixFQUFFLENBQUMsa0JBQWtCLEVBQUU7WUFDckIsc0JBQXNCLEVBQUUsV0FBVyxLQUFLLFFBQVE7WUFDaEQscUJBQXFCLEVBQUUsV0FBVyxLQUFLLE9BQU87WUFDOUMsV0FBVyxFQUFFLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDO1lBQ3RDLGFBQWEsRUFBRSxnQkFBZ0IsQ0FBQyxNQUFNLENBQUM7WUFDdkMsUUFBUSxFQUFFLFVBQVU7U0FDckIsQ0FBQyxDQUNILEVBQ0QsZUFBZSxFQUFDLGFBQWEsRUFDN0IsV0FBVyxFQUFDLFNBQVM7UUFFckIsb0JBQUMsR0FBRyxDQUFDLElBQUksSUFDUCxLQUFLLEVBQUUsRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLEVBQ3RCLGFBQWEsRUFBRSxRQUFRLENBQUMsTUFBTSxFQUM5QixjQUFjLEVBQUUsUUFBUSxDQUFDLGNBQWM7WUFDdkMsZ0dBQWdHO1lBQ2hHLFVBQVUsRUFBRSxRQUFRLENBQUMsTUFBTSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsVUFBVSxFQUN0RSxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7WUFFdEMsS0FBSztnQkFDSixDQUFDLE9BQU8sS0FBSyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDM0IsNkJBQ0UsR0FBRyxFQUFFLEtBQUssRUFDVixHQUFHLEVBQUUsUUFBUSxFQUNiLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsVUFBVSxJQUFJLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQzVFLENBQ0gsQ0FBQyxDQUFDLENBQUMsQ0FDRiw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLGNBQWMsQ0FBQztvQkFDaEMsb0JBQUMsS0FBSyxPQUFHLENBQ0wsQ0FDUCxDQUFDO1lBQ0osb0JBQUMsR0FBRyxDQUFDLElBQUksSUFBQyxhQUFhLEVBQUMsUUFBUSxFQUFDLGNBQWMsRUFBRSxRQUFRLENBQUMsY0FBYyxFQUFFLFVBQVUsRUFBRSxRQUFRLENBQUMsVUFBVTtnQkFDdkcsb0JBQUMsVUFBVSxDQUFDLE9BQU8sSUFBQyxPQUFPLEVBQUMsSUFBSSxJQUFFLEtBQUssQ0FBc0I7Z0JBQzVELENBQUMsV0FBVyxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQzVCLG9CQUFDLEdBQUcsSUFBQyxTQUFTLEVBQUMsR0FBRztvQkFDaEIsb0JBQUMsVUFBVSxDQUFDLE9BQU8sUUFBRSxRQUFRLElBQUksV0FBVyxDQUFzQixDQUM5RCxDQUNQO2dCQUNBLENBQUMsZUFBZSxhQUFmLGVBQWUsY0FBZixlQUFlLEdBQUksYUFBYSxDQUFDLElBQUksQ0FDckMsb0JBQUMsR0FBRyxDQUFDLElBQUksSUFBQyxTQUFTLEVBQUMsR0FBRyxFQUFDLEdBQUcsRUFBQyxHQUFHLEVBQUMsY0FBYyxFQUFDLFFBQVEsRUFBQyxVQUFVLEVBQUMsUUFBUSxFQUFDLFFBQVEsRUFBQyxNQUFNO29CQUN4RixhQUFhLElBQUksWUFBWSxDQUFDLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsYUFBYSxFQUFFLENBQUM7b0JBQ3pFLGVBQWUsSUFBSSxZQUFZLENBQUMsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxlQUFlLEVBQUUsQ0FBQyxDQUN2RSxDQUNaO2dCQUNBLE1BQU0sSUFBSSxDQUNULG9CQUFDLEdBQUcsSUFBQyxTQUFTLEVBQUMsR0FBRztvQkFDaEIsb0JBQUMsVUFBVSxDQUFDLEtBQUssSUFBQyxLQUFLLEVBQUMsU0FBUyxJQUFFLE1BQU0sQ0FBb0IsQ0FDekQsQ0FDUCxDQUNRLENBQ0YsQ0FDUCxDQUNQLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
package/dist/styles.css
CHANGED
|
@@ -1509,6 +1509,18 @@ input[type='number'].no-arrows {
|
|
|
1509
1509
|
.transform{
|
|
1510
1510
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1511
1511
|
}
|
|
1512
|
+
@keyframes draw{
|
|
1513
|
+
from{
|
|
1514
|
+
stroke-dasharray: 1000;
|
|
1515
|
+
stroke-dashoffset: 1000;
|
|
1516
|
+
}
|
|
1517
|
+
to{
|
|
1518
|
+
stroke-dashoffset: 0;
|
|
1519
|
+
}
|
|
1520
|
+
}
|
|
1521
|
+
.animate-draw{
|
|
1522
|
+
animation: draw 2s cubic-bezier(0.47, 0, 0.745, 0.715) forwards;
|
|
1523
|
+
}
|
|
1512
1524
|
@keyframes pulse{
|
|
1513
1525
|
50%{
|
|
1514
1526
|
opacity: .5;
|
package/dist/system.cjs
CHANGED
|
@@ -5976,7 +5976,11 @@ var tailwind_theme_default = {
|
|
|
5976
5976
|
animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
|
|
5977
5977
|
}
|
|
5978
5978
|
},
|
|
5979
|
-
"positioner-fade-in": { from: { opacity: "0" }, to: { opacity: "1" } }
|
|
5979
|
+
"positioner-fade-in": { from: { opacity: "0" }, to: { opacity: "1" } },
|
|
5980
|
+
draw: {
|
|
5981
|
+
from: { "stroke-dasharray": "1000", "stroke-dashoffset": "1000" },
|
|
5982
|
+
to: { "stroke-dashoffset": "0" }
|
|
5983
|
+
}
|
|
5980
5984
|
},
|
|
5981
5985
|
animation: {
|
|
5982
5986
|
none: "none",
|
|
@@ -5984,7 +5988,8 @@ var tailwind_theme_default = {
|
|
|
5984
5988
|
ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
|
|
5985
5989
|
pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
|
|
5986
5990
|
bounce: "bounce 1s infinite",
|
|
5987
|
-
"positioner-fade-in": "positioner-fade-in 300ms ease-in-out"
|
|
5991
|
+
"positioner-fade-in": "positioner-fade-in 300ms ease-in-out",
|
|
5992
|
+
draw: "draw 2s cubic-bezier(0.47, 0, 0.745, 0.715) forwards"
|
|
5988
5993
|
}
|
|
5989
5994
|
};
|
|
5990
5995
|
|
|
@@ -14655,7 +14660,7 @@ var layoutStyle = (layout) => {
|
|
|
14655
14660
|
var isVerticalLayout = (layout) => layout === "vertical" /* Vertical */ || layout === "center-vertical" /* CenterVertical */;
|
|
14656
14661
|
var EmptyState = ({
|
|
14657
14662
|
title,
|
|
14658
|
-
image,
|
|
14663
|
+
image: Image2,
|
|
14659
14664
|
imageAlt = "",
|
|
14660
14665
|
imageWidth,
|
|
14661
14666
|
description,
|
|
@@ -14687,11 +14692,13 @@ var EmptyState = ({
|
|
|
14687
14692
|
justifyContent: template.justifyContent,
|
|
14688
14693
|
alignItems: template.layout === "row" ? "center" : template.alignItems,
|
|
14689
14694
|
height: fullHeight ? "full" : void 0
|
|
14690
|
-
},
|
|
14691
|
-
src:
|
|
14695
|
+
}, Image2 && (typeof Image2 === "string" ? /* @__PURE__ */ import_react103.default.createElement("img", {
|
|
14696
|
+
src: Image2,
|
|
14692
14697
|
alt: imageAlt,
|
|
14693
14698
|
style: { width: imageWidth ? `${imageWidth}px` : void 0, height: "auto" }
|
|
14694
|
-
})
|
|
14699
|
+
}) : /* @__PURE__ */ import_react103.default.createElement("div", {
|
|
14700
|
+
className: tw("animate-draw")
|
|
14701
|
+
}, /* @__PURE__ */ import_react103.default.createElement(Image2, null))), /* @__PURE__ */ import_react103.default.createElement(Box.Flex, {
|
|
14695
14702
|
flexDirection: "column",
|
|
14696
14703
|
justifyContent: template.justifyContent,
|
|
14697
14704
|
alignItems: template.alignItems
|
package/dist/system.mjs
CHANGED
|
@@ -5813,7 +5813,11 @@ var tailwind_theme_default = {
|
|
|
5813
5813
|
animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
|
|
5814
5814
|
}
|
|
5815
5815
|
},
|
|
5816
|
-
"positioner-fade-in": { from: { opacity: "0" }, to: { opacity: "1" } }
|
|
5816
|
+
"positioner-fade-in": { from: { opacity: "0" }, to: { opacity: "1" } },
|
|
5817
|
+
draw: {
|
|
5818
|
+
from: { "stroke-dasharray": "1000", "stroke-dashoffset": "1000" },
|
|
5819
|
+
to: { "stroke-dashoffset": "0" }
|
|
5820
|
+
}
|
|
5817
5821
|
},
|
|
5818
5822
|
animation: {
|
|
5819
5823
|
none: "none",
|
|
@@ -5821,7 +5825,8 @@ var tailwind_theme_default = {
|
|
|
5821
5825
|
ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
|
|
5822
5826
|
pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
|
|
5823
5827
|
bounce: "bounce 1s infinite",
|
|
5824
|
-
"positioner-fade-in": "positioner-fade-in 300ms ease-in-out"
|
|
5828
|
+
"positioner-fade-in": "positioner-fade-in 300ms ease-in-out",
|
|
5829
|
+
draw: "draw 2s cubic-bezier(0.47, 0, 0.745, 0.715) forwards"
|
|
5825
5830
|
}
|
|
5826
5831
|
};
|
|
5827
5832
|
|
|
@@ -14520,7 +14525,7 @@ var layoutStyle = (layout) => {
|
|
|
14520
14525
|
var isVerticalLayout = (layout) => layout === "vertical" /* Vertical */ || layout === "center-vertical" /* CenterVertical */;
|
|
14521
14526
|
var EmptyState = ({
|
|
14522
14527
|
title,
|
|
14523
|
-
image,
|
|
14528
|
+
image: Image2,
|
|
14524
14529
|
imageAlt = "",
|
|
14525
14530
|
imageWidth,
|
|
14526
14531
|
description,
|
|
@@ -14552,11 +14557,13 @@ var EmptyState = ({
|
|
|
14552
14557
|
justifyContent: template.justifyContent,
|
|
14553
14558
|
alignItems: template.layout === "row" ? "center" : template.alignItems,
|
|
14554
14559
|
height: fullHeight ? "full" : void 0
|
|
14555
|
-
},
|
|
14556
|
-
src:
|
|
14560
|
+
}, Image2 && (typeof Image2 === "string" ? /* @__PURE__ */ React94.createElement("img", {
|
|
14561
|
+
src: Image2,
|
|
14557
14562
|
alt: imageAlt,
|
|
14558
14563
|
style: { width: imageWidth ? `${imageWidth}px` : void 0, height: "auto" }
|
|
14559
|
-
})
|
|
14564
|
+
}) : /* @__PURE__ */ React94.createElement("div", {
|
|
14565
|
+
className: tw("animate-draw")
|
|
14566
|
+
}, /* @__PURE__ */ React94.createElement(Image2, null))), /* @__PURE__ */ React94.createElement(Box.Flex, {
|
|
14560
14567
|
flexDirection: "column",
|
|
14561
14568
|
justifyContent: template.justifyContent,
|
|
14562
14569
|
alignItems: template.alignItems
|
package/dist/tailwind.config.js
CHANGED
|
@@ -63,12 +63,22 @@ module.exports = {
|
|
|
63
63
|
},
|
|
64
64
|
animation: {
|
|
65
65
|
'positioner-fade-in': 'positioner-fade-in 300ms ease-in-out',
|
|
66
|
+
'draw': 'draw 2s cubic-bezier(0.47, 0, 0.745, 0.715) forwards',
|
|
66
67
|
},
|
|
67
68
|
keyframes: {
|
|
68
69
|
'positioner-fade-in': {
|
|
69
70
|
from: { opacity: '0' },
|
|
70
71
|
to: { opacity: '1' },
|
|
71
72
|
},
|
|
73
|
+
'draw': {
|
|
74
|
+
from: {
|
|
75
|
+
'stroke-dasharray': '1000',
|
|
76
|
+
'stroke-dashoffset': '1000',
|
|
77
|
+
},
|
|
78
|
+
to: {
|
|
79
|
+
'stroke-dashoffset': '0',
|
|
80
|
+
},
|
|
81
|
+
},
|
|
72
82
|
},
|
|
73
83
|
},
|
|
74
84
|
},
|
|
@@ -100,6 +110,7 @@ module.exports = {
|
|
|
100
110
|
'line-clamp-4',
|
|
101
111
|
'line-clamp-5',
|
|
102
112
|
'line-clamp-6',
|
|
113
|
+
'animate-draw',
|
|
103
114
|
],
|
|
104
115
|
plugins: [
|
|
105
116
|
require('tailwindcss-children'),
|
package/dist/tailwind.theme.json
CHANGED
|
@@ -903,7 +903,11 @@
|
|
|
903
903
|
"animationTimingFunction": "cubic-bezier(0,0,0.2,1)"
|
|
904
904
|
}
|
|
905
905
|
},
|
|
906
|
-
"positioner-fade-in": {"from": {"opacity": "0"}, "to": {"opacity": "1"}}
|
|
906
|
+
"positioner-fade-in": {"from": {"opacity": "0"}, "to": {"opacity": "1"}},
|
|
907
|
+
"draw": {
|
|
908
|
+
"from": {"stroke-dasharray": "1000", "stroke-dashoffset": "1000"},
|
|
909
|
+
"to": {"stroke-dashoffset": "0"}
|
|
910
|
+
}
|
|
907
911
|
},
|
|
908
912
|
"animation": {
|
|
909
913
|
"none": "none",
|
|
@@ -911,6 +915,7 @@
|
|
|
911
915
|
"ping": "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
|
|
912
916
|
"pulse": "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
|
|
913
917
|
"bounce": "bounce 1s infinite",
|
|
914
|
-
"positioner-fade-in": "positioner-fade-in 300ms ease-in-out"
|
|
918
|
+
"positioner-fade-in": "positioner-fade-in 300ms ease-in-out",
|
|
919
|
+
"draw": "draw 2s cubic-bezier(0.47, 0, 0.745, 0.715) forwards"
|
|
915
920
|
}
|
|
916
921
|
}
|