@rocket.chat/fuselage 0.32.0-dev.150 → 0.32.0-dev.152
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastBar.d.ts","sourceRoot":"","sources":["../../../src/components/ToastBar/ToastBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,oBAAY,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAc,EACd,OAAgB,EAChB,IAAQ,EACR,EAAE,EACF,OAAO,GACR,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"ToastBar.d.ts","sourceRoot":"","sources":["../../../src/components/ToastBar/ToastBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,oBAAY,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAc,EACd,OAAgB,EAChB,IAAQ,EACR,EAAE,EACF,OAAO,GACR,EAAE,aAAa,eAqEf"}
|
|
@@ -15203,14 +15203,14 @@ function ToastBar(_a) {
|
|
|
15203
15203
|
var sideOpen = (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n "], ["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n "])));
|
|
15204
15204
|
var progressBar = (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n from {\n width: 0%;\n }\n\n to {\n width: 100%;\n }\n "], ["\n from {\n width: 0%;\n }\n\n to {\n width: 100%;\n }\n "])));
|
|
15205
15205
|
var toastBarAnimation = (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n animation: ", " 0.5s;\n "], ["\n animation: ", " 0.5s;\n "])), sideOpen);
|
|
15206
|
-
var progressBarAnimation = (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n
|
|
15206
|
+
var progressBarAnimation = (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n &::after {\n width: 0%;\n animation: ", " ", "s;\n }\n "], ["\n &::after {\n width: 0%;\n animation: ", " ", "s;\n }\n "])), progressBar, time);
|
|
15207
15207
|
var uniqueId = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_1__.useUniqueId)();
|
|
15208
15208
|
var toastId = id || uniqueId;
|
|
15209
|
-
return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_3__["default"], { className: ['rcx-toastbar-wrapper', toastBarAnimation] },
|
|
15209
|
+
return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_3__["default"], { className: ['rcx-toastbar-wrapper', toastBarAnimation], role: 'alert', "aria-labelledby": toastId },
|
|
15210
15210
|
react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "rcx-toastbar rcx-toastbar--" + variant + " " + className },
|
|
15211
15211
|
react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: 'rcx-toastbar-inner' },
|
|
15212
15212
|
react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_5__.Icon, { size: 'x20', name: iconName }),
|
|
15213
|
-
react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: 'rcx-toastbar-content' }, children),
|
|
15213
|
+
react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: 'rcx-toastbar-content', id: toastId }, children),
|
|
15214
15214
|
onClose && (react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: 'rcx-toastbar-close' },
|
|
15215
15215
|
react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Button__WEBPACK_IMPORTED_MODULE_4__.IconButton, __assign({ tiny: true }, {
|
|
15216
15216
|
success: variant === 'success',
|