@telefonica/mistica 12.10.0 → 12.11.1

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as h } from "../../hooks.js";
-import { useIsInverseVariant as m } from "../../theme-variant-context.js";
-import { jsx as t } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as i } from "../../_virtual/jsx-runtime.js";
+var v = function(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = h(), r = ref.colors, n = m(), s = e != null ? e : n ? r.inverse : r.neutralHigh;
-    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
-        width: c,
-        height: c,
+    var s = h(), n = e != null ? e : s ? c.colors.inverse : c.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
+    }, t), {
+        children: /* @__PURE__ */ i("path", {
             d: "M11.307 8.783c-1.508 0-2.73 1.28-2.73 2.86 0 1.579 1.222 2.858 2.73 2.858h5.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-.712-.378 0-.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.86zm-1.37 2.86c0-.785.61-1.425 1.359-1.425.748 0 1.359.64 1.359 1.424 0 .784-.611 1.424-1.36 1.424-.748 0-1.359-.64-1.359-1.424zm4.607-8.22c1.012 0 1.856.777 2.016 1.788H6.39c.164-1.007 1.004-1.787 2.02-1.787h6.134zm0 17.15H8.41c-1.011 0-1.855-.776-2.016-1.788h10.163c-.164 1.008-1 1.787-2.012 1.787zm2.719-10.355c.748 0 1.359.64 1.359 1.424 0 .784-.611 1.424-1.36 1.424-.748 0-1.359-.64-1.359-1.424 0-.784.611-1.424 1.36-1.424z",
-            fill: s
+            fill: n
         })
     }));
 };
-export { f as default };
+export { v as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as a } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { jsx as r } from "../../_virtual/jsx-runtime.js";
-var p = function(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as i } from "../../_virtual/jsx-runtime.js";
+var d = function(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, l = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = a(), n = ref.colors, s = l(), o = e != null ? e : s ? n.inverse : n.neutralHigh;
-    return /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+    var s = a(), o = e != null ? e : s ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ r("path", {
+    }, n), {
+        children: /* @__PURE__ */ i("path", {
             d: "M15.703 21.63V2.368a.361.361 0 00-.185-.318.368.368 0 00-.37 0l-10.1 5.875H2.37a.37.37 0 00-.37.37v7.407c0 .204.166.37.37.37h2.679l10.1 5.876a.363.363 0 00.37.005.374.374 0 00.184-.323zm1.484-10.371h4.073a.74.74 0 010 1.48h-4.073a.74.74 0 010-1.48z",
             fill: o
         })
     }));
 };
-export { p as default };
+export { d as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as l } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
-import { jsx as n } from "../../_virtual/jsx-runtime.js";
-var u = function(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as t } from "../../_virtual/jsx-runtime.js";
+var f = function(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = l(), a = ref.colors, i = h(), s = e != null ? e : i ? a.inverse : a.neutralHigh;
-    return /* @__PURE__ */ n("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+    var l = s(), n = a != null ? a : l ? r.colors.inverse : r.colors.neutralHigh;
+    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ n("path", {
+    }, i), {
+        children: /* @__PURE__ */ t("path", {
             d: "M15.703 2.368V21.63a.374.374 0 01-.185.323.363.363 0 01-.37-.005l-1.384-.811a.372.372 0 01.375-.64l.83.483V3.012l-9.636 5.6a.363.363 0 01-.185.053H2.74v6.668h2.408c.067 0 .128.018.185.052l4.993 2.892a.37.37 0 11-.374.64l-4.908-2.845H2.37a.37.37 0 01-.37-.37V8.295a.37.37 0 01.37-.37h2.679l10.1-5.875a.368.368 0 01.37 0 .361.361 0 01.184.318zM12 19.036a.74.74 0 000 1.48.74.74 0 000-1.48zm5.183-7.407h4.447a.37.37 0 010 .74h-4.447a.37.37 0 010-.74z",
-            fill: s
+            fill: n
         })
     }));
 };
-export { u as default };
+export { f as default };

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

@@ -77,19 +77,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as l } from "../../hooks.js";
-import { useIsInverseVariant as o } from "../../theme-variant-context.js";
+import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as t } from "../../_virtual/jsx-runtime.js";
 var f = function(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, n = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = l(), r = ref.colors, s = o(), i = e != null ? e : s ? r.inverse : r.neutralHigh;
+    var s = l(), i = e != null ? e : s ? a.colors.inverse : a.colors.neutralHigh;
     return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, n), {

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as o } from "../../hooks.js";
 import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as i } from "../../_virtual/jsx-runtime.js";
