@telefonica/mistica 16.70.0 → 16.72.0

package/dist-es/fixed-footer-layout.css-mistica.js

@@ -1,4 +1,4 @@
 /* empty css                                     */ /* empty css                                               */ var j = {
-    footerHeight: "var(--v16_70_p5j8j50)"
-}, r = "v16_70_p5j8j53 v16_70_p5j8j52 v16_70_1y2v1nfqr", t = "v16_70_p5j8j54", n = "v16_70_p5j8j55", a = "v16_70_p5j8j56 v16_70_1y2v1nfq3", f = "v16_70_p5j8j57", p = "v16_70_p5j8j59 v16_70_p5j8j58 v16_70_1y2v1nfte v16_70_1y2v1nftt v16_70_1y2v1nfu8 v16_70_1y2v1nfun v16_70_1y2v1nfq0", e = "v16_70_p5j8j5b v16_70_p5j8j5a v16_70_1y2v1nfte v16_70_1y2v1nftt v16_70_1y2v1nfu8 v16_70_1y2v1nfun v16_70_1y2v1nfq0", o = "v16_70_p5j8j5d v16_70_p5j8j5c v16_70_1y2v1nftt v16_70_1y2v1nfu8 v16_70_1y2v1nfpz";
-export { o as absoluteBackgroundLayer, f as container, n as elevated, e as fixedBackgroundLayer, t as fixedFooter, r as footer, p as portal, j as vars, a as withoutFooter };
+    footerHeight: "var(--v16_72_p5j8j50)"
+}, r = "v16_72_p5j8j53 v16_72_p5j8j52 v16_72_1y2v1nfqr", a = "v16_72_p5j8j54", f = "v16_72_p5j8j55", n = "v16_72_p5j8j56 v16_72_1y2v1nfq3", t = "v16_72_p5j8j57", p = "v16_72_p5j8j59 v16_72_p5j8j58 v16_72_1y2v1nftd v16_72_1y2v1nfts v16_72_1y2v1nfu7 v16_72_1y2v1nfum v16_72_1y2v1nfq0", o = "v16_72_p5j8j5b v16_72_p5j8j5a v16_72_1y2v1nftd v16_72_1y2v1nfts v16_72_1y2v1nfu7 v16_72_1y2v1nfum v16_72_1y2v1nfq0", y = "v16_72_p5j8j5d v16_72_p5j8j5c v16_72_1y2v1nfts v16_72_1y2v1nfu7 v16_72_1y2v1nfpz";
+export { y as absoluteBackgroundLayer, t as container, f as elevated, o as fixedBackgroundLayer, a as fixedFooter, r as footer, p as portal, j as vars, n as withoutFooter };

package/dist-es/fixed-footer-layout.js

@@ -7,8 +7,8 @@ import { isRunningAcceptanceTest as j } from "./utils/platform.js";
 import { useBoundingRect as M, useScreenSize as W, useTheme as G, useElementDimensions as E, useWindowSize as X, useIsomorphicLayoutEffect as q } from "./hooks.js";
 import { getScrollableParentElement as J, addPassiveEventListener as b, removePassiveEventListener as T, hasScroll as K, getScrollDistanceToBottom as Q } from "./utils/dom.js";
 import { Portal as U } from "./portal.js";
-import { vars as F } from "./skins/skin-contract.css-mistica.js";
-import { container as Y, footer as Z, fixedFooter as C, elevated as V, withoutFooter as ee, portal as te, fixedBackgroundLayer as oe, absoluteBackgroundLayer as S, vars as re } from "./fixed-footer-layout.css-mistica.js";
+import { vars as S } from "./skins/skin-contract.css-mistica.js";
+import { container as Y, footer as Z, fixedFooter as C, elevated as V, withoutFooter as ee, portal as te, fixedBackgroundLayer as oe, absoluteBackgroundLayer as k, vars as re } from "./fixed-footer-layout.css-mistica.js";
 import { applyCssVars as se, safeAreaInsetBottom as ae } from "./utils/css.js";
 import { useFixedToTopHeight as ne } from "./fixed-to-top.js";
 import { useOverScrollColor as ie } from "./overscroll-color-context.js";
