@telefonica/mistica 16.41.0 → 16.42.0

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

@@ -0,0 +1,108 @@
+"use client";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+const v = (_param)=>{
+    var { color: s, size: o = 24 } = _param, c = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const e = n(), r = s !== null && s !== void 0 ? s : e ? a.colors.inverse : a.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, c), {
+        children: [
+            /* @__PURE__ */ t("path", {
+                fill: r,
+                d: "M8 7.75a.75.75 0 0 1 .75.75v7.8a.75.75 0 0 1-1.5 0V8.5A.75.75 0 0 1 8 7.75M14 7.536a2.75 2.75 0 0 1 2.75 2.75v6a.75.75 0 1 1-1.5 0v-2.25h-2.5v2.25a.75.75 0 1 1-1.5 0v-6A2.75 2.75 0 0 1 14 7.536m0 1.5a1.25 1.25 0 0 0-1.25 1.25v2.25h2.5v-2.25A1.25 1.25 0 0 0 14 9.036"
+            }),
+            /* @__PURE__ */ t("path", {
+                fill: r,
+                d: "M19 2.536c.799 0 1.513.41 2.006 1.043.49.629.744 1.45.744 2.278v12.857c0 .829-.255 1.65-.744 2.279-.493.633-1.207 1.043-2.006 1.043H5c-.799 0-1.513-.41-2.006-1.043-.49-.63-.744-1.45-.744-2.279V5.857c0-.828.255-1.65.744-2.278C3.487 2.945 4.201 2.536 5 2.536zm-14 1.5c-.262 0-.565.133-.822.464-.26.335-.428.821-.428 1.357v12.857c0 .536.167 1.023.428 1.358.257.33.56.464.822.464h14c.262 0 .565-.133.822-.464.26-.335.428-.822.428-1.358V5.857c0-.536-.167-1.022-.428-1.357-.257-.331-.56-.464-.822-.464z"
+            })
+        ]
+    }));
+}, f = v;
+export { f as default };

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

@@ -0,0 +1,108 @@
+"use client";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+const n = (_param)=>{
+    var { color: s, size: r = 24 } = _param, t = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const c = l(), o = s !== null && s !== void 0 ? s : c ? e.colors.inverse : e.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, t), {
+        children: [
+            /* @__PURE__ */ a("path", {
+                fill: o,
+                d: "M8 7.75a.75.75 0 0 1 .75.75v7.8a.75.75 0 0 1-1.5 0V8.5A.75.75 0 0 1 8 7.75M14 7.536a2.75 2.75 0 0 1 2.75 2.75v6a.75.75 0 1 1-1.5 0v-2.25h-2.5v2.25a.75.75 0 1 1-1.5 0v-6A2.75 2.75 0 0 1 14 7.536m0 1.5a1.25 1.25 0 0 0-1.25 1.25v2.25h2.5v-2.25A1.25 1.25 0 0 0 14 9.036"
+            }),
+            /* @__PURE__ */ a("path", {
+                fill: o,
+                d: "M19 2.536c.799 0 1.513.41 2.006 1.043.49.629.744 1.45.744 2.278v12.857c0 .829-.255 1.65-.744 2.279-.493.633-1.207 1.043-2.006 1.043H5c-.799 0-1.513-.41-2.006-1.043-.49-.63-.744-1.45-.744-2.279V5.857c0-.828.255-1.65.744-2.278C3.487 2.945 4.201 2.536 5 2.536zm-14 1.5c-.262 0-.565.133-.822.464-.26.335-.428.821-.428 1.357v12.857c0 .536.167 1.023.428 1.358.257.33.56.464.822.464h14c.262 0 .565-.133.822-.464.26-.335.428-.822.428-1.358V5.857c0-.536-.167-1.022-.428-1.357-.257-.331-.56-.464-.822-.464z"
+            })
+        ]
+    }));
+}, f = n;
+export { f as default };

package/dist-es/generated/mistica-icons/icon-id-card-filled.js

