@heritsilavo/react-error-boundary 2.1.2 → 2.1.3

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.
@@ -4271,7 +4271,7 @@ function styleInject(css, ref) {
4271
4271
  }
4272
4272
  }
4273
4273
 
4274
- var css_248z = ":root {\r\n --tsila-err-color: rgb(177, 34, 34);\r\n --tsila-err-bg: white;\r\n --tsila-err-shadow: rgba(65, 64, 64, 0.2);\r\n}\r\n\r\n#__tsila_err_container__ {\r\n background-color: var(--tsila-err-bg);\r\n min-height: 50px;\r\n padding: 12px 20px;\r\n border-radius: 8px;\r\n position: fixed;\r\n z-index: 10000;\r\n top: 15px;\r\n right: 15px;\r\n box-shadow: 0 4px 12px var(--tsila-err-shadow);\r\n color: var(--tsila-err-color);\r\n width: 320px;\r\n animation: __tsila_slide_in__ 0.3s ease-out;\r\n cursor: pointer;\r\n transition: all .3s;\r\n}\r\n\r\n#__tsila_err_header__ {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 8px;\r\n}\r\n\r\n#__tsila_code_error__ {\r\n font-size: 16px;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n#__tsila_close_button__ {\r\n background: none;\r\n border: none;\r\n color: var(--tsila-err-color);\r\n cursor: pointer;\r\n padding: 4px;\r\n font-size: 18px;\r\n line-height: 1;\r\n opacity: 0.8;\r\n transition: opacity 0.2s ease;\r\n}\r\n\r\n#__tsila_close_button__:hover {\r\n opacity: 1;\r\n}\r\n\r\n#__tsila_message_error__ {\r\n color: #555;\r\n margin-bottom: 4px;\r\n font-size: 14px;\r\n}\r\n\r\n#__tsila_description_error__ {\r\n color: #777;\r\n font-size: 12px;\r\n opacity: 0.9;\r\n}\r\n\r\n@keyframes __tsila_slide_in__ {\r\n from {\r\n transform: translateX(100%);\r\n opacity: 0;\r\n }\r\n\r\n to {\r\n transform: translateX(0);\r\n opacity: 1;\r\n }\r\n}\r\n\r\n@keyframes __tsila_fade_out__ {\r\n from {\r\n transform: translateX(0);\r\n opacity: 1;\r\n }\r\n\r\n to {\r\n transform: translateX(100%);\r\n opacity: 0;\r\n }\r\n}\r\n\r\n#__tsila_err_container__.fade-out {\r\n animation: __tsila_fade_out__ 0.3s ease-in forwards;\r\n}";
4274
+ var css_248z = ":root{--tsila-err-color:#b12222;--tsila-err-bg:#fff;--tsila-err-shadow:rgba(65,64,64,.2)}#__tsila_err_container__{animation:__tsila_slide_in__ .3s ease-out;background-color:var(--tsila-err-bg);border-radius:8px;box-shadow:0 4px 12px var(--tsila-err-shadow);color:var(--tsila-err-color);cursor:pointer;min-height:50px;padding:12px 20px;position:fixed;right:15px;top:15px;transition:all .3s;width:320px;z-index:10000}#__tsila_err_header__{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}#__tsila_code_error__{align-items:center;display:flex;font-size:16px;font-weight:700;gap:8px}#__tsila_close_button__{background:none;border:none;color:var(--tsila-err-color);cursor:pointer;font-size:18px;line-height:1;opacity:.8;padding:4px;transition:opacity .2s ease}#__tsila_close_button__:hover{opacity:1}#__tsila_message_error__{color:#555;font-size:14px;margin-bottom:4px}#__tsila_description_error__{color:#777;font-size:12px;opacity:.9}@keyframes __tsila_slide_in__{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes __tsila_fade_out__{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}#__tsila_err_container__.fade-out{animation:__tsila_fade_out__ .3s ease-in forwards}";
4275
4275
  styleInject(css_248z);
4276
4276
 
4277
4277
  z.object({