@luscii-healthtech/web-ui 2.5.2 → 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/web-ui-tailwind.css +2 -2
- package/dist/web-ui.cjs.development.js +2 -2
- package/dist/web-ui.cjs.development.js.map +1 -1
- package/dist/web-ui.cjs.production.min.js +1 -1
- package/dist/web-ui.cjs.production.min.js.map +1 -1
- package/dist/web-ui.esm.js +2 -2
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Toaster/Toaster.scss +6 -2
- package/src/components/Toaster/Toaster.tsx +1 -1
package/dist/web-ui-tailwind.css
CHANGED
|
@@ -691,8 +691,8 @@ video {
|
|
|
691
691
|
|
|
692
692
|
.bg-red-400 {
|
|
693
693
|
--bg-opacity: 1;
|
|
694
|
-
background-color: #
|
|
695
|
-
background-color: rgba(
|
|
694
|
+
background-color: #FF6266;
|
|
695
|
+
background-color: rgba(255, 98, 102, var(--bg-opacity));
|
|
696
696
|
}
|
|
697
697
|
|
|
698
698
|
.bg-orange-50 {
|
|
@@ -177,7 +177,7 @@ var WarningIcon = function WarningIcon(props) {
|
|
|
177
177
|
}));
|
|
178
178
|
};
|
|
179
179
|
|
|
180
|
-
var css_248z$1 = "#application-toaster {\n position: fixed;\n left: 50%;\n transform: translate(-50%,
|
|
180
|
+
var css_248z$1 = "#application-toaster {\n position: fixed;\n left: 50%;\n transform: translate(-50%, 200%);\n bottom: 48px;\n transition: transform 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);\n}\n\n#application-toaster.shelved {\n transform: translate(-50%, 200%);\n}\n\n#application-toaster.expanded {\n transform: translate(-50%, 0);\n}\n\n#application-toaster.type-success {\n --bg-opacity: 1;\n background-color: #E7F5EC;\n background-color: rgba(231, 245, 236, var(--bg-opacity));\n}\n\n#application-toaster.type-success [data-test-id=\"toaster-title\"] {\n --text-opacity: 1;\n color: #2f855a;\n color: rgba(47, 133, 90, var(--text-opacity));\n}\n\n#application-toaster.type-success .failure-icon {\n display: none;\n}\n\n#application-toaster.type-success [data-test-id=\"toaster-progress-bar-container\"] {\n --bg-opacity: 1;\n background-color: #E7F5EC;\n background-color: rgba(231, 245, 236, var(--bg-opacity));\n}\n\n#application-toaster.type-success [data-test-id=\"toaster-progress-bar-container\"] [data-test-id=\"toaster-progress-bar\"] {\n --bg-opacity: 1;\n background-color: #52B093;\n background-color: rgba(82, 176, 147, var(--bg-opacity));\n}\n\n#application-toaster.type-failure {\n --bg-opacity: 1;\n background-color: #FFF1F1;\n background-color: rgba(255, 241, 241, var(--bg-opacity));\n}\n\n#application-toaster.type-failure [data-test-id=\"toaster-title\"] {\n --text-opacity: 1;\n color: #c53030;\n color: rgba(197, 48, 48, var(--text-opacity));\n}\n\n#application-toaster.type-failure .success-icon {\n display: none;\n}\n\n#application-toaster.type-failure [data-test-id=\"toaster-progress-bar-container\"] {\n --bg-opacity: 1;\n background-color: #FFF1F1;\n background-color: rgba(255, 241, 241, var(--bg-opacity));\n}\n\n#application-toaster.type-failure [data-test-id=\"toaster-progress-bar-container\"] [data-test-id=\"toaster-progress-bar\"] {\n --bg-opacity: 1;\n background-color: #FF6266;\n background-color: rgba(255, 98, 102, var(--bg-opacity));\n}\n";
|
|
181
181
|
styleInject(css_248z$1);
|
|
182
182
|
|
|
183
183
|
var TOASTER_TYPE_OPTIONS = {
|
|
@@ -200,7 +200,7 @@ var Toaster = function Toaster(_ref) {
|
|
|
200
200
|
style: styleOverwrite,
|
|
201
201
|
id: "application-toaster",
|
|
202
202
|
"data-test-id": "toaster-panel-" + type,
|
|
203
|
-
className: classNames("bg-white cursor-pointer", "rounded-md shadow-
|
|
203
|
+
className: classNames("bg-white cursor-pointer", "rounded-md shadow-lg", "min-h-13 max-h-19 w-104 transition-transform", {
|
|
204
204
|
shelved: !isVisible,
|
|
205
205
|
expanded: isVisible,
|
|
206
206
|
"type-success": isSuccess,
|