@telefonica/mistica 16.70.0 → 16.72.0

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

@@ -78,59 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as v } from "react/jsx-runtime";
-import * as i from "react";
-import { useTheme as d } from "../../hooks.js";
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as v } from "../../hooks.js";
 import { useThemeVariant as f } from "../../theme-variant-context.js";
-import { vars as c } 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 C = (_param)=>{
-    var { color: m, size: e = 24 } = _param, r = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: h, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = f(), s = o === "brand" || o === "media" ? c.colors.neutralHighBrand : o === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: t, gradientDef: h } = g(m !== null && m !== void 0 ? m : s), { skinName: l } = d(), n = l.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const t = f(), m = t === "brand" || t === "media" ? n.colors.neutralHighBrand : t === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: r, gradientDef: l } = g(h !== null && h !== void 0 ? h : m), { skinName: s } = v(), o = s.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ a("path", {
-            fill: t,
+            fill: r,
             d: "M22 4.223v15.554A2.226 2.226 0 0 1 19.777 22H4.223A2.226 2.226 0 0 1 2 19.777V4.223C2 3 2.995 2 4.223 2h15.554A2.23 2.23 0 0 1 22 4.223m-7.59 7.595c0 1.683-1.246 3.057-2.777 3.057s-2.778-1.37-2.778-3.057c0-1.688 1.246-3.058 2.778-3.058 1.53 0 2.778 1.375 2.778 3.058m-5.593-2.21-1.854 4.817-.002.005-.002.004a.4.4 0 0 1-.095.152.6.6 0 0 1-.1.09q-.008.009-.014.01a.5.5 0 0 1-.11.056q-.005-.001-.018.005a.6.6 0 0 1-.18.033.6.6 0 0 1-.18-.033q-.006.001-.02-.005a.5.5 0 0 1-.123-.066.5.5 0 0 1-.1-.09c-.009-.01-.013-.014-.018-.024a.6.6 0 0 1-.076-.128l-.002-.004q-.002-.001-.003-.005L4.076 9.608A.554.554 0 1 1 5.11 9.21l1.333 3.465L7.774 9.21a.55.55 0 0 1 .716-.317.55.55 0 0 1 .327.715m2.81.266c-.919 0-1.668.872-1.668 1.944 0 1.071.75 1.943 1.669 1.943.92 0 1.668-.872 1.668-1.943s-.748-1.944-1.668-1.944m8.34 1.944c0 1.635-1.247 2.962-2.779 2.962H15.15V8.855h2.038c1.532 0 2.778 1.327 2.778 2.963m-2.783-1.854h-.925v3.702h.925c.924.005 1.668-.83 1.668-1.849s-.749-1.853-1.668-1.853m2.598-6.48H4.223a.74.74 0 0 0-.74.74v15.553c0 .407.333.74.74.74h15.554a.74.74 0 0 0 .74-.74V4.223h.004a.74.74 0 0 0-.74-.74"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
-            d: "M22 4.223v15.554A2.226 2.226 0 0 1 19.777 22H4.223A2.226 2.226 0 0 1 2 19.777V4.223C2 3 2.995 2 4.223 2h15.554A2.23 2.23 0 0 1 22 4.223m-7.59 7.595c0 1.683-1.246 3.057-2.777 3.057s-2.778-1.37-2.778-3.057c0-1.688 1.246-3.058 2.778-3.058 1.53 0 2.778 1.375 2.778 3.058m-5.593-2.21-1.854 4.817-.002.005-.002.004a.4.4 0 0 1-.095.152.6.6 0 0 1-.1.09q-.008.009-.014.01a.5.5 0 0 1-.11.056q-.005-.001-.018.005a.6.6 0 0 1-.18.033.6.6 0 0 1-.18-.033q-.006.001-.02-.005a.5.5 0 0 1-.123-.066.5.5 0 0 1-.1-.09c-.009-.01-.013-.014-.018-.024a.6.6 0 0 1-.076-.128l-.002-.004q-.002-.001-.003-.005L4.076 9.608A.554.554 0 1 1 5.11 9.21l1.333 3.465L7.774 9.21a.55.55 0 0 1 .716-.317.55.55 0 0 1 .327.715m2.81.266c-.919 0-1.668.872-1.668 1.944 0 1.071.75 1.943 1.669 1.943.92 0 1.668-.872 1.668-1.943s-.748-1.944-1.668-1.944m8.34 1.944c0 1.635-1.247 2.962-2.779 2.962H15.15V8.855h2.038c1.532 0 2.778 1.327 2.778 2.963m-2.783-1.854h-.925v3.702h.925c.924.005 1.668-.83 1.668-1.849s-.749-1.853-1.668-1.853m2.598-6.48H4.223a.74.74 0 0 0-.74.74v15.553c0 .407.333.74.74.74h15.554a.74.74 0 0 0 .74-.74V4.223h.004a.74.74 0 0 0-.74-.74"
-        })
-    })) : /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, r), {
+    }, i), {
         children: [
             /* @__PURE__ */ a("path", {
-                fill: t,
+                fill: r,
                 d: "M8.088 8.763a.75.75 0 0 1 1.424.474l-2 6a.75.75 0 0 1-1.424 0l-2-6a.751.751 0 0 1 1.424-.474L6.8 12.627zM12.3 8.25a2.25 2.25 0 0 1 2.25 2.25v3a2.25 2.25 0 0 1-4.5 0v-3a2.25 2.25 0 0 1 2.25-2.25m0 1.5a.75.75 0 0 0-.75.75v3a.75.75 0 0 0 1.5 0v-3a.75.75 0 0 0-.75-.75m5.5-1.5a2.25 2.25 0 0 1 2.25 2.25v3a2.25 2.25 0 0 1-2.25 2.25h-1.5a.75.75 0 0 1-.75-.75V9a.75.75 0 0 1 .75-.75zm-.75 6h.75a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-.75-.75h-.75z"
             }),
             /* @__PURE__ */ a("path", {
-                fill: t,
+                fill: r,
                 d: "M19.777 4.25a3.1 3.1 0 0 1 2.074.778c.564.508.899 1.216.899 1.972v10c0 .756-.335 1.463-.9 1.972a3.1 3.1 0 0 1-2.073.778H4.223a3.1 3.1 0 0 1-2.074-.778A2.65 2.65 0 0 1 1.25 17V7c0-.756.335-1.464.9-1.972a3.1 3.1 0 0 1 2.073-.778zM4.223 5.75c-.415 0-.8.15-1.07.394A1.16 1.16 0 0 0 2.75 7v10c0 .304.134.614.402.856.272.245.656.394 1.07.394h15.555c.415 0 .8-.15 1.07-.394A1.15 1.15 0 0 0 21.25 17V7c0-.304-.134-.614-.402-.856a1.6 1.6 0 0 0-1.07-.394z"
             })
         ]
     }));