@@ -17,8 +17,8 @@ const ce = (e)=>e === document.documentElement ? window : e, le = (e)=>{
     return {
         cancel: ()=>clearTimeout(c)
     };
-}, de = 200, Se = (param)=>{
-    let { isFooterVisible: e = !0, footer: c, footerHeight: k = "auto", footerBgColor: n = F.colors.background, footerRole: H, containerBgColor: L = F.colors.background, children: $, onChangeFooterHeight: h, footerScrollEffect: f = !0 } = param;
+}, de = 200, ke = (param)=>{
+    let { isFooterVisible: e = !0, footer: c, footerHeight: F = "auto", footerBgColor: n = S.colors.background, footerRole: H, containerBgColor: L = S.colors.background, children: $, onChangeFooterHeight: h, footerScrollEffect: f = !0 } = param;
     const [w, v] = g.useState(!1), l = g.useRef(null), { height: d } = M(l) || {
         height: 0
     }, { isTabletOrSmaller: m } = W(), { platformOverrides: x } = G(), { height: o, ref: D } = E({
@@ -63,7 +63,7 @@ const ce = (e)=>e === document.documentElement ? window : e, le = (e)=>{
                 }),
                 /* @__PURE__ */ s("div", {
                     ref: R,
-                    className: S,
+                    className: k,
                     style: {
                         background: L,
                         // this color could be a gradient
@@ -74,7 +74,7 @@ const ce = (e)=>e === document.documentElement ? window : e, le = (e)=>{
                     }
                 }),
                 /* @__PURE__ */ s("div", {
-                    className: S,
+                    className: k,
                     style: {
                         background: n,
                         top: y + a - 1,
@@ -116,10 +116,9 @@ const ce = (e)=>e === document.documentElement ? window : e, le = (e)=>{
                 children: e && /* @__PURE__ */ s("div", {
                     role: H,
                     ref: D,
-                    "data-component-name": "FixedFooter",
                     "data-testid": "FixedFooter",
                     style: {
-                        height: k,
+                        height: F,
                         marginBottom: ae
                     },
                     children: c
@@ -128,4 +127,4 @@ const ce = (e)=>e === document.documentElement ? window : e, le = (e)=>{
         ]
     });
 };
-export { Se as default };
+export { ke as default };

package/dist-es/form.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                */ var p = "v16_70_1dycpqb0 v16_70_1y2v1nfqr";
+/* empty css                                     */ /* empty css                                */ var p = "v16_72_1dycpqb0 v16_72_1y2v1nfqr";
 export { p as form };

package/dist-es/form.js

@@ -188,7 +188,9 @@ const fe = (param)=>{
             ref: d,
             className: Q(X, A),
             noValidate: !0
-        }, re(T, "Form")), {
+        }, re(_object_spread({
+            testid: "Form"
+        }, T))), {
             children: [
                 G ? /* @__PURE__ */ g(J, {
                     children: /* @__PURE__ */ g("span", {

package/dist-es/generated/mistica-icons/icon-3-d-view-filled.js

@@ -78,23 +78,23 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import * as s from "react";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as f } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as g } from "../../utils/icon-gradient.js";
-const q = (_param)=>{
-    var { color: d, size: t = 24 } = _param, r = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = f(), v = o === "brand" || o === "media" ? i.colors.neutralHighBrand : o === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: l, gradientDef: c } = g(d !== null && d !== void 0 ? d : v), { skinName: h } = m(), a = h.match(/^o2-new/i) ? /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+    const r = v(), d = r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: l, gradientDef: i } = g(h !== null && h !== void 0 ? h : d), { skinName: m } = f(), o = m.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: l,
@@ -105,28 +105,12 @@ const q = (_param)=>{
                 d: "M18.126 17.517c-.374 0-.68.31-.68.69s.306.69.68.69h.987c-1.599 1.069-4.048 1.724-6.77 1.724-4.693 0-8.502-2.104-8.502-4.655 0-.863.442-1.587 1.02-2.173v.793c0 .242.136.483.34.586l6.633 3.863V10.93L4.86 6.793v5.241c-1.565 1.104-2.381 2.449-2.381 3.932C2.48 19.345 6.8 22 12.344 22c3.163 0 5.986-.828 7.823-2.172v1.137c0 .38.306.69.68.69s.68-.31.68-.69v-3.448z"
             })
         ]
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: [
-            /* @__PURE__ */ e("path", {
-                fill: l,
-                d: "m12.344 10.035 6.87-4.104-6.53-3.828a.61.61 0 0 0-.68 0L5.439 5.931zm.51.896v8.138l6.633-3.897c.204-.138.34-.344.34-.586V6.724z"
-            }),
-            /* @__PURE__ */ e("path", {
-                fill: l,
-                d: "M18.126 17.517c-.374 0-.68.31-.68.69s.306.69.68.69h.987c-1.599 1.069-4.048 1.724-6.77 1.724-4.693 0-8.502-2.104-8.502-4.655 0-.863.442-1.587 1.02-2.173v.793c0 .242.136.483.34.586l6.633 3.863V10.93L4.86 6.793v5.241c-1.565 1.104-2.381 2.449-2.381 3.932C2.48 19.345 6.8 22 12.344 22c3.163 0 5.986-.828 7.823-2.172v1.137c0 .38.306.69.68.69s.68-.31.68-.69v-3.448z"
-            })
-        ]
-    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, r), {
+    }, n), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: l,
@@ -138,11 +122,11 @@ const q = (_param)=>{
             })
         ]
     }));
