@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: r, size: a = 24 } = _param, c = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as s } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as V } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: v, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = v(), e = r !== null && r !== void 0 ? r : t === "brand" || t === "media" ? i.colors.neutralHighBrand : t === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: l } = o();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const h = s(), m = h === "brand" || h === "media" ? n.colors.neutralHighBrand : h === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: c, gradientDef: o } = V(v !== null && v !== void 0 ? v : m), { skinName: r } = d(), l = r.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ h("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M10.504 2.581a.41.41 0 0 0-.41-.409.403.403 0 0 0-.402.41V7.41H8.33V2.545a.41.41 0 0 0-.426-.39.41.41 0 0 0-.389.426v4.827H6.26V2.58a.407.407 0 0 0-.392-.411H5.86a.4.4 0 0 0-.412.383c-.003.017-.003.026-.003 7.569 0 .507.283.89.655.89h.634c-.432 2.99-1.079 8.368-1.09 8.471 0 1.715 1.213 2.34 2.25 2.356h.19c1.036-.02 2.246-.644 2.243-2.384l-.006-.06c-.057-.558-.498-4.846-1.013-8.382h.543c.37 0 .653-.384.653-.891zm-.818 7.544q.002.038-.006.073h-.857a.406.406 0 0 0-.39.513c.528 3.488.987 7.923 1.065 8.675l.011.111c0 1.306-.904 1.516-1.445 1.527h-.165c-.54-.009-1.446-.219-1.448-1.49l.02-.173c.123-1.005.746-6.12 1.13-8.69a.41.41 0 0 0-.33-.462 1 1 0 0 0-.109-.014H6.26l-.005-.073V8.226h3.43zm6.653 10.899h-.16c-.521-.006-1.398-.21-1.4-1.443 0-.003.414-3.44.795-6.302l.003-.084a.41.41 0 0 0-.41-.41h-.476V5.98a2.97 2.97 0 0 1 2.552-2.938v9.762a.42.42 0 0 0-.24.375v.017q-.001.05.01.098c.345 2.638.621 5.26.702 6.028l.024.224c0 1.263-.877 1.468-1.4 1.479m2.212-1.518a239 239 0 0 0-.683-5.964.41.41 0 0 0 .19-.344V2.607a.407.407 0 0 0-.406-.41 3.78 3.78 0 0 0-3.776 3.782v7.216c0 .227.183.409.407.409h.42c-.364 2.77-.74 5.882-.743 5.93 0 1.683 1.188 2.294 2.205 2.308h.188c1.014-.02 2.201-.63 2.198-2.336"
         })