-    return h ? /*#__PURE__*/ i.cloneElement(n, {}, [
+    return l ? /*#__PURE__*/ c.cloneElement(o, {}, [
         /* @__PURE__ */ a("defs", {
-            children: h
+            children: l
         }, "gradient-defs"),
-        ...i.Children.toArray(n.props.children)
-    ]) : n;
+        ...c.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { C as default };
+export { x as default };

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

@@ -78,46 +78,30 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { jsx as e, jsxs as m } 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 l } from "../../skins/skin-contract.css-mistica.js";
-import { useIconGradient as g } from "../../utils/icon-gradient.js";
-const x = (_param)=>{
-    var { color: d, size: t = 24 } = _param, o = _object_without_properties(_param, [
+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: c, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = f(), v = n === "brand" || n === "media" ? l.colors.neutralHighBrand : n === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: r, gradientDef: h } = g(d !== null && d !== void 0 ? d : v), { skinName: a } = m(), i = a.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const r = g(), h = r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: o, gradientDef: a } = v(c !== null && c !== void 0 ? c : h), { skinName: d } = f(), n = d.match(/^o2/i) ? /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, l), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: r,
+                fill: o,
                 d: "M18.352 8.964c-1.447 0-2.648 1.212-2.648 2.68 0 .608.213 1.144.53 1.608h-1.942c.32-.464.53-1 .53-1.608 0-1.464-1.197-2.68-2.648-2.68-1.45 0-2.648 1.212-2.648 2.68s1.197 2.68 2.648 2.68h6.178c1.446 0 2.648-1.212 2.648-2.68s-1.202-2.68-2.648-2.68"
             }),
             /* @__PURE__ */ e("path", {
-                fill: r,
-                d: "M18.704 5.392v-.18C18.704 3.428 17.292 2 15.53 2H9.178C7.41 2 6 3.428 6 5.212v.18zM6 18.608v.18C6 20.572 7.411 22 9.174 22h6.352c1.762 0 3.174-1.428 3.174-3.212v-.18zm9.277-8.288c-.526-1.216-1.728-2.072-3.103-2.072-1.834 0-3.352 1.54-3.352 3.396s1.518 3.392 3.352 3.392h6.178c.05 0 .111-.009.172-.018.063-.009.126-.018.18-.018v2.532H6V6.46h12.731v1.824c-.103-.036-.245-.036-.352-.036-1.41 0-2.608.86-3.102 2.072"
-            })
-        ]
-    })) : a.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, o), {
-        children: [
-            /* @__PURE__ */ e("path", {
-                fill: r,
-                d: "M18.352 8.964c-1.447 0-2.648 1.212-2.648 2.68 0 .608.213 1.144.53 1.608h-1.942c.32-.464.53-1 .53-1.608 0-1.464-1.197-2.68-2.648-2.68-1.45 0-2.648 1.212-2.648 2.68s1.197 2.68 2.648 2.68h6.178c1.446 0 2.648-1.212 2.648-2.68s-1.202-2.68-2.648-2.68"
-            }),
-            /* @__PURE__ */ e("path", {
-                fill: r,
+                fill: o,
                 d: "M18.704 5.392v-.18C18.704 3.428 17.292 2 15.53 2H9.178C7.41 2 6 3.428 6 5.212v.18zM6 18.608v.18C6 20.572 7.411 22 9.174 22h6.352c1.762 0 3.174-1.428 3.174-3.212v-.18zm9.277-8.288c-.526-1.216-1.728-2.072-3.103-2.072-1.834 0-3.352 1.54-3.352 3.396s1.518 3.392 3.352 3.392h6.178c.05 0 .111-.009.172-.018.063-.009.126-.018.18-.018v2.532H6V6.46h12.731v1.824c-.103-.036-.245-.036-.352-.036-1.41 0-2.608.86-3.102 2.072"
             })
         ]
@@ -126,17 +110,17 @@ const x = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, l), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "M17 8.5a3.5 3.5 0 0 1 3.5 3.5l-.004.174A3.5 3.5 0 0 1 17 15.5H7a3.5 3.5 0 0 1-3.496-3.328L3.5 12A3.5 3.5 0 0 1 7 8.5l.172.004A3.503 3.503 0 0 1 10.5 12l-.004.172A3.5 3.5 0 0 1 9.871 14h4.258A3.498 3.498 0 0 1 17 8.5"
         })
     }));