-var p = function(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, c = _param.children, n = _objectWithoutProperties(_param, [
+var m = function(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, l = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = o(), r = ref.colors, s = a(), h = e != null ? e : s ? r.inverse : r.neutralHigh;
+    var n = a(), o = e != null ? e : n ? t.colors.inverse : t.colors.neutralHigh;
     return /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, s), {
         children: /* @__PURE__ */ i("path", {
             d: "M15.454 21.63V2.389a.39.39 0 00-.181-.333.326.326 0 00-.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 00.181-.333zM20 11.27h1.273c.4 0 .727.332.727.74 0 .406-.327.74-.727.74H20v1.294c0 .407-.327.74-.727.74a.736.736 0 01-.727-.74V12.75h-1.273a.736.736 0 01-.727-.74c0-.407.327-.74.727-.74h1.273V9.974c0-.407.327-.74.727-.74.4 0 .727.333.727.74v1.295z",
-            fill: h
+            fill: o
         })
     }));
 };
-export { p as default };
+export { m as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { jsx as r } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, h = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as t } from "../../_virtual/jsx-runtime.js";
+var p = function(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = s(), t = ref.colors, i = l(), n = e != null ? e : i ? t.inverse : t.neutralHigh;
-    return /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+    var l = h(), s = a != null ? a : l ? r.colors.inverse : r.colors.neutralHigh;
+    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ r("path", {
+    }, i), {
+        children: /* @__PURE__ */ t("path", {
             d: "M15.703 2.368V21.63a.374.374 0 01-.185.323.363.363 0 01-.37-.005l-1.384-.811a.372.372 0 01.375-.64l.83.483V3.012l-9.636 5.6a.363.363 0 01-.185.053H2.74v6.668h2.408c.067 0 .128.018.185.052l4.993 2.892a.37.37 0 11-.374.64l-4.908-2.845H2.37a.37.37 0 01-.37-.37V8.295a.37.37 0 01.37-.37h2.679l10.1-5.875a.368.368 0 01.37 0 .361.361 0 01.184.318zM12 19.036a.74.74 0 000 1.48.74.74 0 000-1.48zm7.776-7.407h1.854a.37.37 0 010 .74h-1.854v1.854a.37.37 0 01-.74 0v-1.854h-1.853a.37.37 0 010-.74h1.854V9.775a.37.37 0 01.74 0v1.854z",
-            fill: n
+            fill: s
         })
     }));
 };
-export { f as default };
+export { p as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as h } from "../../hooks.js";
 import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as s } from "../../_virtual/jsx-runtime.js";
-var p = function(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, a = _objectWithoutProperties(_param, [
+var m = function(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = h(), t = ref.colors, n = l(), i = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var i = l(), n = e != null ? e : i ? a.colors.inverse : a.colors.neutralHigh;
     return /* @__PURE__ */ s("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ s("path", {
             d: "M15.451 2.1a.711.711 0 00-.726 0L5.44 7.554H2.726c-.4 0-.726.332-.726.74v7.408c0 .408.326.74.726.74H5.44l9.285 5.458a.71.71 0 00.726 0 .744.744 0 00.363-.64V2.74a.728.728 0 00-.363-.64zm-1.089 17.885l-8.364-4.919a.71.71 0 00-.363-.1H3.452V9.039h2.183a.71.71 0 00.363-.1l8.364-4.917v15.963zm6.912-7.243c.4 0 .726-.332.726-.74a.741.741 0 00-.726-.744h-1.27V9.963a.734.734 0 00-.727-.74c-.4 0-.726.332-.726.74v1.304h-1.27c-.4 0-.727.332-.727.74s.326.74.726.74h1.271v1.295c0 .408.326.74.726.74.4 0 .726-.332.726-.74v-1.3h1.27z",
-            fill: i
+            fill: n
         })
     }));
 };
-export { p as default };
+export { m as default };

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

