@onpe/ui 1.2.41 → 1.2.42

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.
Files changed (20) hide show
  1. package/README.md +192 -13
  2. package/dist/components/Feedback/ModalDnieVersions/ModalDnieVersions.d.ts +9 -0
  3. package/dist/components/Feedback/ModalDnieVersions/index.d.ts +4 -0
  4. package/dist/components/Feedback/ModalNfc/ModalNfc.d.ts +9 -0
  5. package/dist/components/Feedback/ModalNfc/index.d.ts +4 -0
  6. package/dist/components/index.d.ts +4 -0
  7. package/dist/components.css +414 -283
  8. package/dist/components.esm.css +414 -283
  9. package/dist/components.esm.js +34 -29
  10. package/dist/components.js +34 -29
  11. package/dist/icons/Actions/IconCloseRadius/IconCloseRadius.d.ts +4 -0
  12. package/dist/icons/Actions/IconCloseRadius/index.d.ts +2 -0
  13. package/dist/icons/Actions/IconMobileNfc/IconMobileNfc.d.ts +4 -0
  14. package/dist/icons/Actions/IconMobileNfc/index.d.ts +4 -0
  15. package/dist/icons/Actions/index.d.ts +1 -0
  16. package/dist/index.css +414 -283
  17. package/dist/index.esm.css +414 -283
  18. package/dist/index.esm.js +36 -29
  19. package/dist/index.js +36 -29
  20. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -124,7 +124,7 @@ var Overlay = function (_a) {
124
124
  return jsx("div", { onClick: onClick, className: "onpe-overlay ".concat(getVisibilityClass(), " ").concat(getColorClass()) });
125
125
  };
126
126
 
127
- var IconClose = function (props) { return (jsx("svg", __assign({ width: 16, height: 16, viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx("path", { d: "M6.82839 1.17139L1.17139 6.82839M1.17139 1.17139L6.82839 6.82839", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }))); };
127
+ var IconCloseRadius = function (props) { return (jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, viewBox: "0 0 28 28", fill: "none" }, props, { children: jsx("path", { d: "M14 0C6.2 0 0 6.2 0 14C0 21.8 6.2 28 14 28C21.8 28 28 21.8 28 14C28 6.2 21.8 0 14 0ZM19.4 21L14 15.6L8.6 21L7 19.4L12.4 14L7 8.6L8.6 7L14 12.4L19.4 7L21 8.6L15.6 14L21 19.4L19.4 21Z", fill: "currentColor" }) }))); };
128
128
 