-    return h ? /*#__PURE__*/ s.cloneElement(i, {}, [
+    return a ? /*#__PURE__*/ s.cloneElement(n, {}, [
         /* @__PURE__ */ e("defs", {
-            children: h
+            children: a
         }, "gradient-defs"),
-        ...s.Children.toArray(i.props.children)
-    ]) : i;
+        ...s.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { x as default };
+export { V as default };

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

@@ -78,59 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import * as l from "react";
-import { useTheme as v } from "../../hooks.js";
+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 A = (_param)=>{
-    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
+const w = (_param)=>{
+    var { color: h, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = f(), m = a === "brand" || a === "media" ? i.colors.neutralHighBrand : a === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: r, gradientDef: c } = g(s !== null && s !== void 0 ? s : m), { skinName: h } = v(), n = h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const r = f(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: c } = g(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), o = m.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: a,
             d: "M11.307 8.783c-1.508 0-2.73 1.28-2.73 2.86S9.8 14.5 11.307 14.5h5.963c1.508 0 2.73-1.28 2.73-2.859 0-1.328-.874-2.443-2.046-2.76v-3.31c0-1.968-1.531-3.572-3.41-3.572H8.41C6.531 2 5 3.604 5 5.571V18.43C5 20.396 6.53 22 8.41 22h6.134c1.879 0 3.41-1.604 3.41-3.571v-2.504c0-.396-.302-.712-.68-.712s-.68.316-.68.712v1.424H6.364V6.639h10.22v2.244c-1.176.316-2.046 1.431-2.046 2.76 0 .519.137 1.003.37 1.423h-1.252c.233-.42.37-.908.37-1.424 0-1.58-1.222-2.86-2.718-2.86m-1.37 2.86c0-.785.61-1.425 1.359-1.425.748 0 1.359.64 1.359 1.424s-.611 1.424-1.36 1.424c-.748 0-1.359-.64-1.359-1.424m4.607-8.22c1.012 0 1.856.777 2.016 1.788H6.39c.164-1.007 1.004-1.787 2.02-1.787zm0 17.15H8.41c-1.011 0-1.855-.776-2.016-1.788h10.163c-.164 1.008-1 1.787-2.012 1.787m2.719-10.355c.748 0 1.359.64 1.359 1.424s-.611 1.424-1.36 1.424c-.748 0-1.359-.64-1.359-1.424s.611-1.424 1.36-1.424"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, o), {
-        children: [
-            /* @__PURE__ */ e("path", {
-                fill: r,
-                d: "M17.857 9.181A2.5 2.5 0 0 1 20 11.644a2.48 2.48 0 0 1-2.495 2.495h-6.25a2.485 2.485 0 0 1-2.5-2.499 2.485 2.485 0 0 1 2.5-2.499 2.483 2.483 0 0 1 2.499 2.5 2.48 2.48 0 0 1-.752 1.782h2.751a2.45 2.45 0 0 1-.752-1.783 2.5 2.5 0 0 1 2.144-2.463V6.282H5.715v11.436h7.503c.212 0 .356.144.356.356 0 .211-.14.355-.356.355H5.716v.356a2.48 2.48 0 0 0 2.5 2.5h6.433c1.392 0 2.5-1.104 2.5-2.5v-3.57c0-.212.14-.356.356-.356.212 0 .356.14.356.356v3.57A3.2 3.2 0 0 1 14.645 22h-6.43A3.2 3.2 0 0 1 5 18.785V5.215A3.2 3.2 0 0 1 8.215 2h6.426a3.2 3.2 0 0 1 3.216 3.215zM5.716 5.215v.356h11.429v-.356a2.48 2.48 0 0 0-2.5-2.5h-6.43a2.48 2.48 0 0 0-2.5 2.5m5.534 8.212c1 0 1.784-.783 1.784-1.783s-.784-1.783-1.784-1.783-1.783.784-1.783 1.783c0 1 .784 1.783 1.783 1.783m6.247-3.566c-1 0-1.784.784-1.784 1.783 0 1 .788 1.783 1.788 1.783s1.78-.783 1.78-1.783-.785-1.783-1.784-1.783"
-            }),
-            /* @__PURE__ */ e("path", {
-                fill: r,
-                d: "M16.073 18.07a.716.716 0 1 1-1.431 0 .716.716 0 0 1 1.431 0"
-            })
-        ]
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: a,
             d: "M17 8.25a3.75 3.75 0 0 1 0 7.5H7a3.75 3.75 0 0 1-3.465-5.185A3.75 3.75 0 0 1 7 8.25a3.75 3.75 0 0 1 3.465 2.315 3.75 3.75 0 0 1-.466 3.685h4.003a3.747 3.747 0 0 1 2.998-6M7 9.75a2.25 2.25 0 0 0-2.08 3.111A2.25 2.25 0 0 0 7 14.25a2.25 2.25 0 1 0 0-4.5m10 0a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5"
         })
     }));