-    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ h("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M17 21.282c0 .393-.31.713-.689.713a.7.7 0 0 1-.688-.713v-8.571h-1.378a.7.7 0 0 1-.689-.713v-7.14C13.556 3.28 14.793 2 16.316 2c.375-.005.684.315.684.713zM12.514 3.07a.706.706 0 0 0-.693-.713c-.38 0-.688.32-.688.713v5.357a.704.704 0 0 1-.68.714V3.07a.7.7 0 0 0-.69-.713.7.7 0 0 0-.688.713v6.07h-.009a.7.7 0 0 1-.689-.713V3.07a.7.7 0 0 0-.688-.713c-.38 0-.689.32-.689.713v5.357c0 1.184.932 2.144 2.07 2.144h.01v10.716c0 .393.309.713.688.713.38 0 .689-.32.689-.713V10.57c1.135-.009 2.057-.964 2.057-2.144zm2.415 1.787v6.428h.69V3.618a1.44 1.44 0 0 0-.69 1.24"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ h("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M13.73 12.359h1.733v6.784c0 .196.155.356.345.356.191 0 .346-.16.346-.356V2.357A.35.35 0 0 0 15.808 2c-1.338 0-2.425 1.12-2.425 2.5v7.502c0 .197.155.357.346.357m-2.076-3.927V3.074a.356.356 0 0 0-.35-.356c-.19 0-.346.16-.346.356v5.358c0 .585-.461 1.065-1.028 1.07V3.074a.35.35 0 0 0-.346-.356c-.19 0-.346.16-.346.356v6.428h-.009c-.572 0-1.037-.48-1.037-1.07V3.074a.35.35 0 0 0-.346-.356c-.19 0-.346.16-.346.356v5.353c0 .988.78 1.788 1.733 1.788h.01v11.428c0 .197.155.357.345.357s.346-.16.346-.357V10.215c.949-.005 1.72-.8 1.72-1.783m3.809 3.214h-1.384v-7.14c0-.865.594-1.587 1.384-1.752zm-.346 9.64c0-.392.31-.712.691-.712a.7.7 0 0 1 .692.713c0 .393-.31.713-.692.713a.704.704 0 0 1-.691-.713"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ h("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M10 1.25a.75.75 0 0 1 .75.75v7a2.75 2.75 0 0 1-1.946 2.629q.021.096.032.197l.8 8a1.75 1.75 0 0 1-1.741 1.924h-1.79a1.75 1.75 0 0 1-1.742-1.924l.801-8q.01-.1.031-.197A2.75 2.75 0 0 1 3.25 9V2a.75.75 0 0 1 1.5 0v4.25h1.5V2a.75.75 0 0 1 1.5 0v4.25h1.5V2a.75.75 0 0 1 .75-.75m-3.095 10.5a.25.25 0 0 0-.249.226l-.8 8a.25.25 0 0 0 .25.274h1.789a.25.25 0 0 0 .249-.274l-.8-8a.25.25 0 0 0-.25-.226zM4.75 9c0 .69.56 1.25 1.25 1.25h2c.69 0 1.25-.56 1.25-1.25V7.75h-4.5zm14.928-7.744c.602.061 1.072.57 1.072 1.188V12a1.75 1.75 0 0 1-.944 1.552q.032.112.047.231l.75 6a1.75 1.75 0 0 1-1.736 1.967h-1.734a1.75 1.75 0 0 1-1.736-1.967l.75-6q.016-.119.046-.231A1.75 1.75 0 0 1 15.25 12V5.556a4.306 4.306 0 0 1 4.306-4.306zM17.883 13.75a.25.25 0 0 0-.248.219l-.75 6a.25.25 0 0 0 .248.281h1.734a.25.25 0 0 0 .248-.281l-.75-6a.25.25 0 0 0-.248-.219zM19.25 2.767a2.806 2.806 0 0 0-2.5 2.789V12c0 .138.112.25.25.25h2a.25.25 0 0 0 .25-.25z"
         })
     }));