129
129
  var Modal = function (_a) {
130
130
  var isOpen = _a.isOpen, onClose = _a.onClose, children = _a.children, _b = _a.whitoutBackground, whitoutBackground = _b === void 0 ? false : _b, _c = _a.topAbsolute, topAbsolute = _c === void 0 ? false : _c, _d = _a.closeButton, closeButton = _d === void 0 ? false : _d, _e = _a.closeDisabled, closeDisabled = _e === void 0 ? false : _e, _f = _a.overlayColor, overlayColor = _f === void 0 ? "blue" : _f, props = __rest(_a, ["isOpen", "onClose", "children", "whitoutBackground", "topAbsolute", "closeButton", "closeDisabled", "overlayColor"]);
@@ -144,37 +144,42 @@ var Modal = function (_a) {
144
144
  // Resetear scroll del modal cuando se abre
145
145
  useEffect(function () {
146
146
  if (isOpen) {
147
+ // Función para resetear scroll de cualquier modal content
148
+ var resetModalScroll = function () {
149
+ // Buscar todos los elementos de contenido del modal
150
+ var modalContentElements = document.querySelectorAll(".onpe-modal-content");
151
+ modalContentElements.forEach(function (element) {
152
+ var htmlElement = element;
153
+ // Desactivar animación temporalmente para reset instantáneo
154
+ htmlElement.style.scrollBehavior = "auto";
155
+ htmlElement.scrollTop = 0;
156
+ // Forzar el reset con requestAnimationFrame
157
+ requestAnimationFrame(function () {
158
+ htmlElement.scrollTop = 0;
159
+ // Reactivar animación después del reset
160
+ setTimeout(function () {
161
+ htmlElement.style.scrollBehavior = "smooth";
162
+ }, 10);
163
+ });
164
+ });
165
+ };
147
166
  // Resetear inmediatamente cuando se abre
148
- var modalContentElement_1 = document.querySelector(".onpe-modal-content.onpe-modal-with-background");
149
- if (modalContentElement_1) {
150
- // Desactivar animación temporalmente para reset instantáneo
151
- modalContentElement_1.style.scrollBehavior = "auto";
152
- modalContentElement_1.scrollTop = 0;
153
- // Reactivar animación después del reset
154
- setTimeout(function () {
155
- modalContentElement_1.style.scrollBehavior = "smooth";
156
- }, 10);
157
- }
158
- // También resetear después de un pequeño delay por si acaso
159
- setTimeout(function () {
160
- var modalContentElementDelayed = document.querySelector(".onpe-modal-content.onpe-modal-with-background");
161
- if (modalContentElementDelayed) {
162
- modalContentElementDelayed.style.scrollBehavior = "auto";
163
- modalContentElementDelayed.scrollTop = 0;
164
- setTimeout(function () {
165
- modalContentElementDelayed.style.scrollBehavior = "smooth";
166
- }, 10);
167
- }
168
- }, 50);
167
+ resetModalScroll();
168
+ // Resetear múltiples veces para asegurar que funcione
169
+ setTimeout(resetModalScroll, 10);
170
+ setTimeout(resetModalScroll, 50);
171
+ setTimeout(resetModalScroll, 100);
172
+ setTimeout(resetModalScroll, 200);
169
173
  }
170
174
  else {
171
175
  // Resetear scroll cuando se cierra para que no se vea la animación al reabrir
172
- var modalContentElement = document.querySelector(".onpe-modal-content.onpe-modal-with-background");
173
- if (modalContentElement) {
174
- modalContentElement.style.scrollBehavior = "auto";
175
- modalContentElement.scrollTop = 0;
176
- modalContentElement.style.scrollBehavior = "smooth";
177
- }
176
+ var modalContentElements = document.querySelectorAll(".onpe-modal-content");
177
+ modalContentElements.forEach(function (element) {
178
+ var htmlElement = element;
179
+ htmlElement.style.scrollBehavior = "auto";
180
+ htmlElement.scrollTop = 0;
181
+ htmlElement.style.scrollBehavior = "smooth";
182
+ });
178
183
  }
179
184
  }, [isOpen]);
180
185
  var getContainerClass = function () {
@@ -190,7 +195,7 @@ var Modal = function (_a) {
190
195
  var customClass = props.className || "";
191
196
  return "".concat(baseClass, " ").concat(backgroundClass, " ").concat(customClass).trim();
192
197
  };
193
- return (jsx(Portal, { children: jsxs("div", { className: getContainerClass(), children: [jsx(Overlay, { show: isOpen, onClick: closeDisabled ? undefined : onClose, color: overlayColor }), jsxs("div", { className: "onpe-modal-content-wrapper", children: [jsx("div", { className: getContentClass(), children: children }), closeButton && (jsx("button", { onClick: onClose, className: "onpe-modal-close-button", "aria-label": "Cerrar", children: jsx(IconClose, { className: "onpe-modal-close-icon" }) }))] })] }) }));
198
+ return (jsx(Portal, { children: jsxs("div", { className: getContainerClass(), children: [jsx(Overlay, { show: isOpen, onClick: closeDisabled ? undefined : onClose, color: overlayColor }), jsxs("div", { className: "onpe-modal-content-wrapper", children: [jsx("div", { className: getContentClass(), children: children }), closeButton && jsx(IconCloseRadius, { onClick: onClose, className: "onpe-modal-close-button", "aria-label": "Cerrar" })] })] }) }));
194
199
  };
195
200
 
196
201
  var IconWarning = function (props) { return (jsxs("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "5.040041067761807 0 89.93839835728953 75.564681724846", style: {
@@ -475,6 +480,8 @@ var StorageManager = /** @class */ (function () {
475
480
  return StorageManager;
476
481
  }());
477
482
 
483
+ var IconClose = function (props) { return (jsx("svg", __assign({ width: 16, height: 16, viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx("path", { d: "M6.82839 1.17139L1.17139 6.82839M1.17139 1.17139L6.82839 6.82839", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }))); };
484
+
478
485
  var IconInfo = function (props) { return (jsx("svg", __assign({ width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z", fill: "currentColor" }) }))); };
479
486
 
480
487
  var IconMozillaColor = function (props) { return (jsxs("svg", __assign({ width: 47, height: 48, viewBox: "0 0 47 48", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxs("g", { clipPath: "url(#clip0_2937_2828)", children: [jsx("path", { d: "M44.9256 16.068C43.9169 13.641 41.871 11.0206 40.2687 10.1923C41.4115 12.4055 42.2045 14.7823 42.6196 17.2383L42.6238 17.2772C39.9992 10.7337 35.5484 8.09529 31.9135 2.35014C31.7257 2.05728 31.5434 1.76096 31.3666 1.46133C31.2755 1.30483 31.1902 1.14503 31.1109 0.982233C30.96 0.690279 30.8438 0.381715 30.7645 0.0628065C30.7647 0.0480847 30.7593 0.0338378 30.7496 0.022781C30.7399 0.0117242 30.7265 0.00463052 30.7118 0.00285179C30.6975 -0.000950598 30.6825 -0.000950598 30.6682 0.00285179C30.6653 0.00285179 30.6604 0.00828576 30.6568 0.00955368C30.6532 0.0106405 30.6454 0.0160744 30.6401 0.0184292L30.649 0.00285179C24.8183 3.41701 22.8398 9.73707 22.6578 12.8984C20.3293 13.0584 18.1031 13.9164 16.2695 15.3605C16.0781 15.1985 15.8782 15.047 15.6704 14.9066C15.1416 13.0552 15.1191 11.0958 15.6052 9.2328C13.464 10.2701 11.5613 11.7406 10.0177 13.5512H10.0068C9.08684 12.385 9.15151 8.53979 9.20422 7.73647C8.93207 7.84592 8.67227 7.98387 8.42915 8.148C7.61705 8.7277 6.85781 9.37808 6.16029 10.0915C5.36558 10.8974 4.63972 11.7684 3.99033 12.6953V12.6988V12.6946C2.49796 14.8105 1.43941 17.201 0.875764 19.7281L0.84479 19.8814C0.759118 20.363 0.683027 20.8463 0.616564 21.331C0.616564 21.3484 0.612941 21.3645 0.61113 21.3819C0.407917 22.438 0.281998 23.5075 0.234375 24.5819V24.7018C0.249952 42.5725 19.6054 53.7246 35.074 44.7758C38.018 43.0727 40.5517 40.7435 42.4961 37.953C44.4404 35.1625 45.7479 31.9789 46.326 28.6273C46.3649 28.3279 46.3966 28.0314 46.4314 27.7289C46.9095 23.7772 46.3919 19.7687 44.9256 16.068ZM18.1704 34.2388C18.2789 34.291 18.3807 34.3473 18.4921 34.3969L18.5082 34.4073C18.3948 34.3528 18.2822 34.2967 18.1704 34.2388ZM42.6256 17.2827V17.2604L42.6298 17.285L42.6256 17.2827Z", fill: "url(#paint0_linear_2937_2828)" }), jsx("path", { d: "M44.9256 16.0671C43.9169 13.6402 41.871 11.0197 40.2687 10.1914C41.4115 12.4046 42.2045 14.7815 42.6196 17.2374V17.2595L42.6238 17.2842C44.413 22.4043 44.1542 28.0178 41.9015 32.9516C39.241 38.6601 32.801 44.5112 22.7207 44.2267C11.8288 43.9182 2.23661 35.8361 0.443401 25.2502C0.117001 23.5809 0.443401 22.7346 0.607507 21.3779C0.383601 22.4317 0.258681 23.5041 0.234375 24.5811V24.701C0.249952 42.5717 19.6054 53.7238 35.074 44.7749C38.018 43.0718 40.5517 40.7427 42.4961 37.9522C44.4404 35.1617 45.7479 31.9781 46.326 28.6265C46.3649 28.3271 46.3966 28.0306 46.4314 27.7281C46.9095 23.7763 46.3919 19.7678 44.9256 16.0671Z", fill: "url(#paint1_radial_2937_2828)" }), jsx("path", { d: "M44.9256 16.0671C43.9169 13.6402 41.871 11.0197 40.2687 10.1914C41.4115 12.4046 42.2045 14.7815 42.6196 17.2374V17.2595L42.6238 17.2842C44.413 22.4043 44.1542 28.0178 41.9015 32.9516C39.241 38.6601 32.801 44.5112 22.7207 44.2267C11.8288 43.9182 2.23661 35.8361 0.443401 25.2502C0.117001 23.5809 0.443401 22.7346 0.607507 21.3779C0.383601 22.4317 0.258681 23.5041 0.234375 24.5811V24.701C0.249952 42.5717 19.6054 53.7238 35.074 44.7749C38.018 43.0718 40.5517 40.7427 42.4961 37.9522C44.4404 35.1617 45.7479 31.9781 46.326 28.6265C46.3649 28.3271 46.3966 28.0306 46.4314 27.7281C46.9095 23.7763 46.3919 19.7678 44.9256 16.0671Z", fill: "url(#paint2_radial_2937_2828)" }), jsx("path", { d: "M33.6473 18.7978C33.6976 18.8331 33.7444 18.8685 33.7916 18.9038C33.2085 17.8698 32.4827 16.9231 31.6354 16.0917C24.4206 8.87557 29.7446 0.445325 30.6425 0.0171289L30.6513 0.00390625C24.8207 3.41807 22.8422 9.73813 22.6602 12.8994C22.9309 12.8808 23.1992 12.8579 23.476 12.8579C25.5449 12.8618 27.5758 13.4134 29.3624 14.4567C31.1489 15.5 32.6273 16.9978 33.6473 18.7978Z", fill: "url(#paint3_radial_2937_2828)" }), jsx("path", { d: "M23.4878 20.2403C23.4494 20.8178 21.4093 22.8091 20.696 22.8091C14.095 22.8091 13.0234 26.8024 13.0234 26.8024C13.3158 30.1649 15.6589 32.9344 18.4913 34.3994C18.6206 34.4666 18.7519 34.5271 18.8831 34.5863C19.1075 34.6859 19.3348 34.779 19.5647 34.8655C20.5367 35.2095 21.5548 35.4059 22.585 35.4482C34.155 35.9908 36.3964 21.6126 28.0469 17.4402C30.0166 17.1839 32.0112 17.6682 33.6441 18.7992C32.6241 16.9992 31.1457 15.5014 29.3592 14.4581C27.5726 13.4148 25.5416 12.8632 23.4728 12.8594C23.1973 12.8594 22.9277 12.8822 22.6569 12.9009C20.3284 13.0609 18.1022 13.9189 16.2686 15.363C16.6225 15.6626 17.0221 16.0627 17.8636 16.8921C19.4388 18.444 23.4787 20.0516 23.4878 20.2403Z", fill: "url(#paint4_radial_2937_2828)" }), jsx("path", { d: "M23.4878 20.2403C23.4494 20.8178 21.4093 22.8091 20.696 22.8091C14.095 22.8091 13.0234 26.8024 13.0234 26.8024C13.3158 30.1649 15.6589 32.9344 18.4913 34.3994C18.6206 34.4666 18.7519 34.5271 18.8831 34.5863C19.1075 34.6859 19.3348 34.779 19.5647 34.8655C20.5367 35.2095 21.5548 35.4059 22.585 35.4482C34.155 35.9908 36.3964 21.6126 28.0469 17.4402C30.0166 17.1839 32.0112 17.6682 33.6441 18.7992C32.6241 16.9992 31.1457 15.5014 29.3592 14.4581C27.5726 13.4148 25.5416 12.8632 23.4728 12.8594C23.1973 12.8594 22.9277 12.8822 22.6569 12.9009C20.3284 13.0609 18.1022 13.9189 16.2686 15.363C16.6225 15.6626 17.0221 16.0627 17.8636 16.8921C19.4388 18.444 23.4787 20.0516 23.4878 20.2403Z", fill: "url(#paint5_radial_2937_2828)" }), jsx("path", { d: "M15.1895 14.5901C15.3512 14.693 15.511 14.799 15.6686 14.9082C15.1396 13.0568 15.1171 11.0974 15.6034 9.23438C13.4621 10.2717 11.5594 11.7422 10.0156 13.5527C10.1288 13.5497 13.4963 13.4892 15.1895 14.5901Z", fill: "url(#paint6_radial_2937_2828)" }), jsx("path", { d: "M0.448605 25.2506C2.24 35.8365 11.834 43.9186 22.7259 44.2271C32.8062 44.5122 39.246 38.6605 41.9067 32.952C44.1594 28.0182 44.4182 22.4047 42.629 17.2846V17.2625C42.629 17.2451 42.6254 17.2348 42.629 17.2402L42.6332 17.2792C43.4568 22.6559 40.7219 27.8651 36.4466 31.3874L36.4334 31.4174C28.1033 38.2017 20.1311 35.5106 18.5176 34.4121C18.4041 34.3578 18.2915 34.3017 18.1798 34.2438C13.3229 31.9222 11.3165 27.4972 11.7465 23.7023C10.5936 23.7193 9.46052 23.4016 8.4845 22.7877C7.50849 22.1738 6.73145 21.29 6.24755 20.2434C7.52248 19.4623 8.97619 19.0208 10.4701 18.9608C11.9641 18.9008 13.4485 19.2245 14.7819 19.9009C17.5311 21.1488 20.6593 21.2717 23.4978 20.2434C23.489 20.0546 19.449 18.4465 17.8737 16.8953C17.0322 16.0657 16.6328 15.6662 16.2788 15.3662C16.0875 15.2041 15.8876 15.0525 15.6798 14.9121C15.542 14.8181 15.3869 14.7163 15.2007 14.5941C13.5075 13.4931 10.1401 13.5536 10.0287 13.5567H10.018C9.09802 12.3906 9.16269 8.54533 9.2154 7.74219C8.9432 7.85147 8.68339 7.98936 8.44033 8.15354C7.6282 8.73319 6.86895 9.38358 6.17147 10.0971C5.37395 10.9007 4.64507 11.7697 3.99245 12.6949V12.6983V12.6942C2.50009 14.8101 1.44154 17.2006 0.877888 19.7277C0.866658 19.775 0.0417823 23.3806 0.448605 25.2506Z", fill: "url(#paint7_radial_2937_2828)" }), jsx("path", { d: "M31.6335 16.0906C32.4809 16.9231 33.2067 17.8708 33.7897 18.9058C33.9101 18.9954 34.0262 19.0905 34.1377 19.1909C39.4006 24.0423 36.6431 30.9004 36.4377 31.3885C40.7129 27.866 43.4453 22.657 42.6242 17.2801C39.9984 10.7337 35.5476 8.09529 31.9126 2.35014C31.7249 2.05728 31.5425 1.76096 31.3658 1.46133C31.2747 1.30483 31.1894 1.14503 31.11 0.982233C30.9592 0.690279 30.843 0.381715 30.7637 0.0628065C30.7638 0.0480847 30.7585 0.0338378 30.7488 0.022781C30.7391 0.0117242 30.7256 0.00463052 30.711 0.00285179C30.6967 -0.000950598 30.6816 -0.000950598 30.6673 0.00285179C30.6644 0.00285179 30.6596 0.00828576 30.6559 0.00955368C30.6523 0.0106405 30.6445 0.0160744 30.6393 0.0184292C29.7414 0.444271 24.4174 8.87452 31.6335 16.0906Z", fill: "url(#paint8_radial_2937_2828)" }), jsx("path", { d: "M34.1373 19.1882C34.0258 19.0878 33.9097 18.9927 33.7893 18.9031C33.7421 18.8678 33.6953 18.8325 33.645 18.7971C32.0121 17.6661 30.0175 17.1818 28.0478 17.4381C36.3971 21.6128 34.157 35.9887 22.586 35.4461C21.5557 35.4038 20.5376 35.2074 19.5656 34.8634C19.3356 34.7772 19.1083 34.6841 18.884 34.5842C18.7527 34.5243 18.6215 34.4645 18.4922 34.3973L18.5083 34.4076C20.1218 35.5091 28.0915 38.2002 36.4241 31.4128L36.4373 31.3829C36.6451 30.8977 39.4026 24.038 34.1373 19.1882Z", fill: "url(#paint9_radial_2937_2828)" }), jsx("path", { d: "M13.0244 26.8009C13.0244 26.8009 14.096 22.8077 20.697 22.8077C21.4103 22.8077 23.4522 20.8163 23.4888 20.2389C20.6502 21.2672 17.5219 21.1442 14.7729 19.8962C13.4394 19.2199 11.9549 18.8963 10.4609 18.9563C8.96697 19.0163 7.51324 19.4578 6.23828 20.2389C6.72219 21.2854 7.49922 22.1692 8.47523 22.7832C9.45125 23.3971 10.5844 23.7148 11.7373 23.6978C11.3073 27.4934 13.3137 31.9184 18.1705 34.2393C18.279 34.2915 18.3808 34.3478 18.4922 34.3974C15.6575 32.933 13.3167 30.1635 13.0244 26.8009Z", fill: "url(#paint10_radial_2937_2828)" }), jsx("path", { d: "M44.9256 16.068C43.9169 13.641 41.871 11.0206 40.2687 10.1923C41.4115 12.4055 42.2045 14.7823 42.6196 17.2383L42.6238 17.2772C39.9992 10.7337 35.5484 8.09529 31.9135 2.35014C31.7257 2.05728 31.5434 1.76096 31.3666 1.46133C31.2755 1.30483 31.1902 1.14503 31.1109 0.982233C30.96 0.690279 30.8438 0.381715 30.7645 0.0628065C30.7647 0.0480847 30.7593 0.0338378 30.7496 0.022781C30.7399 0.0117242 30.7265 0.00463052 30.7118 0.00285179C30.6975 -0.000950598 30.6825 -0.000950598 30.6682 0.00285179C30.6653 0.00285179 30.6604 0.00828576 30.6568 0.00955368C30.6532 0.0106405 30.6454 0.0160744 30.6401 0.0184292L30.649 0.00285179C24.8183 3.41701 22.8398 9.73707 22.6578 12.8984C22.9286 12.8797 23.1969 12.8569 23.4736 12.8569C25.5425 12.8607 27.5735 13.4123 29.36 14.4556C31.1466 15.499 32.625 16.9968 33.6449 18.7968C32.0121 17.6657 30.0174 17.1814 28.0477 17.4377C36.3972 21.6125 34.1572 35.9884 22.5859 35.4457C21.5556 35.4034 20.5375 35.207 19.5655 34.863C19.3356 34.7768 19.1083 34.6837 18.8839 34.5839C18.7528 34.5239 18.6215 34.4641 18.4921 34.3969L18.5082 34.4073C18.3948 34.3528 18.2822 34.2967 18.1704 34.2388C18.2789 34.291 18.3807 34.3473 18.4921 34.3969C15.6574 32.9319 13.3166 30.1624 13.0243 26.7999C13.0243 26.7999 14.0959 22.8067 20.6969 22.8067C21.4102 22.8067 23.4521 20.8153 23.4887 20.2378C23.4796 20.0491 19.4396 18.441 17.8645 16.8896C17.023 16.0602 16.6234 15.6606 16.2695 15.3605C16.0781 15.1985 15.8782 15.047 15.6704 14.9066C15.1416 13.0552 15.1191 11.0958 15.6052 9.2328C13.464 10.2701 11.5613 11.7406 10.0177 13.5512H10.0068C9.08684 12.385 9.15151 8.53979 9.20422 7.73647C8.93207 7.84592 8.67227 7.98387 8.42915 8.148C7.61705 8.7277 6.85781 9.37808 6.16029 10.0915C5.36558 10.8974 4.63972 11.7684 3.99033 12.6953C2.49796 14.8112 1.43941 17.201 0.875764 19.7281L0.84479 19.8814C0.800956 20.0857 0.605152 21.123 0.576896 21.3458C0.576896 21.3627 0.576896 21.3284 0.576896 21.3458C0.3978 22.4167 0.283419 23.4973 0.234375 24.5819V24.7018C0.249952 42.5725 19.6054 53.7246 35.074 44.7758C38.018 43.0727 40.5517 40.7435 42.4961 37.953C44.4404 35.1625 45.7479 31.9789 46.326 28.6273C46.3649 28.3279 46.3966 28.0314 46.4314 27.7289C46.9095 23.7772 46.3919 19.7687 44.9256 16.068Z", fill: "url(#paint11_linear_2937_2828)" })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "paint0_linear_2937_2828", x1: 41.8529, y1: 7.4202, x2: 3.31712, y2: 44.6, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.048, stopColor: "#FFF44F" }), jsx("stop", { offset: 0.111, stopColor: "#FFE847" }), jsx("stop", { offset: 0.225, stopColor: "#FFC830" }), jsx("stop", { offset: 0.368, stopColor: "#FF980E" }), jsx("stop", { offset: 0.401, stopColor: "#FF8B16" }), jsx("stop", { offset: 0.462, stopColor: "#FF672A" }), jsx("stop", { offset: 0.534, stopColor: "#FF3647" }), jsx("stop", { offset: 0.705, stopColor: "#E31587" })] }), jsxs("radialGradient", { id: "paint1_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(40.0731 5.3154) scale(48.3933 48.3933)", children: [jsx("stop", { offset: 0.129, stopColor: "#FFBD4F" }), jsx("stop", { offset: 0.186, stopColor: "#FFAC31" }), jsx("stop", { offset: 0.247, stopColor: "#FF9D17" }), jsx("stop", { offset: 0.283, stopColor: "#FF980E" }), jsx("stop", { offset: 0.403, stopColor: "#FF563B" }), jsx("stop", { offset: 0.467, stopColor: "#FF3750" }), jsx("stop", { offset: 0.71, stopColor: "#F5156C" }), jsx("stop", { offset: 0.782, stopColor: "#EB0878" }), jsx("stop", { offset: 0.86, stopColor: "#E50080" })] }), jsxs("radialGradient", { id: "paint2_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(22.3897 25.0999) scale(48.3933 48.3933)", children: [jsx("stop", { offset: 0.3, stopColor: "#960E18" }), jsx("stop", { offset: 0.351, stopColor: "#B11927", stopOpacity: 0.74 }), jsx("stop", { offset: 0.435, stopColor: "#DB293D", stopOpacity: 0.343 }), jsx("stop", { offset: 0.497, stopColor: "#F5334B", stopOpacity: 0.094 }), jsx("stop", { offset: 0.53, stopColor: "#FF3750", stopOpacity: 0 })] }), jsxs("radialGradient", { id: "paint3_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(28.2264 -5.66503) scale(35.0589 35.0589)", children: [jsx("stop", { offset: 0.132, stopColor: "#FFF44F" }), jsx("stop", { offset: 0.252, stopColor: "#FFDC3E" }), jsx("stop", { offset: 0.506, stopColor: "#FF9D12" }), jsx("stop", { offset: 0.526, stopColor: "#FF980E" })] }), jsxs("radialGradient", { id: "paint4_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(17.036 37.7441) scale(23.0422)", children: [jsx("stop", { offset: 0.353, stopColor: "#3A8EE6" }), jsx("stop", { offset: 0.472, stopColor: "#5C79F0" }), jsx("stop", { offset: 0.669, stopColor: "#9059FF" }), jsx("stop", { offset: 1, stopColor: "#C139E6" })] }), jsxs("radialGradient", { id: "paint5_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(25.0406 21.1378) rotate(-13.5915) scale(12.2168 14.3028)", children: [jsx("stop", { offset: 0.206, stopColor: "#9059FF", stopOpacity: 0 }), jsx("stop", { offset: 0.278, stopColor: "#8C4FF3", stopOpacity: 0.064 }), jsx("stop", { offset: 0.747, stopColor: "#7716A8", stopOpacity: 0.45 }), jsx("stop", { offset: 0.975, stopColor: "#6E008B", stopOpacity: 0.6 })] }), jsxs("radialGradient", { id: "paint6_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(21.781 3.3377) scale(16.5765 16.5765)", children: [jsx("stop", { stopColor: "#FFE226" }), jsx("stop", { offset: 0.121, stopColor: "#FFDB27" }), jsx("stop", { offset: 0.295, stopColor: "#FFC82A" }), jsx("stop", { offset: 0.502, stopColor: "#FFA930" }), jsx("stop", { offset: 0.732, stopColor: "#FF7E37" }), jsx("stop", { offset: 0.792, stopColor: "#FF7139" })] }), jsxs("radialGradient", { id: "paint7_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(34.8104 -7.17827) scale(70.7246 70.7245)", children: [jsx("stop", { offset: 0.113, stopColor: "#FFF44F" }), jsx("stop", { offset: 0.456, stopColor: "#FF980E" }), jsx("stop", { offset: 0.622, stopColor: "#FF5634" }), jsx("stop", { offset: 0.716, stopColor: "#FF3647" }), jsx("stop", { offset: 0.904, stopColor: "#E31587" })] }), jsxs("radialGradient", { id: "paint8_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(28.8579 -3.24665) rotate(83.9761) scale(51.8358 34.0194)", children: [jsx("stop", { stopColor: "#FFF44F" }), jsx("stop", { offset: 0.06, stopColor: "#FFE847" }), jsx("stop", { offset: 0.168, stopColor: "#FFC830" }), jsx("stop", { offset: 0.304, stopColor: "#FF980E" }), jsx("stop", { offset: 0.356, stopColor: "#FF8B16" }), jsx("stop", { offset: 0.455, stopColor: "#FF672A" }), jsx("stop", { offset: 0.57, stopColor: "#FF3647" }), jsx("stop", { offset: 0.737, stopColor: "#E31587" })] }), jsxs("radialGradient", { id: "paint9_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(21.3907 9.47634) scale(44.1546 44.1546)", children: [jsx("stop", { offset: 0.137, stopColor: "#FFF44F" }), jsx("stop", { offset: 0.48, stopColor: "#FF980E" }), jsx("stop", { offset: 0.592, stopColor: "#FF5634" }), jsx("stop", { offset: 0.655, stopColor: "#FF3647" }), jsx("stop", { offset: 0.904, stopColor: "#E31587" })] }), jsxs("radialGradient", { id: "paint10_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(33.0439 12.0614) scale(48.3268 48.3268)", children: [jsx("stop", { offset: 0.094, stopColor: "#FFF44F" }), jsx("stop", { offset: 0.231, stopColor: "#FFE141" }), jsx("stop", { offset: 0.509, stopColor: "#FFAF1E" }), jsx("stop", { offset: 0.626, stopColor: "#FF980E" })] }), jsxs("linearGradient", { id: "paint11_linear_2937_2828", x1: 41.3899, y1: 7.22135, x2: 8.59986, y2: 40.0108, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.167, stopColor: "#FFF44F", stopOpacity: 0.8 }), jsx("stop", { offset: 0.266, stopColor: "#FFF44F", stopOpacity: 0.634 }), jsx("stop", { offset: 0.489, stopColor: "#FFF44F", stopOpacity: 0.217 }), jsx("stop", { offset: 0.6, stopColor: "#FFF44F", stopOpacity: 0 })] }), jsx("clipPath", { id: "clip0_2937_2828", children: jsx("rect", { width: 46.3698, height: 48, fill: "white" }) })] })] }))); };
package/dist/index.js CHANGED
@@ -124,7 +124,7 @@ var Overlay = function (_a) {
124
124
  return jsx("div", { onClick: onClick, className: "onpe-overlay ".concat(getVisibilityClass(), " ").concat(getColorClass()) });
125
125
  };
126
126
 
127
- var IconClose = function (props) { return (jsx("svg", __assign({ width: 16, height: 16, viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx("path", { d: "M6.82839 1.17139L1.17139 6.82839M1.17139 1.17139L6.82839 6.82839", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }))); };
127
+ var IconCloseRadius = function (props) { return (jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, viewBox: "0 0 28 28", fill: "none" }, props, { children: jsx("path", { d: "M14 0C6.2 0 0 6.2 0 14C0 21.8 6.2 28 14 28C21.8 28 28 21.8 28 14C28 6.2 21.8 0 14 0ZM19.4 21L14 15.6L8.6 21L7 19.4L12.4 14L7 8.6L8.6 7L14 12.4L19.4 7L21 8.6L15.6 14L21 19.4L19.4 21Z", fill: "currentColor" }) }))); };
128
128
 
129
129
  var Modal = function (_a) {
130
130
  var isOpen = _a.isOpen, onClose = _a.onClose, children = _a.children, _b = _a.whitoutBackground, whitoutBackground = _b === void 0 ? false : _b, _c = _a.topAbsolute, topAbsolute = _c === void 0 ? false : _c, _d = _a.closeButton, closeButton = _d === void 0 ? false : _d, _e = _a.closeDisabled, closeDisabled = _e === void 0 ? false : _e, _f = _a.overlayColor, overlayColor = _f === void 0 ? "blue" : _f, props = __rest(_a, ["isOpen", "onClose", "children", "whitoutBackground", "topAbsolute", "closeButton", "closeDisabled", "overlayColor"]);
@@ -144,37 +144,42 @@ var Modal = function (_a) {
144
144
  // Resetear scroll del modal cuando se abre
145
145
  useEffect(function () {
146
146
  if (isOpen) {
147
+ // Función para resetear scroll de cualquier modal content
148
+ var resetModalScroll = function () {
149
+ // Buscar todos los elementos de contenido del modal
150
+ var modalContentElements = document.querySelectorAll(".onpe-modal-content");
151
+ modalContentElements.forEach(function (element) {
152
+ var htmlElement = element;
153
+ // Desactivar animación temporalmente para reset instantáneo
154
+ htmlElement.style.scrollBehavior = "auto";
155
+ htmlElement.scrollTop = 0;
156
+ // Forzar el reset con requestAnimationFrame
157
+ requestAnimationFrame(function () {
158
+ htmlElement.scrollTop = 0;
159
+ // Reactivar animación después del reset
160
+ setTimeout(function () {
161
+ htmlElement.style.scrollBehavior = "smooth";
162
+ }, 10);
163
+ });
164
+ });
165
+ };
147
166
  // Resetear inmediatamente cuando se abre
148
- var modalContentElement_1 = document.querySelector(".onpe-modal-content.onpe-modal-with-background");
149
- if (modalContentElement_1) {
150
- // Desactivar animación temporalmente para reset instantáneo
151
- modalContentElement_1.style.scrollBehavior = "auto";
152
- modalContentElement_1.scrollTop = 0;
153
- // Reactivar animación después del reset
154
- setTimeout(function () {
155
- modalContentElement_1.style.scrollBehavior = "smooth";
156
- }, 10);
157
- }
158
- // También resetear después de un pequeño delay por si acaso
159
- setTimeout(function () {
160
- var modalContentElementDelayed = document.querySelector(".onpe-modal-content.onpe-modal-with-background");
161
- if (modalContentElementDelayed) {
162
- modalContentElementDelayed.style.scrollBehavior = "auto";
163
- modalContentElementDelayed.scrollTop = 0;
164
- setTimeout(function () {
165
- modalContentElementDelayed.style.scrollBehavior = "smooth";
166
- }, 10);
167
- }
168
- }, 50);
167
+ resetModalScroll();
168
+ // Resetear múltiples veces para asegurar que funcione
169
+ setTimeout(resetModalScroll, 10);
170
+ setTimeout(resetModalScroll, 50);
171
+ setTimeout(resetModalScroll, 100);
172
+ setTimeout(resetModalScroll, 200);
169
173
  }
170
174
  else {
171
175
  // Resetear scroll cuando se cierra para que no se vea la animación al reabrir
172
- var modalContentElement = document.querySelector(".onpe-modal-content.onpe-modal-with-background");
173
- if (modalContentElement) {
174
- modalContentElement.style.scrollBehavior = "auto";
175
- modalContentElement.scrollTop = 0;
176
- modalContentElement.style.scrollBehavior = "smooth";
177
- }
176
+ var modalContentElements = document.querySelectorAll(".onpe-modal-content");
177
+ modalContentElements.forEach(function (element) {
178
+ var htmlElement = element;
179
+ htmlElement.style.scrollBehavior = "auto";
180
+ htmlElement.scrollTop = 0;
181
+ htmlElement.style.scrollBehavior = "smooth";
182
+ });
178
183
  }
179
184
  }, [isOpen]);
180
185
  var getContainerClass = function () {
@@ -190,7 +195,7 @@ var Modal = function (_a) {
190
195
  var customClass = props.className || "";
191
196
  return "".concat(baseClass, " ").concat(backgroundClass, " ").concat(customClass).trim();
192
197
  };
193
- return (jsx(Portal, { children: jsxs("div", { className: getContainerClass(), children: [jsx(Overlay, { show: isOpen, onClick: closeDisabled ? undefined : onClose, color: overlayColor }), jsxs("div", { className: "onpe-modal-content-wrapper", children: [jsx("div", { className: getContentClass(), children: children }), closeButton && (jsx("button", { onClick: onClose, className: "onpe-modal-close-button", "aria-label": "Cerrar", children: jsx(IconClose, { className: "onpe-modal-close-icon" }) }))] })] }) }));
198
+ return (jsx(Portal, { children: jsxs("div", { className: getContainerClass(), children: [jsx(Overlay, { show: isOpen, onClick: closeDisabled ? undefined : onClose, color: overlayColor }), jsxs("div", { className: "onpe-modal-content-wrapper", children: [jsx("div", { className: getContentClass(), children: children }), closeButton && jsx(IconCloseRadius, { onClick: onClose, className: "onpe-modal-close-button", "aria-label": "Cerrar" })] })] }) }));
194
199
  };
195
200
 
196
201
  var IconWarning = function (props) { return (jsxs("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "5.040041067761807 0 89.93839835728953 75.564681724846", style: {
@@ -475,6 +480,8 @@ var StorageManager = /** @class */ (function () {
475
480
  return StorageManager;
476
481
  }());
477
482
 
483
+ var IconClose = function (props) { return (jsx("svg", __assign({ width: 16, height: 16, viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx("path", { d: "M6.82839 1.17139L1.17139 6.82839M1.17139 1.17139L6.82839 6.82839", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }))); };
484
+
478
485
  var IconInfo = function (props) { return (jsx("svg", __assign({ width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z", fill: "currentColor" }) }))); };
479
486
 
480
487
  var IconMozillaColor = function (props) { return (jsxs("svg", __assign({ width: 47, height: 48, viewBox: "0 0 47 48", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxs("g", { clipPath: "url(#clip0_2937_2828)", children: [jsx("path", { d: "M44.9256 16.068C43.9169 13.641 41.871 11.0206 40.2687 10.1923C41.4115 12.4055 42.2045 14.7823 42.6196 17.2383L42.6238 17.2772C39.9992 10.7337 35.5484 8.09529 31.9135 2.35014C31.7257 2.05728 31.5434 1.76096 31.3666 1.46133C31.2755 1.30483 31.1902 1.14503 31.1109 0.982233C30.96 0.690279 30.8438 0.381715 30.7645 0.0628065C30.7647 0.0480847 30.7593 0.0338378 30.7496 0.022781C30.7399 0.0117242 30.7265 0.00463052 30.7118 0.00285179C30.6975 -0.000950598 30.6825 -0.000950598 30.6682 0.00285179C30.6653 0.00285179 30.6604 0.00828576 30.6568 0.00955368C30.6532 0.0106405 30.6454 0.0160744 30.6401 0.0184292L30.649 0.00285179C24.8183 3.41701 22.8398 9.73707 22.6578 12.8984C20.3293 13.0584 18.1031 13.9164 16.2695 15.3605C16.0781 15.1985 15.8782 15.047 15.6704 14.9066C15.1416 13.0552 15.1191 11.0958 15.6052 9.2328C13.464 10.2701 11.5613 11.7406 10.0177 13.5512H10.0068C9.08684 12.385 9.15151 8.53979 9.20422 7.73647C8.93207 7.84592 8.67227 7.98387 8.42915 8.148C7.61705 8.7277 6.85781 9.37808 6.16029 10.0915C5.36558 10.8974 4.63972 11.7684 3.99033 12.6953V12.6988V12.6946C2.49796 14.8105 1.43941 17.201 0.875764 19.7281L0.84479 19.8814C0.759118 20.363 0.683027 20.8463 0.616564 21.331C0.616564 21.3484 0.612941 21.3645 0.61113 21.3819C0.407917 22.438 0.281998 23.5075 0.234375 24.5819V24.7018C0.249952 42.5725 19.6054 53.7246 35.074 44.7758C38.018 43.0727 40.5517 40.7435 42.4961 37.953C44.4404 35.1625 45.7479 31.9789 46.326 28.6273C46.3649 28.3279 46.3966 28.0314 46.4314 27.7289C46.9095 23.7772 46.3919 19.7687 44.9256 16.068ZM18.1704 34.2388C18.2789 34.291 18.3807 34.3473 18.4921 34.3969L18.5082 34.4073C18.3948 34.3528 18.2822 34.2967 18.1704 34.2388ZM42.6256 17.2827V17.2604L42.6298 17.285L42.6256 17.2827Z", fill: "url(#paint0_linear_2937_2828)" }), jsx("path", { d: "M44.9256 16.0671C43.9169 13.6402 41.871 11.0197 40.2687 10.1914C41.4115 12.4046 42.2045 14.7815 42.6196 17.2374V17.2595L42.6238 17.2842C44.413 22.4043 44.1542 28.0178 41.9015 32.9516C39.241 38.6601 32.801 44.5112 22.7207 44.2267C11.8288 43.9182 2.23661 35.8361 0.443401 25.2502C0.117001 23.5809 0.443401 22.7346 0.607507 21.3779C0.383601 22.4317 0.258681 23.5041 0.234375 24.5811V24.701C0.249952 42.5717 19.6054 53.7238 35.074 44.7749C38.018 43.0718 40.5517 40.7427 42.4961 37.9522C44.4404 35.1617 45.7479 31.9781 46.326 28.6265C46.3649 28.3271 46.3966 28.0306 46.4314 27.7281C46.9095 23.7763 46.3919 19.7678 44.9256 16.0671Z", fill: "url(#paint1_radial_2937_2828)" }), jsx("path", { d: "M44.9256 16.0671C43.9169 13.6402 41.871 11.0197 40.2687 10.1914C41.4115 12.4046 42.2045 14.7815 42.6196 17.2374V17.2595L42.6238 17.2842C44.413 22.4043 44.1542 28.0178 41.9015 32.9516C39.241 38.6601 32.801 44.5112 22.7207 44.2267C11.8288 43.9182 2.23661 35.8361 0.443401 25.2502C0.117001 23.5809 0.443401 22.7346 0.607507 21.3779C0.383601 22.4317 0.258681 23.5041 0.234375 24.5811V24.701C0.249952 42.5717 19.6054 53.7238 35.074 44.7749C38.018 43.0718 40.5517 40.7427 42.4961 37.9522C44.4404 35.1617 45.7479 31.9781 46.326 28.6265C46.3649 28.3271 46.3966 28.0306 46.4314 27.7281C46.9095 23.7763 46.3919 19.7678 44.9256 16.0671Z", fill: "url(#paint2_radial_2937_2828)" }), jsx("path", { d: "M33.6473 18.7978C33.6976 18.8331 33.7444 18.8685 33.7916 18.9038C33.2085 17.8698 32.4827 16.9231 31.6354 16.0917C24.4206 8.87557 29.7446 0.445325 30.6425 0.0171289L30.6513 0.00390625C24.8207 3.41807 22.8422 9.73813 22.6602 12.8994C22.9309 12.8808 23.1992 12.8579 23.476 12.8579C25.5449 12.8618 27.5758 13.4134 29.3624 14.4567C31.1489 15.5 32.6273 16.9978 33.6473 18.7978Z", fill: "url(#paint3_radial_2937_2828)" }), jsx("path", { d: "M23.4878 20.2403C23.4494 20.8178 21.4093 22.8091 20.696 22.8091C14.095 22.8091 13.0234 26.8024 13.0234 26.8024C13.3158 30.1649 15.6589 32.9344 18.4913 34.3994C18.6206 34.4666 18.7519 34.5271 18.8831 34.5863C19.1075 34.6859 19.3348 34.779 19.5647 34.8655C20.5367 35.2095 21.5548 35.4059 22.585 35.4482C34.155 35.9908 36.3964 21.6126 28.0469 17.4402C30.0166 17.1839 32.0112 17.6682 33.6441 18.7992C32.6241 16.9992 31.1457 15.5014 29.3592 14.4581C27.5726 13.4148 25.5416 12.8632 23.4728 12.8594C23.1973 12.8594 22.9277 12.8822 22.6569 12.9009C20.3284 13.0609 18.1022 13.9189 16.2686 15.363C16.6225 15.6626 17.0221 16.0627 17.8636 16.8921C19.4388 18.444 23.4787 20.0516 23.4878 20.2403Z", fill: "url(#paint4_radial_2937_2828)" }), jsx("path", { d: "M23.4878 20.2403C23.4494 20.8178 21.4093 22.8091 20.696 22.8091C14.095 22.8091 13.0234 26.8024 13.0234 26.8024C13.3158 30.1649 15.6589 32.9344 18.4913 34.3994C18.6206 34.4666 18.7519 34.5271 18.8831 34.5863C19.1075 34.6859 19.3348 34.779 19.5647 34.8655C20.5367 35.2095 21.5548 35.4059 22.585 35.4482C34.155 35.9908 36.3964 21.6126 28.0469 17.4402C30.0166 17.1839 32.0112 17.6682 33.6441 18.7992C32.6241 16.9992 31.1457 15.5014 29.3592 14.4581C27.5726 13.4148 25.5416 12.8632 23.4728 12.8594C23.1973 12.8594 22.9277 12.8822 22.6569 12.9009C20.3284 13.0609 18.1022 13.9189 16.2686 15.363C16.6225 15.6626 17.0221 16.0627 17.8636 16.8921C19.4388 18.444 23.4787 20.0516 23.4878 20.2403Z", fill: "url(#paint5_radial_2937_2828)" }), jsx("path", { d: "M15.1895 14.5901C15.3512 14.693 15.511 14.799 15.6686 14.9082C15.1396 13.0568 15.1171 11.0974 15.6034 9.23438C13.4621 10.2717 11.5594 11.7422 10.0156 13.5527C10.1288 13.5497 13.4963 13.4892 15.1895 14.5901Z", fill: "url(#paint6_radial_2937_2828)" }), jsx("path", { d: "M0.448605 25.2506C2.24 35.8365 11.834 43.9186 22.7259 44.2271C32.8062 44.5122 39.246 38.6605 41.9067 32.952C44.1594 28.0182 44.4182 22.4047 42.629 17.2846V17.2625C42.629 17.2451 42.6254 17.2348 42.629 17.2402L42.6332 17.2792C43.4568 22.6559 40.7219 27.8651 36.4466 31.3874L36.4334 31.4174C28.1033 38.2017 20.1311 35.5106 18.5176 34.4121C18.4041 34.3578 18.2915 34.3017 18.1798 34.2438C13.3229 31.9222 11.3165 27.4972 11.7465 23.7023C10.5936 23.7193 9.46052 23.4016 8.4845 22.7877C7.50849 22.1738 6.73145 21.29 6.24755 20.2434C7.52248 19.4623 8.97619 19.0208 10.4701 18.9608C11.9641 18.9008 13.4485 19.2245 14.7819 19.9009C17.5311 21.1488 20.6593 21.2717 23.4978 20.2434C23.489 20.0546 19.449 18.4465 17.8737 16.8953C17.0322 16.0657 16.6328 15.6662 16.2788 15.3662C16.0875 15.2041 15.8876 15.0525 15.6798 14.9121C15.542 14.8181 15.3869 14.7163 15.2007 14.5941C13.5075 13.4931 10.1401 13.5536 10.0287 13.5567H10.018C9.09802 12.3906 9.16269 8.54533 9.2154 7.74219C8.9432 7.85147 8.68339 7.98936 8.44033 8.15354C7.6282 8.73319 6.86895 9.38358 6.17147 10.0971C5.37395 10.9007 4.64507 11.7697 3.99245 12.6949V12.6983V12.6942C2.50009 14.8101 1.44154 17.2006 0.877888 19.7277C0.866658 19.775 0.0417823 23.3806 0.448605 25.2506Z", fill: "url(#paint7_radial_2937_2828)" }), jsx("path", { d: "M31.6335 16.0906C32.4809 16.9231 33.2067 17.8708 33.7897 18.9058C33.9101 18.9954 34.0262 19.0905 34.1377 19.1909C39.4006 24.0423 36.6431 30.9004 36.4377 31.3885C40.7129 27.866 43.4453 22.657 42.6242 17.2801C39.9984 10.7337 35.5476 8.09529 31.9126 2.35014C31.7249 2.05728 31.5425 1.76096 31.3658 1.46133C31.2747 1.30483 31.1894 1.14503 31.11 0.982233C30.9592 0.690279 30.843 0.381715 30.7637 0.0628065C30.7638 0.0480847 30.7585 0.0338378 30.7488 0.022781C30.7391 0.0117242 30.7256 0.00463052 30.711 0.00285179C30.6967 -0.000950598 30.6816 -0.000950598 30.6673 0.00285179C30.6644 0.00285179 30.6596 0.00828576 30.6559 0.00955368C30.6523 0.0106405 30.6445 0.0160744 30.6393 0.0184292C29.7414 0.444271 24.4174 8.87452 31.6335 16.0906Z", fill: "url(#paint8_radial_2937_2828)" }), jsx("path", { d: "M34.1373 19.1882C34.0258 19.0878 33.9097 18.9927 33.7893 18.9031C33.7421 18.8678 33.6953 18.8325 33.645 18.7971C32.0121 17.6661 30.0175 17.1818 28.0478 17.4381C36.3971 21.6128 34.157 35.9887 22.586 35.4461C21.5557 35.4038 20.5376 35.2074 19.5656 34.8634C19.3356 34.7772 19.1083 34.6841 18.884 34.5842C18.7527 34.5243 18.6215 34.4645 18.4922 34.3973L18.5083 34.4076C20.1218 35.5091 28.0915 38.2002 36.4241 31.4128L36.4373 31.3829C36.6451 30.8977 39.4026 24.038 34.1373 19.1882Z", fill: "url(#paint9_radial_2937_2828)" }), jsx("path", { d: "M13.0244 26.8009C13.0244 26.8009 14.096 22.8077 20.697 22.8077C21.4103 22.8077 23.4522 20.8163 23.4888 20.2389C20.6502 21.2672 17.5219 21.1442 14.7729 19.8962C13.4394 19.2199 11.9549 18.8963 10.4609 18.9563C8.96697 19.0163 7.51324 19.4578 6.23828 20.2389C6.72219 21.2854 7.49922 22.1692 8.47523 22.7832C9.45125 23.3971 10.5844 23.7148 11.7373 23.6978C11.3073 27.4934 13.3137 31.9184 18.1705 34.2393C18.279 34.2915 18.3808 34.3478 18.4922 34.3974C15.6575 32.933 13.3167 30.1635 13.0244 26.8009Z", fill: "url(#paint10_radial_2937_2828)" }), jsx("path", { d: "M44.9256 16.068C43.9169 13.641 41.871 11.0206 40.2687 10.1923C41.4115 12.4055 42.2045 14.7823 42.6196 17.2383L42.6238 17.2772C39.9992 10.7337 35.5484 8.09529 31.9135 2.35014C31.7257 2.05728 31.5434 1.76096 31.3666 1.46133C31.2755 1.30483 31.1902 1.14503 31.1109 0.982233C30.96 0.690279 30.8438 0.381715 30.7645 0.0628065C30.7647 0.0480847 30.7593 0.0338378 30.7496 0.022781C30.7399 0.0117242 30.7265 0.00463052 30.7118 0.00285179C30.6975 -0.000950598 30.6825 -0.000950598 30.6682 0.00285179C30.6653 0.00285179 30.6604 0.00828576 30.6568 0.00955368C30.6532 0.0106405 30.6454 0.0160744 30.6401 0.0184292L30.649 0.00285179C24.8183 3.41701 22.8398 9.73707 22.6578 12.8984C22.9286 12.8797 23.1969 12.8569 23.4736 12.8569C25.5425 12.8607 27.5735 13.4123 29.36 14.4556C31.1466 15.499 32.625 16.9968 33.6449 18.7968C32.0121 17.6657 30.0174 17.1814 28.0477 17.4377C36.3972 21.6125 34.1572 35.9884 22.5859 35.4457C21.5556 35.4034 20.5375 35.207 19.5655 34.863C19.3356 34.7768 19.1083 34.6837 18.8839 34.5839C18.7528 34.5239 18.6215 34.4641 18.4921 34.3969L18.5082 34.4073C18.3948 34.3528 18.2822 34.2967 18.1704 34.2388C18.2789 34.291 18.3807 34.3473 18.4921 34.3969C15.6574 32.9319 13.3166 30.1624 13.0243 26.7999C13.0243 26.7999 14.0959 22.8067 20.6969 22.8067C21.4102 22.8067 23.4521 20.8153 23.4887 20.2378C23.4796 20.0491 19.4396 18.441 17.8645 16.8896C17.023 16.0602 16.6234 15.6606 16.2695 15.3605C16.0781 15.1985 15.8782 15.047 15.6704 14.9066C15.1416 13.0552 15.1191 11.0958 15.6052 9.2328C13.464 10.2701 11.5613 11.7406 10.0177 13.5512H10.0068C9.08684 12.385 9.15151 8.53979 9.20422 7.73647C8.93207 7.84592 8.67227 7.98387 8.42915 8.148C7.61705 8.7277 6.85781 9.37808 6.16029 10.0915C5.36558 10.8974 4.63972 11.7684 3.99033 12.6953C2.49796 14.8112 1.43941 17.201 0.875764 19.7281L0.84479 19.8814C0.800956 20.0857 0.605152 21.123 0.576896 21.3458C0.576896 21.3627 0.576896 21.3284 0.576896 21.3458C0.3978 22.4167 0.283419 23.4973 0.234375 24.5819V24.7018C0.249952 42.5725 19.6054 53.7246 35.074 44.7758C38.018 43.0727 40.5517 40.7435 42.4961 37.953C44.4404 35.1625 45.7479 31.9789 46.326 28.6273C46.3649 28.3279 46.3966 28.0314 46.4314 27.7289C46.9095 23.7772 46.3919 19.7687 44.9256 16.068Z", fill: "url(#paint11_linear_2937_2828)" })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "paint0_linear_2937_2828", x1: 41.8529, y1: 7.4202, x2: 3.31712, y2: 44.6, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.048, stopColor: "#FFF44F" }), jsx("stop", { offset: 0.111, stopColor: "#FFE847" }), jsx("stop", { offset: 0.225, stopColor: "#FFC830" }), jsx("stop", { offset: 0.368, stopColor: "#FF980E" }), jsx("stop", { offset: 0.401, stopColor: "#FF8B16" }), jsx("stop", { offset: 0.462, stopColor: "#FF672A" }), jsx("stop", { offset: 0.534, stopColor: "#FF3647" }), jsx("stop", { offset: 0.705, stopColor: "#E31587" })] }), jsxs("radialGradient", { id: "paint1_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(40.0731 5.3154) scale(48.3933 48.3933)", children: [jsx("stop", { offset: 0.129, stopColor: "#FFBD4F" }), jsx("stop", { offset: 0.186, stopColor: "#FFAC31" }), jsx("stop", { offset: 0.247, stopColor: "#FF9D17" }), jsx("stop", { offset: 0.283, stopColor: "#FF980E" }), jsx("stop", { offset: 0.403, stopColor: "#FF563B" }), jsx("stop", { offset: 0.467, stopColor: "#FF3750" }), jsx("stop", { offset: 0.71, stopColor: "#F5156C" }), jsx("stop", { offset: 0.782, stopColor: "#EB0878" }), jsx("stop", { offset: 0.86, stopColor: "#E50080" })] }), jsxs("radialGradient", { id: "paint2_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(22.3897 25.0999) scale(48.3933 48.3933)", children: [jsx("stop", { offset: 0.3, stopColor: "#960E18" }), jsx("stop", { offset: 0.351, stopColor: "#B11927", stopOpacity: 0.74 }), jsx("stop", { offset: 0.435, stopColor: "#DB293D", stopOpacity: 0.343 }), jsx("stop", { offset: 0.497, stopColor: "#F5334B", stopOpacity: 0.094 }), jsx("stop", { offset: 0.53, stopColor: "#FF3750", stopOpacity: 0 })] }), jsxs("radialGradient", { id: "paint3_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(28.2264 -5.66503) scale(35.0589 35.0589)", children: [jsx("stop", { offset: 0.132, stopColor: "#FFF44F" }), jsx("stop", { offset: 0.252, stopColor: "#FFDC3E" }), jsx("stop", { offset: 0.506, stopColor: "#FF9D12" }), jsx("stop", { offset: 0.526, stopColor: "#FF980E" })] }), jsxs("radialGradient", { id: "paint4_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(17.036 37.7441) scale(23.0422)", children: [jsx("stop", { offset: 0.353, stopColor: "#3A8EE6" }), jsx("stop", { offset: 0.472, stopColor: "#5C79F0" }), jsx("stop", { offset: 0.669, stopColor: "#9059FF" }), jsx("stop", { offset: 1, stopColor: "#C139E6" })] }), jsxs("radialGradient", { id: "paint5_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(25.0406 21.1378) rotate(-13.5915) scale(12.2168 14.3028)", children: [jsx("stop", { offset: 0.206, stopColor: "#9059FF", stopOpacity: 0 }), jsx("stop", { offset: 0.278, stopColor: "#8C4FF3", stopOpacity: 0.064 }), jsx("stop", { offset: 0.747, stopColor: "#7716A8", stopOpacity: 0.45 }), jsx("stop", { offset: 0.975, stopColor: "#6E008B", stopOpacity: 0.6 })] }), jsxs("radialGradient", { id: "paint6_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(21.781 3.3377) scale(16.5765 16.5765)", children: [jsx("stop", { stopColor: "#FFE226" }), jsx("stop", { offset: 0.121, stopColor: "#FFDB27" }), jsx("stop", { offset: 0.295, stopColor: "#FFC82A" }), jsx("stop", { offset: 0.502, stopColor: "#FFA930" }), jsx("stop", { offset: 0.732, stopColor: "#FF7E37" }), jsx("stop", { offset: 0.792, stopColor: "#FF7139" })] }), jsxs("radialGradient", { id: "paint7_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(34.8104 -7.17827) scale(70.7246 70.7245)", children: [jsx("stop", { offset: 0.113, stopColor: "#FFF44F" }), jsx("stop", { offset: 0.456, stopColor: "#FF980E" }), jsx("stop", { offset: 0.622, stopColor: "#FF5634" }), jsx("stop", { offset: 0.716, stopColor: "#FF3647" }), jsx("stop", { offset: 0.904, stopColor: "#E31587" })] }), jsxs("radialGradient", { id: "paint8_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(28.8579 -3.24665) rotate(83.9761) scale(51.8358 34.0194)", children: [jsx("stop", { stopColor: "#FFF44F" }), jsx("stop", { offset: 0.06, stopColor: "#FFE847" }), jsx("stop", { offset: 0.168, stopColor: "#FFC830" }), jsx("stop", { offset: 0.304, stopColor: "#FF980E" }), jsx("stop", { offset: 0.356, stopColor: "#FF8B16" }), jsx("stop", { offset: 0.455, stopColor: "#FF672A" }), jsx("stop", { offset: 0.57, stopColor: "#FF3647" }), jsx("stop", { offset: 0.737, stopColor: "#E31587" })] }), jsxs("radialGradient", { id: "paint9_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(21.3907 9.47634) scale(44.1546 44.1546)", children: [jsx("stop", { offset: 0.137, stopColor: "#FFF44F" }), jsx("stop", { offset: 0.48, stopColor: "#FF980E" }), jsx("stop", { offset: 0.592, stopColor: "#FF5634" }), jsx("stop", { offset: 0.655, stopColor: "#FF3647" }), jsx("stop", { offset: 0.904, stopColor: "#E31587" })] }), jsxs("radialGradient", { id: "paint10_radial_2937_2828", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(33.0439 12.0614) scale(48.3268 48.3268)", children: [jsx("stop", { offset: 0.094, stopColor: "#FFF44F" }), jsx("stop", { offset: 0.231, stopColor: "#FFE141" }), jsx("stop", { offset: 0.509, stopColor: "#FFAF1E" }), jsx("stop", { offset: 0.626, stopColor: "#FF980E" })] }), jsxs("linearGradient", { id: "paint11_linear_2937_2828", x1: 41.3899, y1: 7.22135, x2: 8.59986, y2: 40.0108, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0.167, stopColor: "#FFF44F", stopOpacity: 0.8 }), jsx("stop", { offset: 0.266, stopColor: "#FFF44F", stopOpacity: 0.634 }), jsx("stop", { offset: 0.489, stopColor: "#FFF44F", stopOpacity: 0.217 }), jsx("stop", { offset: 0.6, stopColor: "#FFF44F", stopOpacity: 0 })] }), jsx("clipPath", { id: "clip0_2937_2828", children: jsx("rect", { width: 46.3698, height: 48, fill: "white" }) })] })] }))); };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onpe/ui",
3
- "version": "1.2.41",
3
+ "version": "1.2.42",
4
4
  "type": "module",
5
5
  "description": "Librería de componentes UI para ONPE - Componentes, Hooks, Utils y Librerías",
6
6
  "main": "dist/index.js",