@@ -77,30 +77,30 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as o } from "../../theme-variant-context.js";
-import { jsxs as c, jsx as s } from "../../_virtual/jsx-runtime.js";
+import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as o, jsx as i } from "../../_virtual/jsx-runtime.js";
 var p = function(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, c = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = n(), i = ref.colors, a = o(), l = e != null ? e : a ? i.inverse : i.neutralHigh;
-    return /* @__PURE__ */ c("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+    var a = n(), r = e != null ? e : a ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ o("svg", _objectSpreadProps(_objectSpread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, s), {
         children: [
-            /* @__PURE__ */ s("path", {
+            /* @__PURE__ */ i("path", {
                 d: "M21.168 17.381a.75.75 0 01.82.618.686.686 0 01-.604.806l-3.805.581-.532-3.89c-.072-.401.212-.765.604-.839a.75.75 0 01.82.618l.216 1.562a8.861 8.861 0 001.457-4.835c0-4.729-3.73-8.546-8.36-8.546-4.63 0-8.363 3.813-8.363 8.542 0 4.729 3.737 8.546 8.36 8.509 1.244 0 2.456-.254 3.557-.798a.754.754 0 01.96.364c.14.364 0 .802-.356.982A9.704 9.704 0 0111.78 22C6.374 22 2 17.529 2 12.002 2 6.475 6.382 2 11.784 2c5.403 0 9.78 4.475 9.777 9.998 0 2-.605 3.927-1.673 5.563l1.28-.18z",
-                fill: l
+                fill: r
             }),
-            /* @__PURE__ */ s("path", {
+            /* @__PURE__ */ i("path", {
                 d: "M11.072 5.453c0-.397.316-.724.708-.724.393 0 .713.327.713.728v6.246l2.633 2.692a.715.715 0 010 1.019.686.686 0 01-.496.22.693.693 0 01-.497-.22l-2.845-2.909a.716.716 0 01-.216-.507V5.453z",
-                fill: l
+                fill: r
             })
         ]
     }));

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

@@ -77,16 +77,16 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
-import { jsxs as o, jsx as r } from "../../_virtual/jsx-runtime.js";
-var d = function(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, a = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as o, jsx as i } from "../../_virtual/jsx-runtime.js";
+var p = function(_param) {
+    var s = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, c = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = n(), s = ref.colors, l = c(), i = e != null ? e : l ? s.inverse : s.neutralHigh;
+    var l = n(), r = s != null ? s : l ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _objectSpreadProps(_objectSpread({
         width: t,
         height: t,
@@ -94,15 +94,15 @@ var d = function(_param) {
         role: "presentation"
     }, a), {
         children: [
-            /* @__PURE__ */ r("path", {
+            /* @__PURE__ */ i("path", {
                 d: "M21.587 17.962l-2.212.34a10.059 10.059 0 002.176-6.265C21.55 6.489 17.16 2 11.773 2 6.387 2 2 6.489 2 12c0 5.512 4.39 10 9.777 10 .996 0 1.992-.151 2.912-.454a.43.43 0 00.255-.491.417.417 0 00-.48-.262c-.883.262-1.77.417-2.69.417-4.98 0-9.038-4.153-9.038-9.247s4.059-9.247 9.041-9.247c4.983 0 9.038 4.153 9.038 9.247 0 2.19-.74 4.3-2.14 5.962l-.367-2.492c-.036-.188-.22-.34-.408-.303-.184.037-.332.225-.296.417l.516 3.662 3.579-.527c.184-.037.332-.225.296-.418-.04-.188-.228-.343-.408-.302z",
-                fill: i
+                fill: r
             }),
-            /* @__PURE__ */ r("path", {
+            /* @__PURE__ */ i("path", {
                 d: "M12.141 11.845V4.827c0-.225-.148-.376-.368-.376s-.368.151-.368.376V12a.33.33 0 00.112.262l3.136 3.208a.387.387 0 00.255.114.38.38 0 00.256-.114.37.37 0 000-.528l-3.023-3.098zm5.157 8.574a.748.748 0 00-.61-.866.749.749 0 00-.851.629c-.067.412.206.8.61.865a.748.748 0 00.851-.628z",
-                fill: i
+                fill: r
             })
         ]
     }));
 };
-export { d as default };
+export { p as default };

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

@@ -77,32 +77,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as o } from "../../theme-variant-context.js";
-import { jsxs as c, jsx as a } from "../../_virtual/jsx-runtime.js";
-var d = function(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as o, jsx as l } from "../../_virtual/jsx-runtime.js";
+var v = function(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = n(), r = ref.colors, l = o(), s = e != null ? e : l ? r.inverse : r.neutralHigh;
-    return /* @__PURE__ */ c("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+    var i = n(), t = r != null ? r : i ? a.colors.inverse : a.colors.neutralHigh;
+    return /* @__PURE__ */ o("svg", _objectSpreadProps(_objectSpread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, s), {
         children: [
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ l("path", {
                 d: "M21.17 17.383a.747.747 0 01.819.62.68.68 0 01-.61.799l-3.805.582-.533-3.89c-.069-.403.212-.763.605-.837a.747.747 0 01.818.619l.217 1.562A8.856 8.856 0 0020.14 12c0-4.727-3.742-8.549-8.361-8.549-4.62 0-8.357 3.822-8.357 8.549 0 4.727 3.738 8.549 8.353 8.508 1.243 0 2.454-.255 3.556-.8a.754.754 0 01.963.36c.144.366 0 .804-.353.985A9.686 9.686 0 0111.78 22C6.375 22 2 17.531 2 12S6.37 2 11.78 2c5.41 0 9.784 4.469 9.784 10 0 2-.606 3.928-1.672 5.564l1.279-.18z",
-                fill: s
+                fill: t
             }),
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ l("path", {
                 d: "M11.066 5.456c0-.401.32-.73.714-.73a.71.71 0 01.706.726v6.253l2.634 2.694a.712.712 0 010 1.016.694.694 0 01-.497.222.694.694 0 01-.497-.222l-2.843-2.907a.725.725 0 01-.217-.508V5.456z",
-                fill: s
+                fill: t
             })
         ]
     }));
 };
-export { d as default };
+export { v as default };

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

@@ -77,16 +77,17 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as r } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useTheme as n } from "../../hooks.js";
+import { useIsInverseVariant as o } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as l } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, v = _param.children, h = _objectWithoutProperties(_param, [
+var p = function(_param) {
+    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = r(), c = ref.skinName, t = ref.colors, n = s(), i = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var i = o(), t = e != null ? e : i ? r.colors.inverse : r.colors.neutralHigh, ref = n(), c = ref.skinName;
     return c.match(/^o2/i) ? /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
@@ -95,7 +96,7 @@ var f = function(_param) {
     }, h), {
         children: /* @__PURE__ */ l("path", {
             d: "M4.325 10.806a.536.536 0 01.536-.535h2.764L5.704 8.353a1.246 1.246 0 010-1.768l.214-.218H4.143A2.143 2.143 0 002 8.51v10.893a2.143 2.143 0 002.143 2.143h15.714A2.143 2.143 0 0022 19.403v-8.06H4.857a.536.536 0 01-.532-.537zm15.532-4.439h-2.903l3.907 3.904H22V8.51a2.143 2.143 0 00-2.143-2.143zM9.143 10.296h1.578a1.807 1.807 0 00-2.625-2.479.357.357 0 11-.503-.503 2.521 2.521 0 012.771-.54 1.548 1.548 0 01-.035-.357 1.707 1.707 0 011.71-1.71 1.71 1.71 0 11-.357 3.385 2.544 2.544 0 01-.103 2.19h1.85l-.093-.09a.364.364 0 01.128-.589.362.362 0 01.393.086l.532.532a.55.55 0 01.043.064h1.61l-1.453-1.45a.357.357 0 01.507-.504l1.893 1.893a.67.67 0 01.043.065h2.314l-7.782-7.786a.18.18 0 00-.253 0l-4.85 4.85a.179.179 0 000 .253l2.682 2.69zm3.603-3.157a.998.998 0 000-1.429 1.003 1.003 0 100 1.429z",
-            fill: i
+            fill: t
         })
     })) : /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
         width: a,
@@ -105,8 +106,8 @@ var f = function(_param) {
     }, h), {
         children: /* @__PURE__ */ l("path", {
             d: "M20.401 11.461c.79 0 1.432.659 1.432 1.47v2.889c0 .81-.642 1.468-1.432 1.468h-.087l.003 1.596c0 .678-.255 1.317-.722 1.796a2.42 2.42 0 01-1.748.745l-13.213.005c-.745-.005-1.398-.28-1.846-.767-.445-.488-.661-1.146-.622-1.908V5.988c0-.678.258-1.317.723-1.796a2.427 2.427 0 011.748-.745l12.327-.868c.18-.006.33.048.454.165.123.118.19.28.19.454v1.395a1.502 1.502 0 011.183 1.465V7.5c.341.126.644.32.885.583.445.487.658 1.149.619 1.916l.003 1.465h.103v-.003zM5.186 5.411l11.218-.804v-.748L4.68 4.685a1.275 1.275 0 00-.936.384c-.238.247-.37.572-.37.919v.033c0 .314.118.614.32.852a1.505 1.505 0 011.493-1.462zM4.894 7.26a.136.136 0 01-.006.036l-.005.022 12.703.003V6.055c0-.148-.131-.272-.291-.272l-.286.023h-.005l-11.779.843c-.202.003-.333.126-.333.272v.339h.002zm15.732 8.557v-2.888a.228.228 0 00-.225-.23h-7.963c-.84 0-1.527.703-1.527 1.566v.213c0 .863.684 1.566 1.527 1.566H20.4a.223.223 0 00.224-.227zm-7.023-1.361c0-.552-.434-1-.972-1a.984.984 0 00-.972 1c0 .551.434 1 .972 1s.972-.449.972-1z",
-            fill: i
+            fill: t
         })
     }));
 };