-    return c ? /*#__PURE__*/ s.cloneElement(a, {}, [
+    return i ? /*#__PURE__*/ s.cloneElement(o, {}, [
         /* @__PURE__ */ e("defs", {
-            children: c
+            children: i
         }, "gradient-defs"),
-        ...s.Children.toArray(a.props.children)
-    ]) : a;
+        ...s.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { q as default };
+export { x as default };

package/dist-es/generated/mistica-icons/icon-3-d-view-light.js

@@ -78,59 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as m } from "react/jsx-runtime";
-import * as h from "react";
-import { useTheme as d } from "../../hooks.js";
-import { useThemeVariant as f } from "../../theme-variant-context.js";
-import { vars as n } from "../../skins/skin-contract.css-mistica.js";
-import { useIconGradient as g } from "../../utils/icon-gradient.js";
-const x = (_param)=>{
-    var { color: s, size: e = 24 } = _param, a = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const q = (_param)=>{
+    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = f(), v = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: c } = g(s !== null && s !== void 0 ? s : v), { skinName: i } = d(), o = i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const l = d(), h = l === "brand" || l === "media" ? a.colors.neutralHighBrand : l === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: n, gradientDef: i } = f(s !== null && s !== void 0 ? s : h), { skinName: m } = v(), r = m.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M17.436 18.207c0-.38.306-.69.68-.69h3.402v3.448c0 .38-.306.69-.68.69a.687.687 0 0 1-.68-.69v-1.137C18.32 21.172 15.497 22 12.333 22 6.79 22 2.47 19.345 2.47 15.966c0-1.483.816-2.828 2.381-3.931v-5.38c0-.241.136-.448.34-.586l6.803-3.966a.61.61 0 0 1 .68 0l6.803 3.966c.204.103.34.345.34.586v7.931c0 .242-.136.448-.34.586l-6.803 3.966a.65.65 0 0 1-.34.103.65.65 0 0 1-.34-.103L5.19 15.172a.67.67 0 0 1-.34-.586v-.793c-.578.586-1.02 1.31-1.02 2.173 0 2.551 3.81 4.655 8.503 4.655 2.721 0 5.17-.655 6.769-1.724h-.987a.687.687 0 0 1-.68-.69m-5.782-7.173L6.212 7.829v6.379l5.442 3.172zm1.36 6.31 5.442-3.137v-6.38l-5.442 3.207zm4.728-10.689-5.408-3.172-5.408 3.172 5.408 3.173z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: [
-            /* @__PURE__ */ l("path", {
-                fill: t,
-                d: "M22 16.29a.71.71 0 0 1-.702.715.71.71 0 0 1-.701-.714c0-.394.314-.714.701-.714.388 0 .702.32.702.714"
-            }),
-            /* @__PURE__ */ l("path", {
-                fill: t,
-                d: "M17.79 18.789c-.211 0-.351-.143-.351-.357s.14-.357.35-.357h3.158v3.211c0 .214-.14.357-.35.357-.211 0-.351-.143-.351-.357V19.36C18.49 21.002 15.368 22 11.825 22 6.315 22 2 19.43 2 16.112c0-1.463.842-2.783 2.456-3.889V6.478c0-.143.07-.25.176-.321l7.017-4.103a.31.31 0 0 1 .351 0l7.017 4.103a.38.38 0 0 1 .176.321v8.207c0 .143-.07.25-.176.321L12 19.11c-.07.035-.105.035-.175.035s-.106 0-.176-.035l-7.017-4.104a.38.38 0 0 1-.176-.32v-1.57c-.877.677-1.754 1.676-1.754 2.996 0 2.855 4.105 5.174 9.123 5.174 3.333 0 6.35-.963 7.965-2.497zm-6.316-7.993L5.158 7.085v7.386l6.316 3.711zm.701 7.386 6.316-3.675V7.085l-6.316 3.71zm5.93-11.704-6.28-3.675-6.281 3.675 6.28 3.675z"
-            })
-        ]
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M12 2.25c.325 0 .644.078.932.226l.12.067 4.666 2.805c.318.19.58.463.759.787.103.186.177.387.222.594a.7.7 0 0 1 .045.32q.005.07.006.143v5.614c0 .749-.383 1.456-1.03 1.845l-4.667 2.806a2.05 2.05 0 0 1-.914.288L12 17.75l-.077-.004-.008-.002a2 2 0 0 1-.847-.22l-.12-.067-3.602-2.165-.239.045c-1.127.3-2.01.69-2.592 1.11-.6.432-.765.802-.765 1.053 0 .202.103.477.465.81s.93.669 1.693.965c1.522.592 3.676.975 6.092.975 1.907 0 3.656-.238 5.061-.633.822-.23 1.492-.51 2.004-.802l-1.363-.334a.75.75 0 0 1-.542-.91.75.75 0 0 1 .904-.558l3.16.774.015.004.006.002.014.004q.06.018.117.046l.043.026a1 1 0 0 1 .083.054q.021.017.041.038.032.027.06.059.021.025.039.051.024.032.044.066.02.037.037.076.012.025.022.052.014.041.023.085.008.03.012.06a1 1 0 0 1 .006.102l.001.04a1 1 0 0 1-.025.168l-.88 3.191a.75.75 0 0 1-.918.53.75.75 0 0 1-.516-.926l.388-1.41c-.673.387-1.483.707-2.368.956-1.556.436-3.444.689-5.468.689-2.554 0-4.9-.401-6.636-1.076-.865-.337-1.617-.756-2.165-1.26s-.949-1.15-.949-1.914c0-.951.615-1.713 1.388-2.27.566-.408 1.285-.756 2.105-1.043a2.17 2.17 0 0 1-.493-1.38V7.194q0-.072.005-.144a.74.74 0 0 1 .047-.324c.124-.567.469-1.07.977-1.377l4.668-2.806c.318-.19.682-.293 1.053-.293M6.75 12.807c0 .242.124.451.303.558l.736.444a.8.8 0 0 1 .17.102l3.291 1.977v-5.425l-4.5-2.25zm6-2.344v5.425l4.196-2.522.065-.045a.66.66 0 0 0 .239-.515V8.213zM12 3.75a.55.55 0 0 0-.281.078v.001L7.055 6.634l-.046.031L12 9.161l4.993-2.496q-.021-.016-.044-.03v-.001L12.28 3.829A.55.55 0 0 0 12 3.75"
         })
     }));