-    return c ? /*#__PURE__*/ l.cloneElement(n, {}, [
+    return c ? /*#__PURE__*/ l.cloneElement(o, {}, [
         /* @__PURE__ */ e("defs", {
             children: c
         }, "gradient-defs"),
-        ...l.Children.toArray(n.props.children)
-    ]) : n;
+        ...l.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { A as default };
+export { w as default };

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

@@ -81,32 +81,22 @@ function _object_without_properties_loose(source, excluded) {
 import { jsx as e } from "react/jsx-runtime";
 import * as l from "react";
 import { useTheme as d } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-import { useIconGradient as f } from "../../utils/icon-gradient.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 w = (_param)=>{
-    var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: s, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = v(), m = c === "brand" || c === "media" ? i.colors.neutralHighBrand : c === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: o, gradientDef: a } = f(s !== null && s !== void 0 ? s : m), { skinName: h } = d(), n = h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const r = f(), h = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: i, gradientDef: c } = g(s !== null && s !== void 0 ? s : h), { skinName: m } = d(), o = m.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
-            d: "M11.307 8.783c-1.508 0-2.73 1.28-2.73 2.86S9.8 14.5 11.307 14.5h5.963c1.508 0 2.73-1.28 2.73-2.859 0-1.328-.874-2.443-2.046-2.76v-3.31c0-1.968-1.531-3.572-3.41-3.572H8.41C6.531 2 5 3.604 5 5.571V18.43C5 20.396 6.53 22 8.41 22h6.134c1.879 0 3.41-1.604 3.41-3.571v-2.504c0-.396-.302-.712-.68-.712s-.68.316-.68.712v1.424H6.364V6.639h10.22v2.244c-1.176.316-2.046 1.431-2.046 2.76 0 .519.137 1.003.37 1.423h-1.252c.233-.42.37-.908.37-1.424 0-1.58-1.222-2.86-2.718-2.86m-1.37 2.86c0-.785.61-1.425 1.359-1.425.748 0 1.359.64 1.359 1.424s-.611 1.424-1.36 1.424c-.748 0-1.359-.64-1.359-1.424m4.607-8.22c1.012 0 1.856.777 2.016 1.788H6.39c.164-1.007 1.004-1.787 2.02-1.787zm0 17.15H8.41c-1.011 0-1.855-.776-2.016-1.788h10.163c-.164 1.008-1 1.787-2.012 1.787m2.719-10.355c.748 0 1.359.64 1.359 1.424s-.611 1.424-1.36 1.424c-.748 0-1.359-.64-1.359-1.424s.611-1.424 1.36-1.424"
-        })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: i,
             d: "M11.307 8.783c-1.508 0-2.73 1.28-2.73 2.86S9.8 14.5 11.307 14.5h5.963c1.508 0 2.73-1.28 2.73-2.859 0-1.328-.874-2.443-2.046-2.76v-3.31c0-1.968-1.531-3.572-3.41-3.572H8.41C6.531 2 5 3.604 5 5.571V18.43C5 20.396 6.53 22 8.41 22h6.134c1.879 0 3.41-1.604 3.41-3.571v-2.504c0-.396-.302-.712-.68-.712s-.68.316-.68.712v1.424H6.364V6.639h10.22v2.244c-1.176.316-2.046 1.431-2.046 2.76 0 .519.137 1.003.37 1.423h-1.252c.233-.42.37-.908.37-1.424 0-1.58-1.222-2.86-2.718-2.86m-1.37 2.86c0-.785.61-1.425 1.359-1.425.748 0 1.359.64 1.359 1.424s-.611 1.424-1.36 1.424c-.748 0-1.359-.64-1.359-1.424m4.607-8.22c1.012 0 1.856.777 2.016 1.788H6.39c.164-1.007 1.004-1.787 2.02-1.787zm0 17.15H8.41c-1.011 0-1.855-.776-2.016-1.788h10.163c-.164 1.008-1 1.787-2.012 1.787m2.719-10.355c.748 0 1.359.64 1.359 1.424s-.611 1.424-1.36 1.424c-.748 0-1.359-.64-1.359-1.424s.611-1.424 1.36-1.424"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