+    return o ? /*#__PURE__*/ i.cloneElement(l, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: o
+        }, "gradient-defs"),
+        ...i.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { s as default };
+export { C as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: i, size: a = 24 } = _param, c = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as s } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as V } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: v, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = v(), e = i !== null && i !== void 0 ? i : l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: t } = o();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const h = s(), m = h === "brand" || h === "media" ? n.colors.neutralHighBrand : h === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: c, gradientDef: o } = V(v !== null && v !== void 0 ? v : m), { skinName: r } = d(), l = r.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ h("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M10.75 2.76a.6.6 0 0 0-.593-.602.6.6 0 0 0-.594.602l-.005 4.532h-.922V2.757a.6.6 0 0 0-.594-.602.6.6 0 0 0-.594.602v4.535h-.82V2.757a.583.583 0 0 0-.594-.582c-.328 0-.594.291-.594.621v7.359c0 .614.358 1.073.835 1.073l.386-.003a465 465 0 0 0-1.028 8.106c0 1.827 1.283 2.496 2.373 2.51h.199c1.095-.02 2.375-.686 2.372-2.557l-.008-.085c-.065-.627-.469-4.595-.95-7.971h.3c.473 0 .832-.46.832-1.073zm-2.38 7.672a.6.6 0 0 0-.017.33c.463 3.12.876 7.014 1.002 8.21l.04.365c0 1.053-.658 1.286-1.207 1.297h-.154c-.552-.008-1.21-.24-1.213-1.235l.03-.24c.136-1.133.724-5.98 1.088-8.444.047-.32-.2-.627-.516-.686a1 1 0 0 0-.106-.008H6.63V8.49h2.928v1.532h-.63a.59.59 0 0 0-.558.41m7.846 10.208h-.149c-.529-.006-1.162-.23-1.168-1.188 0 0 .4-3.373.773-6.177l.006-.112a.6.6 0 0 0-.594-.602h-.263V6.088c0-1.289.89-2.367 2.081-2.642v9.219a.6.6 0 0 0-.235.479v.02q0 .068.014.131c.33 2.564.597 5.111.676 5.868l.024.224c0 1.017-.636 1.241-1.165 1.253m2.347-1.312c-.006-.063-.282-2.828-.65-5.742a.6.6 0 0 0 .174-.423V2.78a.6.6 0 0 0-.594-.603c-2.129 0-3.863 1.754-3.863 3.91v7.076c0 .334.266.603.594.603h.185a397 397 0 0 0-.695 5.613c0 1.796 1.258 2.448 2.334 2.462h.187c1.076-.022 2.33-.678 2.328-2.513"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ h("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M17 21.282c0 .393-.31.713-.689.713a.7.7 0 0 1-.688-.713v-8.571h-1.378a.7.7 0 0 1-.689-.713v-7.14C13.556 3.28 14.793 2 16.316 2c.375-.005.684.315.684.713zM12.514 3.07a.706.706 0 0 0-.693-.713c-.38 0-.688.32-.688.713v5.357a.704.704 0 0 1-.68.714V3.07a.7.7 0 0 0-.69-.713.7.7 0 0 0-.688.713v6.07h-.009a.7.7 0 0 1-.689-.713V3.07a.7.7 0 0 0-.688-.713c-.38 0-.689.32-.689.713v5.357c0 1.184.932 2.144 2.07 2.144h.01v10.716c0 .393.309.713.688.713.38 0 .689-.32.689-.713V10.57c1.135-.009 2.057-.964 2.057-2.144zm2.415 1.787v6.428h.69V3.618a1.44 1.44 0 0 0-.69 1.24"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ h("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M17 21.282c0 .393-.31.713-.689.713a.7.7 0 0 1-.688-.713v-8.571h-1.378a.7.7 0 0 1-.689-.713v-7.14C13.556 3.28 14.793 2 16.316 2c.375-.005.684.315.684.713zM12.514 3.07a.706.706 0 0 0-.693-.713c-.38 0-.688.32-.688.713v5.357a.704.704 0 0 1-.68.714V3.07a.7.7 0 0 0-.69-.713.7.7 0 0 0-.688.713v6.07h-.009a.7.7 0 0 1-.689-.713V3.07a.7.7 0 0 0-.688-.713c-.38 0-.689.32-.689.713v5.357c0 1.184.932 2.144 2.07 2.144h.01v10.716c0 .393.309.713.688.713.38 0 .689-.32.689-.713V10.57c1.135-.009 2.057-.964 2.057-2.144zm2.415 1.787v6.428h.69V3.618a1.44 1.44 0 0 0-.69 1.24"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ h("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M10 1.25a.75.75 0 0 1 .75.75v7a2.75 2.75 0 0 1-1.946 2.629q.021.096.032.197l.8 8a1.75 1.75 0 0 1-1.741 1.924h-1.79a1.75 1.75 0 0 1-1.742-1.924l.801-8q.01-.1.031-.197A2.75 2.75 0 0 1 3.25 9V2a.75.75 0 0 1 1.5 0v4.25h1.5V2a.75.75 0 0 1 1.5 0v4.25h1.5V2a.75.75 0 0 1 .75-.75m-3.095 10.5a.25.25 0 0 0-.249.226l-.8 8a.25.25 0 0 0 .25.274h1.789a.25.25 0 0 0 .249-.274l-.8-8a.25.25 0 0 0-.25-.226zM4.75 9c0 .69.56 1.25 1.25 1.25h2c.69 0 1.25-.56 1.25-1.25V7.75h-4.5zm14.928-7.744c.602.061 1.072.57 1.072 1.188V12a1.75 1.75 0 0 1-.944 1.552q.032.112.047.231l.75 6a1.75 1.75 0 0 1-1.736 1.967h-1.734a1.75 1.75 0 0 1-1.736-1.967l.75-6q.016-.119.046-.231A1.75 1.75 0 0 1 15.25 12V5.556a4.306 4.306 0 0 1 4.306-4.306zM17.883 13.75a.25.25 0 0 0-.248.219l-.75 6a.25.25 0 0 0 .248.281h1.734a.25.25 0 0 0 .248-.281l-.75-6a.25.25 0 0 0-.248-.219zM19.25 2.767a2.806 2.806 0 0 0-2.5 2.789V12c0 .138.112.25.25.25h2a.25.25 0 0 0 .25-.25z"
         })
     }));