-    return c ? /*#__PURE__*/ h.cloneElement(o, {}, [
-        /* @__PURE__ */ l("defs", {
-            children: c
+    return i ? /*#__PURE__*/ c.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
         }, "gradient-defs"),
-        ...h.Children.toArray(o.props.children)
-    ]) : o;
+        ...c.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { x as default };
+export { q as default };

package/dist-es/generated/mistica-icons/icon-3-d-view-regular.js

@@ -79,52 +79,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import * as v from "react";
-import { useTheme as s } from "../../hooks.js";
+import * as i from "react";
+import { useTheme as v } from "../../hooks.js";
 import { useThemeVariant as d } from "../../theme-variant-context.js";
-import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as f } from "../../utils/icon-gradient.js";
-const V = (_param)=>{
-    var { color: h, size: l = 24 } = _param, t = _object_without_properties(_param, [
+const q = (_param)=>{
+    var { color: s, size: l = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = d(), m = a === "brand" || a === "media" ? n.colors.neutralHighBrand : a === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: r, gradientDef: c } = f(h !== null && h !== void 0 ? h : m), { skinName: i } = s(), o = i.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const t = d(), m = t === "brand" || t === "media" ? a.colors.neutralHighBrand : t === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: n, gradientDef: c } = f(s !== null && s !== void 0 ? s : m), { skinName: h } = v(), r = h.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: n,
             d: "M17.436 18.207c0-.38.306-.69.68-.69h3.402v3.448c0 .38-.306.69-.68.69a.687.687 0 0 1-.681-.69v-1.137C18.32 21.172 15.497 22 12.334 22 6.79 22 2.47 19.345 2.47 15.966c0-1.483.816-2.828 2.38-3.931v-5.38c0-.241.137-.448.341-.586l6.803-3.966a.61.61 0 0 1 .68 0l6.803 3.966c.204.103.34.345.34.586v7.931c0 .242-.136.448-.34.586l-6.803 3.966a.65.65 0 0 1-.34.103.65.65 0 0 1-.34-.103L5.19 15.172a.67.67 0 0 1-.34-.586v-.793c-.578.586-1.02 1.31-1.02 2.173 0 2.551 3.809 4.655 8.503 4.655 2.721 0 5.17-.655 6.769-1.724h-.987a.687.687 0 0 1-.68-.69m-5.782-7.173L6.21 7.829v6.379l5.443 3.172zm1.36 6.31 5.442-3.137v-6.38l-5.442 3.207zm4.728-10.689-5.408-3.172-5.408 3.172 5.408 3.173z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ e("path", {
-            fill: r,
-            d: "M17.436 18.207c0-.38.306-.69.68-.69h3.402v3.448c0 .38-.306.69-.68.69a.687.687 0 0 1-.68-.69v-1.137C18.32 21.172 15.497 22 12.333 22 6.79 22 2.47 19.345 2.47 15.966c0-1.483.816-2.828 2.381-3.931v-5.38c0-.241.136-.448.34-.586l6.803-3.966a.61.61 0 0 1 .68 0l6.803 3.966c.204.103.34.345.34.586v7.931c0 .242-.136.448-.34.586l-6.803 3.966a.65.65 0 0 1-.34.103.65.65 0 0 1-.34-.103L5.19 15.172a.67.67 0 0 1-.34-.586v-.793c-.578.586-1.02 1.31-1.02 2.173 0 2.551 3.81 4.655 8.503 4.655 2.721 0 5.17-.655 6.769-1.724h-.987a.687.687 0 0 1-.68-.69m-5.782-7.173L6.212 7.829v6.379l5.442 3.172zm1.36 6.31 5.442-3.137v-6.38l-5.442 3.207zm4.728-10.689-5.408-3.172-5.408 3.172 5.408 3.173z"
-        })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: n,
             d: "M12 2.25c.325 0 .644.078.932.226l.12.067 4.666 2.805c.318.19.58.463.759.787.103.186.177.387.222.594a.7.7 0 0 1 .045.32q.005.07.006.143v5.614c0 .749-.383 1.456-1.03 1.845l-4.667 2.806a2.05 2.05 0 0 1-.914.288L12 17.75l-.077-.004-.008-.002a2 2 0 0 1-.847-.22l-.12-.067-3.602-2.165-.239.045c-1.127.3-2.01.69-2.592 1.11-.6.432-.765.802-.765 1.053 0 .202.103.477.465.81s.93.669 1.693.965c1.522.592 3.676.975 6.092.975 1.907 0 3.656-.238 5.061-.633.822-.23 1.492-.51 2.004-.802l-1.363-.334a.75.75 0 0 1-.542-.91.75.75 0 0 1 .904-.558l3.16.774.015.004.006.002.014.004q.06.018.117.046l.043.026a1 1 0 0 1 .083.054q.021.017.041.038.032.027.06.059.021.025.039.051.024.032.044.066.02.037.037.076.012.025.022.052.014.041.023.085.008.03.012.06a1 1 0 0 1 .006.102l.001.04a1 1 0 0 1-.025.168l-.88 3.191a.75.75 0 0 1-.918.53.75.75 0 0 1-.516-.926l.388-1.41c-.673.387-1.483.707-2.368.956-1.556.436-3.444.689-5.468.689-2.554 0-4.9-.401-6.636-1.076-.865-.337-1.617-.756-2.165-1.26s-.949-1.15-.949-1.914c0-.951.615-1.713 1.388-2.27.566-.408 1.285-.756 2.105-1.043a2.17 2.17 0 0 1-.493-1.38V7.194q0-.072.005-.144a.74.74 0 0 1 .047-.324c.124-.567.469-1.07.977-1.377l4.668-2.806c.318-.19.682-.293 1.053-.293M6.75 12.807c0 .242.124.451.303.558l.736.444a.8.8 0 0 1 .17.102l3.291 1.977v-5.425l-4.5-2.25zm6-2.344v5.425l4.196-2.522.065-.045a.66.66 0 0 0 .239-.515V8.213zM12 3.75a.55.55 0 0 0-.281.078v.001L7.055 6.634l-.046.031L12 9.161l4.993-2.496q-.021-.016-.044-.03v-.001L12.28 3.829A.55.55 0 0 0 12 3.75"
         })
     }));