-export { f as default };
+export { p as default };

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

@@ -77,17 +77,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as r } from "../../theme-variant-context.js";
+import { useTheme as v } from "../../hooks.js";
+import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 import { jsxs as s, jsx as l } from "../../_virtual/jsx-runtime.js";
-var p = function(_param) {
-    var h = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, m = _param.children, e = _objectWithoutProperties(_param, [
+var z = function(_param) {
+    var h = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = n(), i = ref.skinName, t = ref.colors, v = r(), c = h != null ? h : v ? t.inverse : t.neutralHigh;
-    return i.match(/^o2/i) ? /* @__PURE__ */ s("svg", _objectSpreadProps(_objectSpread({
+    var i = n(), c = h != null ? h : i ? t.colors.inverse : t.colors.neutralHigh, ref = v(), r = ref.skinName;
+    return r.match(/^o2/i) ? /* @__PURE__ */ s("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -115,4 +116,4 @@ var p = function(_param) {
         })
     }));
 };
-export { p as default };
+export { z as default };

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

@@ -77,16 +77,17 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as v } from "../../theme-variant-context.js";
+import { useTheme as v } from "../../hooks.js";
+import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as l } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
+var d = function(_param) {
     var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = n(), i = ref.skinName, h = ref.colors, r = v(), t = c != null ? c : r ? h.inverse : h.neutralHigh;
+    var t = n(), h = c != null ? c : t ? r.colors.inverse : r.colors.neutralHigh, ref = v(), i = ref.skinName;
     return i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
@@ -95,7 +96,7 @@ var f = function(_param) {
     }, e), {
         children: /* @__PURE__ */ l("path", {
             d: "M19.857 6.733H16.6l-4.286-4.285a1.246 1.246 0 00-1.768 0L6.261 6.733H4.143A2.143 2.143 0 002 8.876V19.77a2.143 2.143 0 002.143 2.143h15.714A2.143 2.143 0 0022 19.769V8.876a2.143 2.143 0 00-2.143-2.143zm0 1.429a.714.714 0 01.714.714v1.761h-.064L18.03 8.162h1.828zm-13.396-.1l4.85-4.85a.18.18 0 01.253 0l7.429 7.425h-1.968a.622.622 0 01-.036-.05l-1.893-1.89a.358.358 0 10-.507.508l1.429 1.428H14.41s-.018-.032-.032-.05l-.522-.528a.358.358 0 10-.507.507l.079.075h-1.833a2.518 2.518 0 00.097-2.171c.117.023.237.035.357.035a1.714 1.714 0 10-1.71-1.714c-.002.12.009.24.031.357a2.525 2.525 0 00-2.767.536.357.357 0 10.503.507 1.804 1.804 0 012.632 2.464H8.786L6.46 8.33a.179.179 0 010-.268zm4.578-1.275a1 1 0 011.383-.922c.123.05.234.124.328.218a.978.978 0 01.293.715.994.994 0 01-.293.714 1.025 1.025 0 01-1.41 0 .994.994 0 01-.3-.725zm8.818 13.696H4.143a.715.715 0 01-.714-.714V8.876a.714.714 0 01.714-.714h1.196a1.246 1.246 0 00.357.91l1.565 1.565H4.857a.536.536 0 100 1.071h15.714v8.061a.714.714 0 01-.714.714z",
-            fill: t
+            fill: h
         })
     })) : /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
         width: a,