@@ -78,25 +78,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useTheme as h } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const l = (_param)=>{
-    var { color: e, size: r = 24 } = _param, a = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: i, size: e = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = s(), i = e !== null && e !== void 0 ? e : t ? c.colors.inverse : c.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const t = l(), o = i !== null && i !== void 0 ? i : t ? c.colors.inverse : c.colors.neutralHigh, { skinName: n } = h();
+    return n.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, a), {
-        children: /* @__PURE__ */ o("path", {
-            fill: i,
+        children: /* @__PURE__ */ r("path", {
+            fill: o,
             d: "M20.41 19.38H3.586c-.79 0-1.431-.67-1.431-1.49V6.103c0-.821.641-1.488 1.431-1.488h16.827c.79 0 1.431.667 1.431 1.488V17.89c-.003.82-.644 1.49-1.434 1.49m-9.392-4.986c.333 0 .602-.28.602-.627a.616.616 0 0 0-.602-.628H4.777a.614.614 0 0 0-.602.628c0 .347.271.627.602.627zm-1.4-3.978a.617.617 0 0 0-.606-.627H4.777a.617.617 0 0 0-.605.627c0 .348.272.628.605.628h4.235c.334 0 .605-.28.605-.628m6.652-2.243c-.569 0-1.014.157-1.32.465-.319.319-.478.795-.478 1.411 0 .617.16 1.09.479 1.41.305.308.75.462 1.319.462q.858-.002 1.322-.463c.32-.319.482-.795.482-1.411q-.002-.927-.482-1.412-.463-.462-1.322-.462m-1.098 4.568c-.667 0-1.216.213-1.583.61-.339.368-.515.878-.515 1.474v.625a.21.21 0 0 0 .204.213h5.992a.21.21 0 0 0 .204-.213v-.625c0-.596-.179-1.106-.518-1.473-.372-.398-.919-.61-1.585-.61z"
         })
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, a), {
+        children: /* @__PURE__ */ r("path", {
+            fill: o,
+            d: "M18 4.5A3.5 3.5 0 0 1 21.5 8v8a3.5 3.5 0 0 1-3.5 3.5H6A3.5 3.5 0 0 1 2.5 16V8A3.5 3.5 0 0 1 6 4.5zM8.995 13c-2.166 0-2.766 1.047-2.932 2.004-.093.544.385.996.937.996h4c.539 0 1.008-.431.927-.964C11.779 14.07 11.185 13 8.995 13M14 14.25a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5zm0-3a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5zM9 8a2 2 0 1 0 0 4 2 2 0 0 0 0-4m5 .25a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5z"
+        })
     }));
-}, h = l;
-export { h as default };
+}, p = s;
+export { p as default };

package/dist-es/generated/mistica-icons/icon-id-card-light.js

@@ -78,25 +78,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
-    var { color: a, size: r = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { vars as h } from "../../skins/skin-contract.css-mistica.js";
+const m = (_param)=>{
+    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = h(), s = a !== null && a !== void 0 ? a : e ? o.colors.inverse : o.colors.neutralHigh;
-    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const c = l(), o = t !== null && t !== void 0 ? t : c ? h.colors.inverse : h.colors.neutralHigh, { skinName: i } = s();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ c("path", {
-            fill: s,
+    }, e), {
+        children: /* @__PURE__ */ r("path", {
+            fill: o,
             d: "M21.838 5.935c0-.725-.564-1.316-1.255-1.316H3.406c-.692 0-1.255.59-1.255 1.316V18.07c0 .725.563 1.316 1.258 1.316h17.174c.692 0 1.255-.59 1.255-1.316zm-.821 0V18.07a.446.446 0 0 1-.434.453H3.406a.444.444 0 0 1-.434-.453V5.935a.44.44 0 0 1 .434-.453h17.177c.246.005.44.21.434.453m-10.025 7.46a.42.42 0 0 1 .408.431.42.42 0 0 1-.408.431H4.328a.42.42 0 0 1-.412-.43.42.42 0 0 1 .409-.432zm-7.073-3.017a.42.42 0 0 0 .409.431h4.52a.42.42 0 0 0 .41-.431.42.42 0 0 0-.41-.431h-4.52a.42.42 0 0 0-.41.43m11.952-.995c.154-.156.434-.19.644-.19s.49.034.647.193q.194.197.194.69c0 .327-.068.557-.194.686-.154.154-.436.187-.647.187-.21 0-.49-.033-.644-.187-.157-.16-.19-.463-.19-.687 0-.227.033-.529.19-.692m-.571 1.995c.28.286.689.431 1.213.431.523 0 .932-.143 1.215-.431.297-.294.446-.734.446-1.305 0-.572-.152-1.014-.446-1.311-.283-.286-.692-.432-1.215-.432-.521 0-.933.146-1.213.432-.294.297-.443.74-.443 1.31 0 .572.149 1.012.443 1.306m3.336 3.042h-4.241c.011-.219.067-.49.244-.684.224-.246.594-.3.862-.3h2.023c.269 0 .636.051.865.3.182.196.236.465.247.684m.344-1.283c-.339-.37-.843-.566-1.456-.566h-2.02c-.613 0-1.117.193-1.456.566-.311.342-.477.812-.477 1.367v.577a.194.194 0 0 0 .188.199h5.513a.194.194 0 0 0 .187-.199v-.577c0-.555-.165-1.025-.479-1.367"
         })
+    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: [
+            /* @__PURE__ */ r("path", {
+                fill: o,
+                d: "M8.995 13c2.19 0 2.784 1.07 2.932 2.036.081.533-.388.964-.927.964H7c-.552 0-1.03-.452-.937-.996C6.23 14.047 6.83 13 8.995 13M16 14.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5zM16 11.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5zM9 8a2 2 0 1 1 0 4 2 2 0 0 1 0-4M17 8.25a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5z"
+            }),
+            /* @__PURE__ */ r("path", {
+                fill: o,
+                d: "M18 4.25A3.75 3.75 0 0 1 21.75 8v8A3.75 3.75 0 0 1 18 19.75H6A3.75 3.75 0 0 1 2.25 16V8A3.75 3.75 0 0 1 6 4.25zM6 5.75A2.25 2.25 0 0 0 3.75 8v8A2.25 2.25 0 0 0 6 18.25h12A2.25 2.25 0 0 0 20.25 16V8A2.25 2.25 0 0 0 18 5.75z"
+            })
+        ]
     }));