-    return c ? /*#__PURE__*/ v.cloneElement(o, {}, [
+    return c ? /*#__PURE__*/ i.cloneElement(r, {}, [
         /* @__PURE__ */ e("defs", {
             children: c
         }, "gradient-defs"),
-        ...v.Children.toArray(o.props.children)
-    ]) : o;
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { V as default };
+export { q as default };

package/dist-es/generated/mistica-icons/icon-4-g-filled.js

@@ -82,14 +82,14 @@ import { jsx as a, jsxs as c } from "react/jsx-runtime";
 import * as s from "react";
 import { useTheme as d } from "../../hooks.js";
 import { useThemeVariant as f } from "../../theme-variant-context.js";
-import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as g } from "../../utils/icon-gradient.js";
-const V = (_param)=>{
+const w = (_param)=>{
     var { color: v, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = f(), m = h === "brand" || h === "media" ? n.colors.neutralHighBrand : h === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: l } = g(v !== null && v !== void 0 ? v : m), { skinName: i } = d(), o = i.match(/^blau/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const h = f(), m = h === "brand" || h === "media" ? l.colors.neutralHighBrand : h === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: t, gradientDef: n } = g(v !== null && v !== void 0 ? v : m), { skinName: i } = d(), o = i.match(/^blau/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -99,7 +99,7 @@ const V = (_param)=>{
             fill: t,
             d: "M3 18a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm5-4a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1zm5-3a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1zm5-5a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1zM5 8.432h1.626V7.274h.762V5.842h-.762V2.104H4.38L2 6.004v1.27h3zm0-4.905v2.315H3.57zm2.832 1.746c0 2.01 1.523 3.272 3.394 3.272 1.185 0 2.097-.483 2.774-1.233V4.836h-3.028v1.357h1.439v.531c-.254.209-.696.38-1.185.38-1.025 0-1.749-.797-1.749-1.831s.724-1.831 1.75-1.831c.591 0 1.071.332 1.325.75l1.354-.722c-.46-.787-1.307-1.47-2.68-1.47-1.871 0-3.394 1.262-3.394 3.273"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -132,11 +132,11 @@ const V = (_param)=>{
             })
         ]
     }));
