@uxf/ui 1.0.0-beta.98 → 1.0.0-beta.99
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/css/flash-messages.css
CHANGED
|
@@ -17,4 +17,12 @@
|
|
|
17
17
|
&--error {
|
|
18
18
|
@apply bg-error-500 is-hoverable:bg-error-700 text-white;
|
|
19
19
|
}
|
|
20
|
+
|
|
21
|
+
&--warning {
|
|
22
|
+
@apply bg-warning-500 is-hoverable:bg-warning-700 text-white;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&--info {
|
|
26
|
+
@apply bg-gray-500 is-hoverable:bg-gray-700 text-white;
|
|
27
|
+
}
|
|
20
28
|
}
|
|
@@ -14,18 +14,32 @@ exports.default = {
|
|
|
14
14
|
component: flash_messages_1.FlashMessages,
|
|
15
15
|
};
|
|
16
16
|
function Default() {
|
|
17
|
-
return (react_1.default.createElement("div", { className: "light flex space-
|
|
17
|
+
return (react_1.default.createElement("div", { className: "light inline-flex flex-col space-y-4" },
|
|
18
18
|
react_1.default.createElement(button_1.Button, { onClick: () => (0, flash_messages_service_1.flashMessage)({
|
|
19
19
|
message: (react_1.default.createElement("div", { className: "flex items-center space-x-4" },
|
|
20
20
|
react_1.default.createElement(icon_1.Icon, { name: "check", size: 24 }),
|
|
21
21
|
react_1.default.createElement("span", null, "Everything is alright."))),
|
|
22
|
-
}) }, "Click to fire Flash message"),
|
|
22
|
+
}) }, "Click to fire Flash message, variant success"),
|
|
23
23
|
react_1.default.createElement(button_1.Button, { onClick: () => (0, flash_messages_service_1.flashMessage)({
|
|
24
24
|
message: (react_1.default.createElement("div", { className: "flex items-center space-x-4" },
|
|
25
25
|
react_1.default.createElement(icon_1.Icon, { name: "xmarkLarge", size: 24 }),
|
|
26
26
|
react_1.default.createElement("span", null, "Seems like an error occurred :)"))),
|
|
27
27
|
autoDismiss: false,
|
|
28
28
|
variant: "error",
|
|
29
|
-
}) }, "AutoDismiss: false Flash message, variant error")
|
|
29
|
+
}) }, "AutoDismiss: false Flash message, variant error"),
|
|
30
|
+
react_1.default.createElement(button_1.Button, { onClick: () => (0, flash_messages_service_1.flashMessage)({
|
|
31
|
+
message: (react_1.default.createElement("div", { className: "flex items-center space-x-4" },
|
|
32
|
+
react_1.default.createElement(icon_1.Icon, { name: "clock", size: 24 }),
|
|
33
|
+
react_1.default.createElement("span", null, "You should better watch out :)"))),
|
|
34
|
+
autoDismiss: false,
|
|
35
|
+
variant: "warning",
|
|
36
|
+
}) }, "Flash message, variant warning"),
|
|
37
|
+
react_1.default.createElement(button_1.Button, { onClick: () => (0, flash_messages_service_1.flashMessage)({
|
|
38
|
+
message: (react_1.default.createElement("div", { className: "flex items-center space-x-4" },
|
|
39
|
+
react_1.default.createElement(icon_1.Icon, { name: "check", size: 24 }),
|
|
40
|
+
react_1.default.createElement("span", null, "Just letting you know"))),
|
|
41
|
+
autoDismiss: false,
|
|
42
|
+
variant: "info",
|
|
43
|
+
}) }, "Flash message, variant info")));
|
|
30
44
|
}
|
|
31
45
|
exports.Default = Default;
|