-}, d = i;
-export { d as default };
+}, M = m;
+export { M as default };

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

@@ -78,25 +78,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
-    var { color: o, size: r = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+const m = (_param)=>{
+    var { color: t, size: a = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = n(), t = o !== null && o !== void 0 ? o : s ? c.colors.inverse : c.colors.neutralHigh;
-    return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const i = l(), e = t !== null && t !== void 0 ? t : i ? o.colors.inverse : o.colors.neutralHigh, { skinName: h } = s();
+    return h.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, c), {
+        children: /* @__PURE__ */ r("path", {
+            fill: e,
             d: "M3.586 19.38H20.41c.79 0 1.431-.67 1.434-1.49V6.103c0-.821-.641-1.488-1.431-1.488H3.586c-.79 0-1.431.667-1.431 1.488V17.89c0 .82.641 1.49 1.431 1.49M3.362 6.103a.23.23 0 0 1 .224-.233h16.827a.23.23 0 0 1 .224.233V17.89a.23.23 0 0 1-.224.232H3.586a.23.23 0 0 1-.224-.232zm7.656 8.29H4.777a.614.614 0 0 1-.602-.626c0-.348.271-.628.602-.628h6.24c.334 0 .603.28.603.628a.616.616 0 0 1-.602.627m-6.241-3.35h4.235a.62.62 0 0 0 .605-.627.617.617 0 0 0-.605-.627H4.777a.617.617 0 0 0-.605.627c0 .348.272.628.605.628m11.493-2.87c.569 0 1.014.157 1.322.465.32.319.482.795.482 1.411q-.002.927-.482 1.412c-.308.308-.753.462-1.322.462s-1.014-.156-1.32-.462q-.478-.482-.478-1.412c0-.616.16-1.09.479-1.409.308-.313.753-.467 1.319-.467m-.591 1.246c-.14.14-.163.457-.163.63 0 .174.023.488.16.625.104.104.314.16.594.16.283 0 .496-.056.6-.16.14-.14.159-.45.159-.625 0-.173-.02-.487-.163-.627-.14-.14-.43-.163-.596-.163-.163 0-.454.02-.591.16m1.692 3.322c.666 0 1.215.213 1.585.61.34.368.518.878.518 1.474v.625a.21.21 0 0 1-.204.213h-5.992a.205.205 0 0 1-.204-.21v-.628c0-.596.18-1.106.515-1.473.367-.398.916-.61 1.583-.61zm-2.2 1.09c-.262 0-.618.048-.828.277a.9.9 0 0 0-.208.468h4.27a.9.9 0 0 0-.208-.468c-.207-.23-.566-.277-.826-.277z"
         })
+    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, c), {
+        children: [
+            /* @__PURE__ */ r("path", {
+                fill: e,
+                d: "M8.995 13c2.19 0 2.784 1.07 2.932 2.036.081.533-.388.964-.927.964H7c-.552 0-1.03-.452-.937-.996C6.23 14.047 6.83 13 8.995 13M16 14.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5zM16 11.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5zM9 8a2 2 0 1 1 0 4 2 2 0 0 1 0-4M17 8.25a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5z"
+            }),
+            /* @__PURE__ */ r("path", {
+                fill: e,
+                d: "M18 4.25A3.75 3.75 0 0 1 21.75 8v8A3.75 3.75 0 0 1 18 19.75H6A3.75 3.75 0 0 1 2.25 16V8A3.75 3.75 0 0 1 6 4.25zM6 5.75A2.25 2.25 0 0 0 3.75 8v8A2.25 2.25 0 0 0 6 18.25h12A2.25 2.25 0 0 0 20.25 16V8A2.25 2.25 0 0 0 18 5.75z"
+            })
+        ]
     }));