-    return l ? /*#__PURE__*/ s.cloneElement(o, {}, [
+    return n ? /*#__PURE__*/ s.cloneElement(o, {}, [
         /* @__PURE__ */ a("defs", {
-            children: l
+            children: n
         }, "gradient-defs"),
         ...s.Children.toArray(o.props.children)
     ]) : o;
 };
-export { V as default };
+export { w as default };

package/dist-es/generated/mistica-icons/icon-4-g-light.js

@@ -78,69 +78,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import * as s from "react";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import * as h from "react";
 import { useTheme as f } from "../../hooks.js";
 import { useThemeVariant as g } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as p } from "../../utils/icon-gradient.js";
 const M = (_param)=>{
-    var { color: m, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: s, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = g(), d = o === "brand" || o === "media" ? i.colors.neutralHighBrand : o === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: a, gradientDef: h } = p(m !== null && m !== void 0 ? m : d), { skinName: l } = f(), n = l.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const o = g(), c = o === "brand" || o === "media" ? n.colors.neutralHighBrand : o === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: r, gradientDef: l } = p(s !== null && s !== void 0 ? s : c), { skinName: m } = f(), a = m.match(/^o2/i) ? /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: [
             /* @__PURE__ */ t("path", {
-                fill: a,
+                fill: r,
                 d: "M14.857 15.57c-1.97 0-3.57-1.6-3.57-3.57a3.572 3.572 0 0 1 6.07-2.55.71.71 0 0 1 .009 1.01.71.71 0 0 1-1.01.009 2.14 2.14 0 0 0-1.5-.613 2.144 2.144 0 1 0 2.02 2.861h-1.448a.714.714 0 0 1 0-1.426h2.285c.393 0 .713.32.713.713a3.57 3.57 0 0 1-3.57 3.565"
             }),
             /* @__PURE__ */ t("path", {
-                fill: a,
+                fill: r,
                 d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12m1.43 0c0-4.726 3.844-8.57 8.57-8.57s8.57 3.844 8.57 8.57-3.844 8.57-8.57 8.57S3.43 16.725 3.43 12"
             }),
             /* @__PURE__ */ t("path", {
-                fill: a,
+                fill: r,
                 d: "M8.787 14.856a.714.714 0 1 0 1.426-.004v-.713h.357a.714.714 0 0 0 0-1.426h-.357v-3.57A.714.714 0 0 0 9.5 8.43h-.356a.72.72 0 0 0-.572.284L5.36 13a.72.72 0 0 0-.068.75c.123.242.37.392.64.392h2.856zm-.005-2.143H7.356l1.426-1.901z"
             })
         ]
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, r), {
-        children: [
-            /* @__PURE__ */ t("path", {
-                fill: a,
-                d: "M12 22C6.488 22 2 17.517 2 12 2 6.484 6.488 2 12 2s10 4.488 10 10a10 10 0 0 1-1.54 5.33.36.36 0 0 1-.494.109.36.36 0 0 1-.11-.494 9.25 9.25 0 0 0 1.431-4.95C21.282 6.881 17.119 2.718 12 2.718S2.718 6.88 2.718 12 6.88 21.282 12 21.282a9.25 9.25 0 0 0 4.95-1.43.36.36 0 0 1 .493.11.36.36 0 0 1-.11.493A9.97 9.97 0 0 1 12 22"
-            }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
-                d: "M19.495 18.783a.713.713 0 1 1-1.426 0 .713.713 0 0 1 1.426 0m-5.082-3.57A3.215 3.215 0 0 1 11.2 12a3.215 3.215 0 0 1 5.462-2.294.354.354 0 0 1 .004.502.355.355 0 0 1-.502.005 2.5 2.5 0 1 0-1.75 4.287 2.5 2.5 0 0 0 2.472-2.143h-1.901a.357.357 0 0 1 0-.713h2.285c.196 0 .356.16.356.356a3.21 3.21 0 0 1-3.213 3.213m-5.269-.356c0 .196.16.356.356.356.197 0 .356-.16.352-.361v-1.07h.713a.357.357 0 0 0 0-.713h-.713V9.145a.357.357 0 0 0-.357-.357H9.14a.35.35 0 0 0-.283.142l-3.213 4.287a.358.358 0 0 0 .288.571h3.213zm0-1.787h-2.5l2.5-3.332z"
-            })
-        ]
     })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ t("path", {
-            fill: a,
+            fill: r,
             d: "M13.362 8.05a4.75 4.75 0 0 1 5.997.591.75.75 0 0 1-1.06 1.06 3.252 3.252 0 0 0-5.41 1.355 3.25 3.25 0 0 0 1.58 3.81 3.25 3.25 0 0 0 4.692-2.117h-2.38a.75.75 0 0 1 0-1.5H20a.75.75 0 0 1 .75.75 4.75 4.75 0 0 1-3.824 4.66 4.75 4.75 0 0 1-4.808-1.92 1 1 0 0 1-.119.01H9.75V16a.75.75 0 0 1-1.5 0v-1.25H4a.75.75 0 0 1-.576-1.23l5-6A.75.75 0 0 1 9.75 8v5.25h1.667a4.75 4.75 0 0 1 1.945-5.199m-7.76 5.2H8.25v-3.18z"
         })
     }));