@@ -114,17 +104,17 @@ const w = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: i,
             d: "M17 8.25a3.75 3.75 0 0 1 0 7.5H7a3.75 3.75 0 0 1-3.465-5.185A3.75 3.75 0 0 1 7 8.25a3.75 3.75 0 0 1 3.465 2.315 3.75 3.75 0 0 1-.466 3.685h4.003a3.747 3.747 0 0 1 2.998-6M7 9.75a2.25 2.25 0 0 0-2.08 3.111A2.25 2.25 0 0 0 7 14.25a2.25 2.25 0 1 0 0-4.5m10 0a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5"
         })
     }));
-    return a ? /*#__PURE__*/ l.cloneElement(n, {}, [
+    return c ? /*#__PURE__*/ l.cloneElement(o, {}, [
         /* @__PURE__ */ e("defs", {
-            children: a
+            children: c
         }, "gradient-defs"),
-        ...l.Children.toArray(n.props.children)
-    ]) : n;
+        ...l.Children.toArray(o.props.children)
+    ]) : o;
 };
 export { w as default };

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

@@ -79,34 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import * as c from "react";
-import { useTheme as s } from "../../hooks.js";
+import * as h 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: d, size: t = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: s, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = f(), m = o === "brand" || o === "media" ? i.colors.neutralHighBrand : o === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: n, gradientDef: l } = g(d !== null && d !== void 0 ? d : m), { skinName: h } = s(), a = h.match(/^o2-new/i) ? /* @__PURE__ */ e("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: i, gradientDef: l } = g(s !== null && s !== void 0 ? s : m), { skinName: c } = d(), o = c.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: n,
-            d: "M15.703 21.63V2.368a.36.36 0 0 0-.185-.318.37.37 0 0 0-.37 0l-10.1 5.875H2.37a.37.37 0 0 0-.37.37v7.407c0 .204.166.37.37.37h2.679l10.1 5.876a.36.36 0 0 0 .37.005.37.37 0 0 0 .184-.323m1.484-10.371h4.073a.74.74 0 0 1 0 1.48h-4.073a.74.74 0 0 1 0-1.48"
-        })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ e("path", {
-            fill: n,
+            fill: i,
             d: "M15.703 21.63V2.368a.36.36 0 0 0-.185-.318.37.37 0 0 0-.37 0l-10.1 5.875H2.37a.37.37 0 0 0-.37.37v7.407c0 .204.166.37.37.37h2.679l10.1 5.876a.36.36 0 0 0 .37.005.37.37 0 0 0 .184-.323m1.484-10.371h4.073a.74.74 0 0 1 0 1.48h-4.073a.74.74 0 0 1 0-1.48"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
@@ -114,17 +104,17 @@ const V = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: n,
+            fill: i,
             d: "M9.875 5.26a1 1 0 0 1 1.625.78v11.92a1 1 0 0 1-1.625.78l-4.05-3.24H4A1.5 1.5 0 0 1 2.5 14v-4A1.5 1.5 0 0 1 4 8.5h1.824zM14.4 7.55a.75.75 0 0 1 1.05-.15 5.75 5.75 0 0 1 0 9.2.75.75 0 0 1-.9-1.2 4.26 4.26 0 0 0 1.7-3.4 4.25 4.25 0 0 0-1.7-3.4.75.75 0 0 1-.15-1.05"
         })
     }));