+    return o ? /*#__PURE__*/ i.cloneElement(l, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: o
+        }, "gradient-defs"),
+        ...i.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { s as default };
+export { C as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const m = (_param)=>{
-    var { color: o, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const A = (_param)=>{
+    var { color: s, size: l = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = c(), a = o !== null && o !== void 0 ? o : l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const e = m(), d = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: n, gradientDef: a } = g(s !== null && s !== void 0 ? s : d), t = /* @__PURE__ */ f("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ r("path", {
+                fill: n,
                 d: "M16.8 14.887c0 .862-1.02 1.32-1.664.747l-3.248-2.887a1 1 0 0 1-.287-.44v2.58c0 .862-1.02 1.32-1.664.747l-3.249-2.887a1 1 0 0 1 0-1.494l3.249-2.887c.644-.573 1.664-.115 1.664.747v2.58a1 1 0 0 1 .287-.44l3.248-2.887c.645-.573 1.664-.115 1.664.747z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ r("path", {
+                fill: n,
                 d: "M21.75 12A9.75 9.75 0 0 1 12 21.75l-.483-.012a9.75 9.75 0 0 1-9.255-9.255L2.25 12a9.75 9.75 0 1 1 19.5 0m-1.5 0A8.25 8.25 0 0 0 12 3.75l-.41.01A8.25 8.25 0 0 0 3.75 12l.01.41A8.25 8.25 0 0 0 12 20.25l.41-.01A8.25 8.25 0 0 0 20.25 12"
             })
         ]
     }));
+    return a ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { m as default };
+export { A as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: o, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import * as a from "react";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: n = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = c(), l = o !== null && o !== void 0 ? o : r === "brand" || r === "media" ? t.colors.neutralHighBrand : r === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const e = f(), d = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: i } = g(s !== null && s !== void 0 ? s : d), t = /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: [
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ r("path", {
                 fill: l,
                 d: "M17.25 14.887c0 1.078-1.274 1.65-2.08.934l-3.248-2.886-.098-.098a1 1 0 0 1-.074-.09v2.14c0 1.078-1.274 1.65-2.08.934l-3.248-2.886-.098-.098a1.25 1.25 0 0 1 0-1.674l.098-.098L9.67 8.18c.806-.716 2.08-.144 2.08.934v2.14q.035-.045.074-.09l.098-.098L15.17 8.18c.806-.716 2.08-.144 2.08.934zm-7-5.217L7.628 12l2.622 2.33zM13.128 12l2.622 2.33V9.67z"
             }),
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ r("path", {
                 fill: l,
                 d: "M21.75 12a9.75 9.75 0 1 1-19.5 0 9.75 9.75 0 0 1 19.5 0m-1.5 0a8.25 8.25 0 1 0-16.5-.001 8.25 8.25 0 0 0 16.5.001"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ a.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...a.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { d as default };
+export { x as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: o, size: l = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: n = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = c(), a = o !== null && o !== void 0 ? o : r === "brand" || r === "media" ? e.colors.neutralHighBrand : r === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const e = f(), d = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: a } = g(s !== null && s !== void 0 ? s : d), t = /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ r("path", {
+                fill: l,
                 d: "M17.25 14.887c0 1.078-1.274 1.65-2.08.934l-3.248-2.886-.098-.098a1 1 0 0 1-.074-.09v2.14c0 1.078-1.274 1.65-2.08.934l-3.248-2.886-.098-.098a1.25 1.25 0 0 1 0-1.674l.098-.098L9.67 8.18c.806-.716 2.08-.144 2.08.934v2.14q.035-.045.074-.09l.098-.098L15.17 8.18c.806-.716 2.08-.144 2.08.934zm-7-5.217L7.628 12l2.622 2.33zM13.128 12l2.622 2.33V9.67z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ r("path", {
+                fill: l,
                 d: "M21.75 12a9.75 9.75 0 1 1-19.5 0 9.75 9.75 0 0 1 19.5 0m-1.5 0a8.25 8.25 0 1 0-16.5-.001 8.25 8.25 0 0 0 16.5.001"
             })
         ]
     }));