@@ -105,8 +106,8 @@ var f = function(_param) {
     }, e), {
         children: /* @__PURE__ */ l("path", {
             d: "M20.41 11.461c.79 0 1.431.659 1.431 1.47v2.889c0 .81-.644 1.47-1.431 1.47h-.087l.003 1.6a2.55 2.55 0 01-.723 1.795 2.422 2.422 0 01-1.75.745l-13.225.003c-.745-.005-1.4-.28-1.846-.767-.445-.488-.66-1.146-.621-1.908V5.98c0-.678.257-1.317.722-1.796a2.422 2.422 0 011.75-.745l12.337-.871a.597.597 0 01.454.165c.123.118.19.28.19.454v1.395c.69.157 1.185.753 1.185 1.468v1.442c.342.129.645.322.885.583.446.487.659 1.148.62 1.919l.002 1.467h.104zM3.368 5.98v.033c0 .317.115.616.32.854A1.505 1.505 0 015.18 5.405L16.407 4.6v-.746L4.673 4.68a1.284 1.284 0 00-.935.38c-.239.247-.37.572-.37.92zm15.745 11.31H12.44c-1.507 0-2.737-1.26-2.737-2.806v-.213c0-1.55 1.227-2.807 2.737-2.807h6.658l-.003-1.498c.023-.457-.078-.802-.291-1.037-.216-.238-.546-.364-.953-.367l-13.218.003v-.008c-.454 0-.885-.135-1.266-.367v10.605c-.023.448.078.792.294 1.025.218.24.563.372.972.375l13.218-.003c.34 0 .656-.134.894-.38a1.32 1.32 0 00.37-.922l-.003-1.6zm1.52-4.358c0-.129-.1-.23-.223-.23h-7.97c-.842 0-1.526.703-1.526 1.566v.213c0 .863.686 1.566 1.527 1.566h7.969a.224.224 0 00.224-.227v-2.888zM5.224 6.646c-.203.003-.334.123-.334.272v.339a.144.144 0 01-.006.035l-.005.024 12.711.002V6.052c0-.148-.131-.271-.291-.271l-.286.02h-.003l-11.787.845zm8.383 7.813c0-.552-.437-1-.975-1s-.972.448-.972 1c0 .551.434 1 .972 1a.988.988 0 00.975-1z",
-            fill: t
+            fill: h
         })
     }));
 };