-    return l ? /*#__PURE__*/ c.cloneElement(a, {}, [
+    return l ? /*#__PURE__*/ h.cloneElement(o, {}, [
         /* @__PURE__ */ e("defs", {
             children: l
         }, "gradient-defs"),
-        ...c.Children.toArray(a.props.children)
-    ]) : a;
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
 export { V as default };

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

@@ -79,36 +79,26 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import * as c from "react";
+import * as h from "react";
 import { useTheme as d } from "../../hooks.js";
 import { useThemeVariant as f } from "../../theme-variant-context.js";
-import { vars as l } 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 C = (_param)=>{
-    var { color: m, size: t = 24 } = _param, a = _object_without_properties(_param, [
+const w = (_param)=>{
+    var { color: c, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = f(), s = r === "brand" || r === "media" ? l.colors.neutralHighBrand : r === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: o, gradientDef: i } = g(m !== null && m !== void 0 ? m : s), { skinName: h } = d(), n = h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const r = f(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: i, gradientDef: l } = g(c !== null && c !== void 0 ? c : s), { skinName: m } = d(), o = 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__ */ e("path", {
-            fill: o,
+            fill: i,
             d: "M15.333 22a.73.73 0 0 1-.37-.1l-9.459-5.452H2.74a.74.74 0 0 1-.74-.74V8.297a.74.74 0 0 1 .74-.74h2.764l9.46-5.457a.74.74 0 0 1 1.11.64v18.52a.74.74 0 0 1-.74.74M3.48 14.964h2.224a.73.73 0 0 1 .37.1l8.52 4.916V4.02l-8.52 4.917a.73.73 0 0 1-.37.1H3.48zm17.78-3.704a.74.74 0 0 1 0 1.48h-3.703a.74.74 0 0 1 0-1.48z"
         })
-    })) : h.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__ */ e("path", {
-            fill: o,
-            d: "M15.703 2.368V21.63a.37.37 0 0 1-.185.323.36.36 0 0 1-.37-.005l-1.384-.811a.372.372 0 0 1 .375-.64l.83.483V3.012l-9.636 5.6a.36.36 0 0 1-.185.053H2.74v6.668h2.408q.1 0 .185.052l4.993 2.892a.37.37 0 1 1-.374.64l-4.908-2.845H2.37a.37.37 0 0 1-.37-.37V8.295a.37.37 0 0 1 .37-.37h2.679l10.1-5.875a.37.37 0 0 1 .37 0 .36.36 0 0 1 .184.318M12 19.036a.74.74 0 0 0 0 1.48.74.74 0 0 0 0-1.48m5.183-7.407h4.447a.37.37 0 0 1 0 .74h-4.447a.37.37 0 0 1 0-.74"
-        })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
@@ -116,15 +106,15 @@ const C = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: i,
             d: "M9.877 4.956c.807-.472 1.873.101 1.873 1.084v11.92c0 1.048-1.213 1.63-2.031.975L5.736 15.75H4A1.75 1.75 0 0 1 2.25 14v-4c0-.967.784-1.75 1.75-1.75h1.736L9.72 5.064zm-3.408 4.63A.75.75 0 0 1 6 9.75H4a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h2a.75.75 0 0 1 .469.164l3.781 3.025V6.56zM14.4 7.55a.75.75 0 0 1 1.05-.15 5.75 5.75 0 0 1 0 9.2.75.75 0 0 1-.9-1.2 4.26 4.26 0 0 0 1.7-3.4 4.25 4.25 0 0 0-1.7-3.4.75.75 0 0 1-.15-1.05"
         })
     }));