-    return h ? /*#__PURE__*/ s.cloneElement(n, {}, [
+    return l ? /*#__PURE__*/ h.cloneElement(a, {}, [
         /* @__PURE__ */ t("defs", {
-            children: h
+            children: l
         }, "gradient-defs"),
-        ...s.Children.toArray(n.props.children)
-    ]) : n;
+        ...h.Children.toArray(a.props.children)
+    ]) : a;
 };
 export { M as default };

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

@@ -78,18 +78,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import * as v from "react";
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import * as c from "react";
 import { useTheme as d } from "../../hooks.js";
 import { useThemeVariant as f } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as g } from "../../utils/icon-gradient.js";
-const V = (_param)=>{
-    var { color: m, size: e = 24 } = _param, h = _object_without_properties(_param, [
+const w = (_param)=>{
+    var { color: v, size: e = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = f(), s = r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: t, gradientDef: n } = g(m !== null && m !== void 0 ? m : s), { skinName: l } = d(), o = l.match(/^blau/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const r = f(), m = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: i } = g(v !== null && v !== void 0 ? v : m), { skinName: l } = d(), o = l.match(/^blau/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -99,27 +99,7 @@ const V = (_param)=>{
             fill: t,
             d: "M2.4 18v2A1.6 1.6 0 0 0 4 21.6h1A1.6 1.6 0 0 0 6.6 20v-2A1.6 1.6 0 0 0 5 16.4H4A1.6 1.6 0 0 0 2.4 18m1.6-.4h1c.22 0 .4.18.4.4v2a.4.4 0 0 1-.4.4H4a.4.4 0 0 1-.4-.4v-2c0-.22.18-.4.4-.4M7.4 14A1.6 1.6 0 0 1 9 12.4h1a1.6 1.6 0 0 1 1.6 1.6v6a1.6 1.6 0 0 1-1.6 1.6H9A1.6 1.6 0 0 1 7.4 20zm1.6-.4a.4.4 0 0 0-.4.4v6c0 .22.18.4.4.4h1a.4.4 0 0 0 .4-.4v-6a.4.4 0 0 0-.4-.4zm3.4-2.6v9a1.6 1.6 0 0 0 1.6 1.6h1a1.6 1.6 0 0 0 1.6-1.6v-9A1.6 1.6 0 0 0 15 9.4h-1a1.6 1.6 0 0 0-1.6 1.6m1.6-.4h1c.22 0 .4.18.4.4v9a.4.4 0 0 1-.4.4h-1a.4.4 0 0 1-.4-.4v-9c0-.22.18-.4.4-.4M17.4 6A1.6 1.6 0 0 1 19 4.4h1A1.6 1.6 0 0 1 21.6 6v14a1.6 1.6 0 0 1-1.6 1.6h-1a1.6 1.6 0 0 1-1.6-1.6zm1.6-.4a.4.4 0 0 0-.4.4v14c0 .22.18.4.4.4h1a.4.4 0 0 0 .4-.4V6a.4.4 0 0 0-.4-.4zM5 8.432h1.626V7.274h.762V5.842h-.762V2.104H4.38L2 6.004v1.27h3zm0-4.905v2.315H3.57zm2.832 1.746c0 2.01 1.523 3.272 3.394 3.272 1.185 0 2.097-.483 2.774-1.233V4.836h-3.028v1.357h1.439v.531c-.254.209-.696.38-1.185.38-1.025 0-1.749-.797-1.749-1.831s.724-1.831 1.75-1.831c.591 0 1.071.332 1.325.75l1.354-.722c-.46-.787-1.307-1.47-2.68-1.47-1.871 0-3.394 1.262-3.394 3.273"
         })
-    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, h), {
-        children: [
-            /* @__PURE__ */ a("path", {
-                fill: t,
-                d: "M14.857 15.57c-1.97 0-3.57-1.6-3.57-3.57a3.572 3.572 0 0 1 6.07-2.55.71.71 0 0 1 .009 1.01.71.71 0 0 1-1.01.009 2.14 2.14 0 0 0-1.5-.613 2.144 2.144 0 1 0 2.02 2.861h-1.448a.714.714 0 0 1 0-1.426h2.285c.393 0 .713.32.713.713a3.57 3.57 0 0 1-3.57 3.565"
-            }),
-            /* @__PURE__ */ a("path", {
-                fill: t,
-                d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12m1.43 0c0-4.726 3.844-8.57 8.57-8.57s8.57 3.844 8.57 8.57-3.844 8.57-8.57 8.57S3.43 16.725 3.43 12"
-            }),
-            /* @__PURE__ */ a("path", {
-                fill: t,
-                d: "M8.787 14.856a.714.714 0 1 0 1.426-.004v-.713h.357a.714.714 0 0 0 0-1.426h-.357v-3.57A.714.714 0 0 0 9.5 8.43h-.356a.72.72 0 0 0-.572.284L5.36 13a.72.72 0 0 0-.068.75c.123.242.37.392.64.392h2.856zm-.005-2.143H7.356l1.426-1.901z"
-            })
-        ]
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -150,11 +130,11 @@ const V = (_param)=>{
             d: "M13.362 8.05a4.75 4.75 0 0 1 5.997.591.75.75 0 0 1-1.06 1.06 3.251 3.251 0 1 0 .861 3.048h-2.38a.75.75 0 0 1 0-1.5H20a.75.75 0 0 1 .75.75 4.752 4.752 0 0 1-6.989 4.19 4.75 4.75 0 0 1-1.641-1.45 1 1 0 0 1-.12.01H9.75V16a.75.75 0 0 1-1.5 0v-1.25H4a.75.75 0 0 1-.576-1.23l5-6A.75.75 0 0 1 9.75 8v5.25h1.667a4.75 4.75 0 0 1 1.945-5.199m-7.76 5.2H8.25v-3.18z"
         })
     }));