+    return a ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { d as default };
+export { x as default };

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

@@ -79,55 +79,62 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: n, size: a = 24 } = _param, l = _object_without_properties(_param, [
+import * as h from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const B = (_param)=>{
+    var { color: d, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = c(), t = n !== null && n !== void 0 ? n : i === "brand" || i === "media" ? o.colors.neutralHighBrand : i === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = h();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), m = r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: l, gradientDef: c } = g(d !== null && d !== void 0 ? d : m), { skinName: n } = s(), o = n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: l,
             d: "M11.999 2.145c3.131 0 5.565.818 7.238 2.429 1.736 1.675 2.616 4.173 2.616 7.425s-.88 5.751-2.616 7.423c-1.673 1.61-4.11 2.429-7.238 2.429-3.13 0-5.563-.818-7.236-2.429C3.03 17.75 2.15 15.254 2.15 12s.88-5.75 2.616-7.425c1.67-1.612 4.101-2.43 7.234-2.43m5.042 13.092a.56.56 0 0 0 .56-.56V8.711a.56.56 0 0 0-.849-.479l-4.989 2.997a.57.57 0 0 0-.213.232V8.705a.56.56 0 0 0-.849-.479l-4.988 2.997a.56.56 0 0 0 .003.96l4.989 2.97a.56.56 0 0 0 .846-.482v-2.716a.56.56 0 0 0 .215.235l4.989 2.969a.57.57 0 0 0 .286.078"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: l,
             d: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2m-1.051 14.264a.535.535 0 1 1-.759.759l-4.639-4.644a.535.535 0 0 1 0-.758l4.644-4.644a.535.535 0 1 1 .759.759L6.688 12zm6.07.759a.53.53 0 0 1-.38.155.53.53 0 0 1-.38-.155l-4.638-4.644a.535.535 0 0 1 0-.758l4.643-4.644a.536.536 0 1 1 .759.759L12.759 12l4.26 4.264c.21.21.21.549 0 .759"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: l,
             d: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2m-1.051 14.264a.535.535 0 1 1-.759.759l-4.639-4.644a.535.535 0 0 1 0-.758l4.644-4.644a.535.535 0 1 1 .759.759L6.688 12zm6.07.759a.53.53 0 0 1-.38.155.53.53 0 0 1-.38-.155l-4.638-4.644a.535.535 0 0 1 0-.758l4.643-4.644a.536.536 0 1 1 .759.759L12.759 12l4.26 4.264c.21.21.21.549 0 .759"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: l,
             d: "M8.792 5.253c.654-.573 1.679-.108 1.68.763v11.968c-.001.872-1.026 1.337-1.68.763l-6.83-5.983a1.016 1.016 0 0 1 0-1.528zm11.144 0c.655-.573 1.68-.108 1.68.763v11.968c0 .872-1.025 1.337-1.68.763l-6.83-5.983a1.016 1.016 0 0 1 0-1.528z"
         })
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { B as default };

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