-    return i ? /*#__PURE__*/ c.cloneElement(n, {}, [
+    return l ? /*#__PURE__*/ h.cloneElement(o, {}, [
         /* @__PURE__ */ e("defs", {
-            children: i
+            children: l
         }, "gradient-defs"),
-        ...c.Children.toArray(n.props.children)
-    ]) : n;
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { C as default };
+export { w as default };

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

@@ -79,34 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import * as c from "react";
+import * as h from "react";
 import { useTheme as d } from "../../hooks.js";
 import { useThemeVariant as f } from "../../theme-variant-context.js";
-import { vars as l } 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 C = (_param)=>{
-    var { color: m, size: t = 24 } = _param, a = _object_without_properties(_param, [
+const w = (_param)=>{
+    var { color: c, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = f(), s = r === "brand" || r === "media" ? l.colors.neutralHighBrand : r === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: o, gradientDef: i } = g(m !== null && m !== void 0 ? m : s), { skinName: h } = d(), n = h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const r = f(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: l, gradientDef: i } = g(c !== null && c !== void 0 ? c : s), { skinName: m } = d(), o = 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__ */ e("path", {
-            fill: o,
-            d: "M15.333 22a.73.73 0 0 1-.37-.1l-9.459-5.452H2.74a.74.74 0 0 1-.74-.74V8.297a.74.74 0 0 1 .74-.74h2.764l9.46-5.457a.74.74 0 0 1 1.11.64v18.52a.74.74 0 0 1-.74.74M3.48 14.964h2.224a.73.73 0 0 1 .37.1l8.52 4.916V4.02l-8.52 4.917a.73.73 0 0 1-.37.1H3.48zm17.78-3.704a.74.74 0 0 1 0 1.48h-3.703a.74.74 0 0 1 0-1.48z"
-        })
-    })) : h.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__ */ e("path", {
-            fill: o,
+            fill: l,
             d: "M15.333 22a.73.73 0 0 1-.37-.1l-9.459-5.452H2.74a.74.74 0 0 1-.74-.74V8.297a.74.74 0 0 1 .74-.74h2.764l9.46-5.457a.74.74 0 0 1 1.11.64v18.52a.74.74 0 0 1-.74.74M3.48 14.964h2.224a.73.73 0 0 1 .37.1l8.52 4.916V4.02l-8.52 4.917a.73.73 0 0 1-.37.1H3.48zm17.78-3.704a.74.74 0 0 1 0 1.48h-3.703a.74.74 0 0 1 0-1.48z"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
@@ -116,15 +106,15 @@ const C = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: l,
             d: "M9.877 4.956c.807-.472 1.873.101 1.873 1.084v11.92c0 1.048-1.213 1.63-2.031.975L5.736 15.75H4A1.75 1.75 0 0 1 2.25 14v-4c0-.967.784-1.75 1.75-1.75h1.736L9.72 5.064zm-3.408 4.63A.75.75 0 0 1 6 9.75H4a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h2a.75.75 0 0 1 .469.164l3.781 3.025V6.56zM14.4 7.55a.75.75 0 0 1 1.05-.15 5.75 5.75 0 0 1 0 9.2.75.75 0 0 1-.9-1.2 4.26 4.26 0 0 0 1.7-3.4 4.25 4.25 0 0 0-1.7-3.4.75.75 0 0 1-.15-1.05"
         })
     }));
