@telefonica/mistica 14.12.0 → 14.14.0

package/dist-es/generated/mistica-icons/icon-tickets-regular.js

@@ -77,46 +77,62 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const m = (_param)=>{
-    var { color: o , size: a = 24  } = _param, e = _object_without_properties(_param, [
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { useTheme as n } from "../../hooks.js";
+import { useIsInverseVariant as m } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+const s = (_param)=>{
+    var { color: h , size: l = 24  } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = n(), r = o !== null && o !== void 0 ? o : h ? c.colors.inverse : c.colors.neutralHigh, { skinName: t  } = i();
-    return t.match(/^blau/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const o = m(), e = h !== null && h !== void 0 ? h : o ? r.colors.inverse : r.colors.neutralHigh, { skinName: i  } = n();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: r,
+    }, t), {
+        children: [
+            /* @__PURE__ */ a("path", {
+                fill: e,
+                d: "M11.008 9.594l-1.414 1.414-.884-.884 1.414-1.414.884.884z"
+            }),
+            /* @__PURE__ */ a("path", {
+                fill: e,
+                d: "M6.372 15.918l4.947 4.947a3.859 3.859 0 005.457.002l4.091-4.09a3.859 3.859 0 00-.002-5.458l-4.947-4.947-3.325.766.767-3.324-.683-.683A3.859 3.859 0 007.22 3.13L3.13 7.22a3.859 3.859 0 00.001 5.457l.683.683 3.324-.767-.766 3.325zm-2.164-3.932l-.193-.193a2.609 2.609 0 01-.002-3.689l4.091-4.091a2.609 2.609 0 013.69.002l.192.193-.61 2.65a1.25 1.25 0 001.498 1.499l2.65-.611 4.458 4.457a2.609 2.609 0 01.002 3.69l-4.092 4.09a2.609 2.609 0 01-3.689-.002l-4.457-4.457.61-2.65a1.25 1.25 0 00-1.498-1.499l-2.65.61z"
+            })
+        ]
+    })) : i.match(/^blau/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: e,
             d: "M9.1 2L6.508 4.712l.408.464c.148.168.328.452.328.84a1.293 1.293 0 01-2.096 1.008l-.488-.38L2 9.424 14.7 22l2.7-2.672-.384-.472a1.273 1.273 0 01-.292-.8c0-.708.584-1.284 1.3-1.284.368 0 .64.156.808.292l.476.38L22 14.78 9.1 2zM4.848 8.416c.344.156.716.24 1.1.24 1.468 0 2.664-1.184 2.664-2.64 0-.424-.108-.84-.308-1.216l.824-.86 2.9 2.872-5.368 5.312-2.752-2.728.94-.98zm14.312 7.256a2.65 2.65 0 00-1.136-.256c-1.468 0-2.664 1.184-2.664 2.64 0 .392.088.776.26 1.124l-.916.908-7.076-7.008 5.368-5.312 7.076 7.008-.912.896z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: r,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: e,
             d: "M9.015 21.79c.126.137.3.21.479.21a.677.677 0 00.483-.21l11.35-11.924a.735.735 0 000-1.005l-2.294-2.41a.673.673 0 00-.962 0 .549.549 0 01-.784 0 .6.6 0 010-.822.74.74 0 000-1.01L14.993 2.21a.65.65 0 00-.958 0L2.68 14.14a.735.735 0 000 1.005l2.295 2.409a.658.658 0 00.962 0 .534.534 0 01.784 0c.104.11.16.256.16.411a.592.592 0 01-.16.412.736.736 0 000 1.006l2.294 2.408zm.479-1.513l-1.42-1.49c.114-.256.17-.54.17-.827 0-.535-.2-1.042-.561-1.422a1.856 1.856 0 00-2.138-.41l-1.42-1.49 10.393-10.91 1.415 1.485a2.08 2.08 0 00.392 2.244 1.863 1.863 0 002.142.416l1.42 1.49L9.493 20.277zm1.106-4.36a.503.503 0 01-.166-.028.53.53 0 01-.34-.452l-.187-2.057-1.71-.818a.546.546 0 01-.301-.493.534.534 0 01.314-.485l1.789-.79.222-1.993a.525.525 0 01.357-.448.495.495 0 01.536.164l1.24 1.518 1.907-.384c.2-.041.4.046.518.224a.547.547 0 01.013.585l-.992 1.677.931 1.82a.55.55 0 01-.043.575.501.501 0 01-.518.197l-1.872-.44-1.328 1.459a.49.49 0 01-.37.169zm-.005-3.387a.535.535 0 01.296.434l.11 1.198.752-.832a.487.487 0 01.48-.15l1.066.25-.54-1.06a.555.555 0 01.018-.534l.53-.905-1.057.214a.492.492 0 01-.483-.178l-.675-.832-.122 1.084a.528.528 0 01-.31.43l-.988.442.923.44z"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: r,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: e,
             d: "M21.84 4.222a2.069 2.069 0 00-2.07-2.062h-2.191a1.185 1.185 0 00-1.18 1.022.68.68 0 01-1.344 0 1.18 1.18 0 00-1.176-1.022h-2.194c-.989 0-1.84.703-2.025 1.678-.03.012-.06.022-.09.032a.883.883 0 00-.162.066l-1.703.952c-.49.272-.703.866-.496 1.387a.546.546 0 01-.24.658.548.548 0 01-.69-.137 1.116 1.116 0 00-1.448-.3l-1.703.953a1.885 1.885 0 00-.902 1.145 1.875 1.875 0 00.17 1.446L8.51 20.872a1.89 1.89 0 001.148.901 1.902 1.902 0 001.451-.173l1.717-.961c.174-.095.308-.235.407-.4h.663a1.196 1.196 0 001.168-.964.678.678 0 011.328 0c.11.56.602.963 1.168.963h2.21c1.14 0 2.068-.921 2.07-2.061V4.222zm-1.222 0v13.955c0 .468-.38.846-.849.843l-2.179.02a1.902 1.902 0 00-1.863-1.527c-.905 0-1.686.644-1.832 1.507h-2.21a.848.848 0 01-.849-.846v-9.97l.001-.032a.541.541 0 000-.065V4.222a.85.85 0 01.848-.846l2.163-.02a1.91 1.91 0 001.88 1.62c.938 0 1.744-.698 1.85-1.6h2.191a.85.85 0 01.849.846zm-9.44 15.944l-.666.375a.697.697 0 01-.942-.26L3.458 9.443V9.44a.686.686 0 01.266-.933l1.634-.913a1.777 1.777 0 002.207.398 1.762 1.762 0 00.807-2.087l1.246-.7v2.641l-3.933 2.202h-.003a.606.606 0 00-.23.826l3.978 7.05a.58.58 0 00.188.191v.059a2.058 2.058 0 001.56 1.992zm-1.56-4.387l-2.801-4.966L9.618 9.24v6.538zm3.28-.28V6.947h5.773V15.5h-5.773zm6.994-9.16a.61.61 0 00-.61-.608H12.29a.61.61 0 00-.61.608v9.768a.61.61 0 00.61.608h6.992a.61.61 0 00.61-.608V6.339z"
         })
     }));