@@ -78,62 +78,69 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as h, jsx as l } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: n, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e, 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 { useIconGradient as v } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: m, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = m(), e = n !== null && n !== void 0 ? n : i === "brand" || i === "media" ? o.colors.neutralHighBrand : i === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = c();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = g(), s = r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: a, gradientDef: c } = v(m !== null && m !== void 0 ? m : s), { skinName: n } = f(), o = n.match(/^vivo-new/i) ? /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M10.984 15.216q.067.039.142.04a.25.25 0 0 0 .135-.04.28.28 0 0 0 .143-.244v-3.134a.3.3 0 0 0 .1.104l5.508 3.277q.067.039.142.04a.28.28 0 0 0 .28-.28V8.392a.28.28 0 0 0-.142-.244.28.28 0 0 0-.283.003l-5.507 3.308a.3.3 0 0 0-.098.101V8.387c0-.1-.056-.193-.143-.244a.28.28 0 0 0-.283.003l-5.507 3.308a.28.28 0 0 0 .003.482zm-.14-.734-4.681-2.787 4.68-2.812zm1.35-2.781 4.68-2.813v5.6z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M2.16 12c0 6.437 3.403 9.838 9.838 9.838 6.44 0 9.843-3.404 9.84-9.838 0-3.26-.877-5.759-2.602-7.423-1.664-1.605-4.098-2.417-7.238-2.417C5.56 2.16 2.16 5.563 2.16 12m.56 0c0-6.156 3.124-9.28 9.278-9.28 6.16 0 9.283 3.12 9.28 9.28 0 6.157-3.12 9.278-9.28 9.278-6.157 0-9.278-3.124-9.278-9.278"
             })
         ]
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             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.726 3.43 12m13.716 5.146a.715.715 0 0 0 0-1.01L13.01 12l4.136-4.136a.715.715 0 0 0-1.01-1.01l-4.639 4.643a.714.714 0 0 0 0 1.01l4.644 4.644a.7.7 0 0 0 1.005-.005m-6.07-1.01a.714.714 0 0 1 0 1.01.72.72 0 0 1-.507.215.7.7 0 0 1-.502-.21l-4.644-4.644a.714.714 0 0 1 0-1.01l4.644-4.643a.714.714 0 0 1 1.01 1.01L6.94 12z"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M2 12c0 5.517 4.488 10 10 10a9.97 9.97 0 0 0 5.334-1.545.36.36 0 0 0 .11-.493.36.36 0 0 0-.494-.11 9.25 9.25 0 0 1-4.95 1.43c-5.119 0-9.282-4.163-9.282-9.282S6.88 2.718 12 2.718s9.282 4.163 9.287 9.277a9.25 9.25 0 0 1-1.43 4.95.36.36 0 0 0 .11.494.36.36 0 0 0 .493-.11A10 10 0 0 0 22 12c0-5.512-4.488-10-10-10S2 6.484 2 12m16.787 6.07a.714.714 0 0 1 0 1.425.714.714 0 0 1 0-1.425m-2.249-1.175a.35.35 0 0 0 0-.503l-4.387-4.387 4.387-4.388a.35.35 0 0 0 0-.503.355.355 0 0 0-.502 0l-4.644 4.635a.35.35 0 0 0 0 .502l4.644 4.644c.068.068.16.105.251.105a.37.37 0 0 0 .251-.105m-6.07-.503a.35.35 0 0 1 0 .503.37.37 0 0 1-.25.105.36.36 0 0 1-.252-.105L5.323 12.25a.35.35 0 0 1 0-.502l4.643-4.635a.354.354 0 0 1 .503 0 .35.35 0 0 1 0 .503L6.08 12.005z"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M8.677 5.16c.808-.706 2.073-.132 2.073.941v11.797c0 1.074-1.265 1.648-2.073.94l-6.74-5.898a1.25 1.25 0 0 1 0-1.88zM3.139 12l6.11 5.346V6.652zm16.538-6.84c.808-.706 2.073-.132 2.073.941v11.797c0 1.074-1.265 1.648-2.073.94l-6.74-5.898a1.25 1.25 0 0 1 0-1.88zM14.139 12l6.11 5.346V6.652z"
         })
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { V as default };