-    return n ? /*#__PURE__*/ v.cloneElement(o, {}, [
+    return i ? /*#__PURE__*/ c.cloneElement(o, {}, [
         /* @__PURE__ */ a("defs", {
-            children: n
+            children: i
         }, "gradient-defs"),
-        ...v.Children.toArray(o.props.children)
+        ...c.Children.toArray(o.props.children)
     ]) : o;
 };
-export { V as default };
+export { w as default };

package/dist-es/generated/mistica-icons/icon-5-g-filled.js

@@ -84,7 +84,7 @@ import { useTheme as d } from "../../hooks.js";
 import { useThemeVariant as v } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as f } from "../../utils/icon-gradient.js";
-const w = (_param)=>{
+const V = (_param)=>{
     var { color: s, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
@@ -99,7 +99,7 @@ const w = (_param)=>{
             fill: o,
             d: "M3 18a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm5-4a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1zm5-3a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1zm5-5a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1zM2 7.625c.59.579 1.439.92 2.564.92 1.648 0 2.687-.863 2.687-2.229 0-1.27-.963-2.049-2.049-2.049-.562 0-1.058.209-1.42.512v-1.3h3.03V2.105H2.2v3.71l1.134.275c.353-.323.753-.475 1.258-.475.658 0 .991.323.991.769 0 .408-.343.777-1.038.777-.61 0-1.23-.218-1.668-.626zm5.748-2.352c0 2.01 1.544 3.272 3.44 3.272 1.201 0 2.126-.483 2.812-1.233V4.836h-3.069v1.357h1.458v.531c-.257.209-.705.38-1.2.38-1.04 0-1.773-.797-1.773-1.831s.734-1.831 1.773-1.831c.6 0 1.086.332 1.343.75l1.373-.722C13.438 2.683 12.58 2 11.189 2c-1.897 0-3.44 1.262-3.44 3.273"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -127,4 +127,4 @@ const w = (_param)=>{
         ...l.Children.toArray(n.props.children)
     ]) : n;
 };
-export { w as default };
+export { V as default };