-}, d = m;
-export { d as default };
+}, g = s;
+export { g as default };

package/dist-es/hooks.js

@@ -1,116 +1,117 @@
 import * as n from "react";
 import f from "./theme-context.js";
-import a from "./screen-size-context.js";
-import m from "./aria-id-getter-context.js";
-import { listenResize as g } from "./utils/dom.js";
+import m from "./screen-size-context.js";
+import g from "./aria-id-getter-context.js";
+import { listenResize as S } from "./utils/dom.js";
+import { isClientSide as h } from "./utils/environment.js";
 const y = ()=>{
     const t = n.useContext(f);
     if (!t) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
     return t;
-}, I = (t)=>{
+}, E = (t)=>{
     n.useEffect(()=>{
         if (t) {
-            let i = "", e = 0, o = 0;
-            const r = document.scrollingElement || document.documentElement, d = ()=>{
+            let s = "", e = 0, i = 0;
+            const r = document.scrollingElement || document.documentElement, c = ()=>{
                 var u;
                 var _ref, _ref1;
-                if (o++, !(o > 1) && (e = (_ref = r == null ? void 0 : r.scrollTop) !== null && _ref !== void 0 ? _ref : 0, i = (_ref1 = (u = document.body) == null ? void 0 : u.style.cssText) !== null && _ref1 !== void 0 ? _ref1 : "", document.body)) {
+                if (i++, !(i > 1) && (e = (_ref = r == null ? void 0 : r.scrollTop) !== null && _ref !== void 0 ? _ref : 0, s = (_ref1 = (u = document.body) == null ? void 0 : u.style.cssText) !== null && _ref1 !== void 0 ? _ref1 : "", document.body)) {
                     var _ref2;
-                    const w = window.innerWidth > ((_ref2 = r == null ? void 0 : r.clientWidth) !== null && _ref2 !== void 0 ? _ref2 : window.innerWidth) ? "scroll" : "hidden";
-                    document.body.style.cssText = `overflow:hidden;overflow-y:${w};position:fixed;top:${-e}px;left:0px;right:0px;bottom:0px`;
+                    const l = window.innerWidth > ((_ref2 = r == null ? void 0 : r.clientWidth) !== null && _ref2 !== void 0 ? _ref2 : window.innerWidth) ? "scroll" : "hidden";
+                    document.body.style.cssText = `overflow:hidden;overflow-y:${l};position:fixed;top:${-e}px;left:0px;right:0px;bottom:0px`;
                 }
-            }, s = ()=>{
-                o--, !(o > 0) && (document.body && (document.body.style.cssText = i), r && (r.scrollTop = e));
+            }, o = ()=>{
+                i--, !(i > 0) && (document.body && (document.body.style.cssText = s), r && (r.scrollTop = e));
             };
-            return d(), s;
+            return c(), o;
         }
         return ()=>{};
     }, [
         t
     ]);
-}, v = ()=>n.useContext(a), E = ()=>{
-    const [t, i] = n.useState(0), [e, o] = n.useState(0), [r, d] = n.useState(null), s = n.useCallback((c)=>{
-        if (!c) {
-            i(0), o(0);
+}, H = ()=>n.useContext(m), T = ()=>{
+    const [t, s] = n.useState(0), [e, i] = n.useState(0), [r, c] = n.useState(null), o = n.useCallback((d)=>{
+        if (!d) {
+            s(0), i(0);
             return;
         }
-        const { width: w , height: l  } = c[0].contentRect;
-        i(w), o(l);
-    }, []), u = n.useCallback((c)=>{
-        d(c);
+        const { width: l , height: a  } = d[0].contentRect;
+        s(l), i(a);
+    }, []), u = n.useCallback((d)=>{
+        c(d);
     }, []);
     return n.useEffect(()=>{
         if (!r) {
-            i(0), o(0);
+            s(0), i(0);
             return;
         }
-        return g(r, s);
+        return S(r, o);
     }, [
         r,
-        s
+        o
     ]), {
         width: t,
         height: e,
         ref: u
     };
-}, H = (t)=>{
-    const { useId: i  } = y();
-    if (i) {
-        const e = i();
+}, z = (t)=>{
+    const { useId: s  } = y();
+    if (s) {
+        const e = s();
         return t || e;
     } else {
-        const e = n.useContext(m);
+        const e = n.useContext(g);
         return n.useRef(t || e()).current;
     }
-}, h = ()=>{
-    const [t, i] = n.useState(typeof window < "u" ? window.innerHeight : 1200), [e, o] = n.useState(typeof window < "u" ? window.innerWidth : 800), [r, d] = n.useState(typeof window < "u" ? window.screen.availHeight : 1200), [s, u] = n.useState(typeof window < "u" ? window.screen.availWidth : 800);
+}, w = ()=>{
+    const [t, s] = n.useState(h() ? window.innerHeight : 1200), [e, i] = n.useState(h() ? window.innerWidth : 800), [r, c] = n.useState(h() ? window.screen.availHeight : 1200), [o, u] = n.useState(h() ? window.screen.availWidth : 800);
     return n.useEffect(()=>{
-        const c = ()=>{
-            i(window.innerHeight), o(window.innerWidth), d(window.screen.availHeight), u(window.screen.availWidth);
+        const d = ()=>{
+            s(window.innerHeight), i(window.innerWidth), c(window.screen.availHeight), u(window.screen.availWidth);
         };
-        return window.addEventListener("resize", c), ()=>{
-            window.removeEventListener("resize", c);
+        return window.addEventListener("resize", d), ()=>{
+            window.removeEventListener("resize", d);
         };
     }, []), n.useMemo(()=>({
             height: t,
             width: e,
             screenHeight: r,
-            screenWidth: s
+            screenWidth: o
         }), [
         t,
         e,
         r,
-        s
+        o
     ]);
-}, T = ()=>{
-    const { height: t  } = h();
+}, C = ()=>{
+    const { height: t  } = w();
     return t;
-}, z = ()=>{
-    const { width: t  } = h();
+}, R = ()=>{
+    const { width: t  } = w();
     return t;
-}, C = ()=>{
-    const { screenHeight: t  } = h();
+}, B = ()=>{
+    const { screenHeight: t  } = w();
     return t;
-}, R = ()=>(window == null ? void 0 : window.top) !== (window == null ? void 0 : window.self), B = typeof window < "u" ? n.useLayoutEffect : n.useEffect, L = (t, i, e)=>{
-    const [o, r] = n.useState(i);
+}, L = ()=>h() && window.top !== window.self, M = h() ? n.useLayoutEffect : n.useEffect, A = (t, s, e)=>{
+    const [i, r] = n.useState(s);
     return n.useEffect(()=>{
         if (!t.current) return;
         if (typeof window.IntersectionObserver > "u") return ()=>{};
-        const d = new IntersectionObserver((s)=>{
-            r(s[0].isIntersecting);
+        const c = new IntersectionObserver((o)=>{
+            r(o[0].isIntersecting);
         }, {
             root: e == null ? void 0 : e.root,
             rootMargin: e == null ? void 0 : e.rootMargin,
             threshold: e == null ? void 0 : e.threshold
         });
-        return d.observe(t.current), ()=>{
-            d.disconnect();
+        return c.observe(t.current), ()=>{
+            c.disconnect();
         };
     }, [
         t,
         e == null ? void 0 : e.root,
         e == null ? void 0 : e.rootMargin,
         e == null ? void 0 : e.threshold
-    ]), o;
+    ]), i;
 };
-export { H as useAriaId, I as useDisableBodyScroll, E as useElementDimensions, L as useIsInViewport, R as useIsWithinIFrame, B as useIsomorphicLayoutEffect, C as useScreenHeight, v as useScreenSize, y as useTheme, T as useWindowHeight, h as useWindowSize, z as useWindowWidth };
+export { z as useAriaId, E as useDisableBodyScroll, T as useElementDimensions, A as useIsInViewport, L as useIsWithinIFrame, M as useIsomorphicLayoutEffect, B as useScreenHeight, H as useScreenSize, y as useTheme, C as useWindowHeight, w as useWindowSize, R as useWindowWidth };