-export { f as default };
+export { d as default };

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

@@ -77,36 +77,37 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as o } from "../../hooks.js";
+import { useTheme as h } from "../../hooks.js";
 import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { jsx as i } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, n = _objectWithoutProperties(_param, [
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as r } from "../../_virtual/jsx-runtime.js";
+var p = function(_param) {
+    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = o(), s = ref.skinName, r = ref.colors, h = l(), a = t != null ? t : h ? r.inverse : r.neutralHigh;
-    return s.match(/^o2/i) ? /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
+    var o = l(), n = i != null ? i : o ? a.colors.inverse : a.colors.neutralHigh, ref = h(), s = ref.skinName;
+    return s.match(/^o2/i) ? /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
-        children: /* @__PURE__ */ i("path", {
+    }, t), {
+        children: /* @__PURE__ */ r("path", {
             d: "M12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10zm.536-14.644A.552.552 0 0012 6.82a.552.552 0 00-.536.536v6.788c0 .284.252.536.536.536a.552.552 0 00.536-.536V7.356zm-1.252 9.468c0 .392.32.716.716.716.392 0 .716-.32.716-.716a.718.718 0 00-.716-.716.718.718 0 00-.716.716z",
-            fill: a
+            fill: n
         })
-    })) : /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
+    })) : /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
-        children: /* @__PURE__ */ i("path", {
+    }, t), {
+        children: /* @__PURE__ */ r("path", {
             d: "M11.621 1c.285 0 .582.006.84.013C14.613 1.063 23 1.914 23 12.028c0 10.14-8.396 10.928-10.496 10.966-.2.003-.432.006-.664.006-.115 0-.231 0-.344-.003C9.286 22.966 1 22.164 1 11.962 1 1.776 9.208 1.02 11.418 1h.203zm-.313 4.72v9.498a.689.689 0 101.377 0V5.721a.689.689 0 00-1.377 0zm.689 12.69c.432 0 .783-.35.783-.785a.784.784 0 10-1.566 0c0 .435.35.786.783.786z",
-            fill: a
+            fill: n
         })
     }));
 };
-export { f as default };
+export { p as default };