-}, d = i;
-export { d as default };
+}, M = m;
+export { M as default };

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

@@ -78,25 +78,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: l, size: o = 24 } = _param, a = _object_without_properties(_param, [
+import { jsx as l, jsxs as n } from "react/jsx-runtime";
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+const m = (_param)=>{
+    var { color: i, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = s(), i = l !== null && l !== void 0 ? l : t ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const t = h(), o = i !== null && i !== void 0 ? i : t ? a.colors.inverse : a.colors.neutralHigh, { skinName: c } = s();
+    return c.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ r("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ l("path", {
+            fill: o,
             d: "M20.423 4.622c.743 0 1.42.583 1.42 1.224v12.317c0 .641-.677 1.224-1.42 1.224H3.577c-.756 0-1.417-.574-1.417-1.224l.003-12.317c0-.652.664-1.224 1.417-1.224zM4.801 8.984a2.267 2.267 0 0 0 2.255 2.277c1.244 0 2.255-1.022 2.255-2.277S8.3 6.706 7.056 6.706 4.801 7.73 4.801 8.984m14.933 3.652-3.246-2.507a.61.61 0 0 0-.757.009l-3.711 2.977-.896-.854a.61.61 0 0 0-.816-.025l-5.277 4.44a.627.627 0 0 0-.078.876.61.61 0 0 0 .865.082l4.86-4.087 3.378 3.213a.61.61 0 0 0 .869-.026.63.63 0 0 0-.026-.88l-1.969-1.873 3.196-2.566 2.866 2.213a.61.61 0 0 0 .857-.12.626.626 0 0 0-.115-.872M6.031 8.986c0 .57.46 1.034 1.025 1.034a1.035 1.035 0 0 0 0-2.067 1.03 1.03 0 0 0-1.025 1.034"
         })
+    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: [
+            /* @__PURE__ */ l("path", {
+                fill: o,
+                d: "M8.883 11.71c.232.001.514.098.813.387l8.005 8.005c.14.139.069.373-.128.388q-.12.01-.24.01H6.667c-.84 0-1.645-.334-2.24-.928-.628-.629-.894-1.433-.924-2.295a.38.38 0 0 1 .114-.283l.907-.907.03-.032 3.532-3.974c.293-.276.57-.37.797-.37"
+            }),
+            /* @__PURE__ */ l("path", {
+                fill: o,
+                d: "M17.333 3.5A3.17 3.17 0 0 1 20.5 6.667v10.666c0 .827-.332 1.625-.903 2.21a.236.236 0 0 1-.336-.003l-8.525-8.524c-.525-.505-1.164-.805-1.853-.805s-1.329.3-1.854.805l-.04.042-3.314 3.727a.1.1 0 0 1-.175-.066V6.667A3.17 3.17 0 0 1 6.667 3.5zM15.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3"
+            })
+        ]
     }));
-}, v = c;
-export { v as default };
+}, g = m;
+export { g as default };

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