-    return i ? /*#__PURE__*/ c.cloneElement(n, {}, [
+    return i ? /*#__PURE__*/ h.cloneElement(o, {}, [
         /* @__PURE__ */ e("defs", {
             children: i
         }, "gradient-defs"),
-        ...c.Children.toArray(n.props.children)
-    ]) : n;
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { C as default };
+export { w as default };

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

@@ -82,31 +82,21 @@ import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import * as c 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 C = (_param)=>{
-    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: h, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = g(), d = n === "brand" || n === "media" ? i.colors.neutralHighBrand : n === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: r, gradientDef: l } = v(s !== null && s !== void 0 ? s : d), { skinName: h } = f(), a = h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const r = g(), s = r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: o, gradientDef: l } = p(h !== null && h !== void 0 ? h : s), { skinName: d } = f(), n = d.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
-            d: "M15.455 21.63V2.389a.39.39 0 0 0-.182-.333.33.33 0 0 0-.364 0L4.982 7.938H2.364c-.219 0-.364.148-.364.37v7.4c0 .223.145.37.364.37h2.618l9.927 5.884c.073.037.11.037.182.037.073 0 .109 0 .182-.037a.39.39 0 0 0 .181-.333M20 11.27h1.273c.4 0 .727.332.727.74 0 .406-.327.74-.727.74H20v1.294c0 .407-.327.74-.727.74a.736.736 0 0 1-.727-.74V12.75h-1.273a.736.736 0 0 1-.727-.74c0-.407.327-.74.727-.74h1.273V9.974c0-.407.327-.74.727-.74s.727.333.727.74z"
-        })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "M15.455 21.63V2.389a.39.39 0 0 0-.182-.333.33.33 0 0 0-.364 0L4.982 7.938H2.364c-.219 0-.364.148-.364.37v7.4c0 .223.145.37.364.37h2.618l9.927 5.884c.073.037.11.037.182.037.073 0 .109 0 .182-.037a.39.39 0 0 0 .181-.333M20 11.27h1.273c.4 0 .727.332.727.74 0 .406-.327.74-.727.74H20v1.294c0 .407-.327.74-.727.74a.736.736 0 0 1-.727-.74V12.75h-1.273a.736.736 0 0 1-.727-.74c0-.407.327-.74.727-.74h1.273V9.974c0-.407.327-.74.727-.74s.727.333.727.74z"
         })
     })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
@@ -114,23 +104,23 @@ const C = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: r,
+                fill: o,
                 d: "M17.117 4.529a.75.75 0 0 1 1.055-.111 9.75 9.75 0 0 1 2.67 11.785 9.75 9.75 0 0 1-2.67 3.38.75.75 0 0 1-.944-1.165A8.25 8.25 0 0 0 20.294 12a8.25 8.25 0 0 0-3.064-6.417.75.75 0 0 1-.112-1.055m-7.243.732a1 1 0 0 1 1.625.78v11.92a1 1 0 0 1-1.625.78l-4.05-3.24H4A1.5 1.5 0 0 1 2.5 14v-4A1.5 1.5 0 0 1 4 8.5h1.824z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: r,
+                fill: o,
                 d: "M14.4 7.55a.75.75 0 0 1 1.05-.15 5.75 5.75 0 0 1 0 9.2.75.75 0 0 1-.9-1.2 4.26 4.26 0 0 0 1.7-3.4 4.25 4.25 0 0 0-1.7-3.4.75.75 0 0 1-.15-1.05"
             })
         ]
     }));
-    return l ? /*#__PURE__*/ c.cloneElement(a, {}, [
+    return l ? /*#__PURE__*/ c.cloneElement(n, {}, [
         /* @__PURE__ */ e("defs", {
             children: l
         }, "gradient-defs"),
-        ...c.Children.toArray(a.props.children)
-    ]) : a;
+        ...c.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { C as default };
+export { w as default };