@@ -78,25 +78,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { useTheme as n } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
-    var { color: e, size: c = 24 } = _param, s = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: t, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = a(), l = e !== null && e !== void 0 ? e : t ? r.colors.inverse : r.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const l = h(), o = t !== null && t !== void 0 ? t : l ? r.colors.inverse : r.colors.neutralHigh, { skinName: i } = n();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
-        children: /* @__PURE__ */ o("path", {
-            fill: l,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M20.421 4.62c.745 0 1.42.583 1.42 1.224v12.317c0 .638-.678 1.224-1.42 1.224H3.572c-.753.002-1.417-.572-1.417-1.224l.003-12.317c0-.653.664-1.224 1.42-1.224zm.6 13.54V5.848c0-.135-.272-.395-.6-.395H3.575c-.33 0-.597.238-.597.395l-.002 12.316c0 .157.269.395.6.395h16.848c.325-.002.596-.263.596-.397M5.823 8.982c0 .687.552 1.241 1.23 1.241s1.23-.557 1.23-1.24c0-.684-.552-1.242-1.23-1.242s-1.23.558-1.23 1.241m1.23 2.073c-1.132 0-2.05-.93-2.05-2.07s.918-2.07 2.05-2.07 2.05.93 2.05 2.07-.918 2.07-2.05 2.07m12.555 1.742-3.247-2.506a.41.41 0 0 0-.504.005l-3.851 3.09-1.026-.975a.407.407 0 0 0-.543-.017l-5.277 4.44a.416.416 0 0 0-.054.583l.003.002c.143.174.4.196.574.05l5-4.2 3.507 3.335.006.006c.165.151.42.143.574-.023a.415.415 0 0 0-.017-.585l-2.142-2.04 3.507-2.817 2.994 2.31.003.003c.179.138.437.101.571-.078a.42.42 0 0 0-.078-.582"
         })
+    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, a), {
+        children: [
+            /* @__PURE__ */ e("path", {
+                fill: o,
+                d: "M15.5 7a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3"
+            }),
+            /* @__PURE__ */ e("path", {
+                fill: o,
+                d: "M17.333 3.25a3.417 3.417 0 0 1 3.417 3.417v10.666a3.417 3.417 0 0 1-3.417 3.417H6.667a3.417 3.417 0 0 1-3.417-3.417V6.667A3.417 3.417 0 0 1 6.667 3.25zm-8.444 8.46c-.228 0-.504.094-.797.37L4.75 15.84v1.493a1.917 1.917 0 0 0 1.917 1.917h10.19L9.69 12.086c-.295-.28-.573-.376-.802-.376M6.667 4.75A1.917 1.917 0 0 0 4.75 6.667v6.915l2.245-2.524.04-.043c.525-.506 1.165-.805 1.854-.805s1.328.3 1.853.805l7.674 7.674a.8.8 0 0 1 .11.143q.084-.067.163-.143c.359-.36.561-.848.561-1.356V6.667a1.917 1.917 0 0 0-1.917-1.917z"
+            })
+        ]
     }));
-}, g = i;
+}, g = m;
 export { g as default };

package/dist-es/generated/mistica-icons/icon-image-off-filled.js

@@ -0,0 +1,108 @@
+"use client";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+const c = (_param)=>{
+    var { color: e, size: l = 24 } = _param, s = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const t = n(), a = e !== null && e !== void 0 ? e : t ? r.colors.inverse : r.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, s), {
+        children: [
+            /* @__PURE__ */ o("path", {
+                fill: a,
+                d: "M2.47 2.47a.75.75 0 0 1 1.06 0l18 18a.75.75 0 1 1-1.06 1.06l-1.312-1.311c-.458.29-.978.464-1.515.515a.71.71 0 0 1-.566-.218l-1.046-1.046-8.274-8.4-.014-.015-.202-.18c-.483-.396-1.049-.625-1.651-.625-.689 0-1.329.3-1.854.805l-.36.36a.25.25 0 0 1-.426-.178v-4.57c0-.652.186-1.285.53-1.827L2.47 3.53a.75.75 0 0 1 0-1.06"
+            }),
+            /* @__PURE__ */ o("path", {
+                fill: a,
+                d: "M5.89 11.75c.229 0 .507.095.803.376l8.078 8.198a.25.25 0 0 1-.179.426H6.667a3.417 3.417 0 0 1-3.417-3.417v-3.04a.8.8 0 0 1 .235-.565l1.591-1.592c.3-.288.582-.386.814-.386M17.333 3.25a3.417 3.417 0 0 1 3.417 3.417V15a.75.75 0 0 1-1.28.53l-11-11A.75.75 0 0 1 9 3.25zM15.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3"
+            })
+        ]
+    }));
+}, v = c;
+export { v as default };