@telefonica/mistica 12.9.1 → 12.11.0

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as n } from "../../hooks.js";
 import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as a } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var l = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var d = function(_param) {
+    var l = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = n(), c = ref.colors, t = s(), i = l != null ? l : t ? c.inverse : c.neutralHigh;
+    var t = s(), i = l != null ? l : t ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ a("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, c), {
         children: /* @__PURE__ */ a("path", {
             d: "M12.231 17.525l7.68-1.33c.331-.068.642.167.693.515.056.344-.16.67-.49.72l-7.737 1.347c-.04 1.591-1.003 2.703-2.667 2.997a4.126 4.126 0 01-.7.067c-.667 0-1.26-.184-1.742-.543-.645-.476-1.062-1.255-1.222-2.252-.291-1.801.48-3.157 2.023-3.667L6.352 4.645l-2.477-.487c-.322-.059-.537-.384-.481-.728.064-.342.386-.569.708-.502l2.885.56c.25.048.443.258.482.519l1.793 11.16a3.13 3.13 0 01.753.058l-.787-4.924a1.273 1.273 0 01.04-.586 1.2 1.2 0 01-.208-.476l-.778-4.865c-.096-.594.266-1.146.795-1.247l5.543-.96a.97.97 0 01.77.215c.202.168.331.409.379.686l.756 4.706 1.045-.185c.28-.05.569.02.81.202.257.193.434.493.49.83l.907 5.657c.048.345-.025.687-.21.955a1.07 1.07 0 01-.7.468l-6.86 1.188c.087.202.16.409.224.636zM9.491 4.332l.72 4.532 5.118-.888-.73-4.53-1.438.253.224 1.38c.031.227-.112.443-.33.477l-1.446.252c-.025.008-.039.008-.064.008a.373.373 0 01-.233-.075.484.484 0 01-.168-.278l-.215-1.38-1.437.249zm6.074 7.4l-1.939.336c-.022.009-.04.009-.064.009a.39.39 0 01-.233-.076.433.433 0 01-.16-.277l-.327-2.042-2.42.425.899 5.628 7.255-1.263-.9-5.628-2.111.362.33 2.05a.416.416 0 01-.33.476z",
             fill: i
         })
     }));
 };
-export { f as default };
+export { d as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { jsx as a } from "../../_virtual/jsx-runtime.js";
-var p = function(_param) {
-    var l = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as e } from "../../_virtual/jsx-runtime.js";
+var v = function(_param) {
+    var l = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = i(), e = ref.colors, r = n(), s = l != null ? l : r ? e.inverse : e.neutralHigh;
-    return /* @__PURE__ */ a("svg", _objectSpreadProps(_objectSpread({
+    var s = i(), t = l != null ? l : s ? a.colors.inverse : a.colors.neutralHigh;
+    return /* @__PURE__ */ e("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
             d: "M12.063 17.094l6.544-1.205c.18-.043.353.097.39.3.026.201-.094.395-.276.424l-6.57 1.219c.016.6-.118 1.137-.394 1.56-.355.554-.935.915-1.69 1.055a2.73 2.73 0 01-.556.053c-.522 0-.984-.148-1.35-.443-.496-.392-.829-1.035-.95-1.862-.24-1.568.401-2.69 1.71-3.075L7.444 5.352l-2.172-.45c-.182-.041-.3-.232-.266-.428v-.005c.032-.194.205-.324.387-.29l2.408.496a.374.374 0 01.267.302l1.511 10.022c.353-.024.687.015.981.119l-.701-4.643a1.038 1.038 0 01.066-.517.73.73 0 01-.207-.421l-.649-4.294a.835.835 0 01.12-.597.605.605 0 01.408-.281l4.605-.856a.591.591 0 01.508.154c.139.124.23.296.255.487l.649 4.298c.004.005.003.013.001.021l-.002.016 1.043-.192a.677.677 0 01.587.177c.162.15.269.358.3.583l.754 4.995c.073.496-.2.963-.614 1.036l-5.921 1.093c.141.266.234.586.3.917zm-.982-12.25l-1.377.244.667 4.33 4.58-.812-.642-4.33-1.363.244.207 1.374a.37.37 0 01-.273.428l-1.205.223h-.052a.337.337 0 01-.328-.305l-.214-1.396zm-.496 5.32c-.039.01-.084.089-.066.193l.758 4.993c.005.065.06.17.119.147l6.175-1.137c.039-.01.087-.09.073-.193l-.76-4.993c-.007-.06-.055-.148-.107-.148h-.014l-1.819.332.294 1.988a.34.34 0 01-.052.274.384.384 0 01-.221.155l-1.612.295c-.005 0-.011 0-.019.002a.165.165 0 01-.033.005c-.162 0-.3-.133-.328-.31l-.3-1.986-2.088.382zM8.55 19.456c.353.281.829.37 1.41.26 1.167-.214 1.684-1.012 1.49-2.304-.102-.64-.33-1.108-.683-1.388-.255-.206-.573-.303-.956-.303-.139 0-.293.008-.453.037-1.17.22-1.684 1.018-1.49 2.312.102.641.327 1.108.682 1.386zm5.98-8.355s-.248-1.618-.246-1.618l-.95.176.24 1.619.956-.177zM12.283 4.63s-.541.094-.541.097l.152 1.028.542-.104-.153-1.021z",
-            fill: s
+            fill: t
         })
     }));
 };
-export { p as default };
+export { v as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as a } from "../../hooks.js";
-import { useIsInverseVariant as o } from "../../theme-variant-context.js";
-import { jsx as l } from "../../_virtual/jsx-runtime.js";
-var p = function(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, n = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { vars as l } 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, r = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = a(), t = ref.colors, s = o(), i = e != null ? e : s ? t.inverse : t.neutralHigh;
-    return /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
+    var a = n(), i = e != null ? e : a ? l.colors.inverse : l.colors.neutralHigh;
+    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
-        children: /* @__PURE__ */ l("path", {
+    }, s), {
+        children: /* @__PURE__ */ t("path", {
             d: "M13.106 17.871c.08.172.284.247.456.166l6.74-3.143a.342.342 0 00.167-.456l-2.897-6.214-7.364 3.434 2.898 6.213zm-4.887-.474a1.574 1.574 0 110 3.147 1.574 1.574 0 010-3.148zM5.75 3c.267 0 .51.155.622.396L9.64 10.41l8.595-4.01 3.478 7.457c.4.86.03 1.879-.83 2.28l-6.74 3.143c-.86.4-1.88.03-2.281-.83l-3.478-7.457.011-.005-3.082-6.617H2.686a.686.686 0 010-1.372H5.75z",
             fill: i
         })
     }));
 };
-export { p as default };
+export { f as default };

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

@@ -77,36 +77,37 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as a } from "../../hooks.js";
-import { useIsInverseVariant as o } 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, l = _param.children, n = _objectWithoutProperties(_param, [
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { vars as h } 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, l = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = a(), c = ref.skinName, r = ref.colors, s = o(), h = t != null ? t : s ? r.inverse : r.neutralHigh;
-    return c.match(/^o2/i) ? /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
+    var o = a(), n = i != null ? i : o ? h.colors.inverse : h.colors.neutralHigh, ref = s(), c = ref.skinName;
+    return c.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: "M21.528 3.853v16.294c0 1.019-.79 1.853-1.766 1.853H4.245c-.97 0-1.765-.83-1.765-1.853V3.853C2.48 2.834 3.27 2 4.245 2h15.522c.97 0 1.76.83 1.76 1.853zm-6.172 5.588c0 1.53-1.187 2.777-2.646 2.777H9.713V6.664h2.997c1.459 0 2.646 1.246 2.646 2.777zm-2.641-3.887H8.66v12.403a.54.54 0 00.528.555.54.54 0 00.528-.555v-4.63h2.998c2.04 0 3.702-1.744 3.702-3.886 0-2.142-1.662-3.887-3.702-3.887z",
-            fill: h
+            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: "M15.166 2.522c1.037.263 1.891.711 2.541 1.333 1.112 1.05 1.675 2.675 1.678 4.821 0 2.118-.513 3.776-1.524 4.927-.602.7-1.39 1.221-2.33 1.55-.889.31-1.975.467-3.23.467h-2.028v5.392c0 .457-.364.83-.813.83H5.432a.822.822 0 01-.812-.83V2.984a.82.82 0 01.812-.829H11.5c1.47 0 2.703.123 3.666.367zm-1.96 8.658c.246-.073.459-.201.655-.4.367-.373.557-1.093.557-2.079 0-.624-.086-1.454-.512-1.871-.154-.143-.398-.263-.709-.339-.403-.098-.95-.148-1.622-.148H10.27v4.974h1.431c.846 0 1.286-.072 1.505-.137z",
-            fill: h
+            fill: n
         })
     }));
 };
-export { f as default };
+export { p as default };

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

@@ -77,36 +77,37 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as o } from "../../theme-variant-context.js";
+import { useTheme as o } from "../../hooks.js";
+import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as e } from "../../_virtual/jsx-runtime.js";
-var d = function(_param) {
-    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
+var p = function(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, v = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = s(), n = ref.skinName, h = ref.colors, r = o(), i = c != null ? c : r ? h.inverse : h.neutralHigh;
+    var h = s(), t = c != null ? c : h ? i.colors.inverse : i.colors.neutralHigh, ref = o(), n = ref.skinName;
     return n.match(/^o2/i) ? /* @__PURE__ */ e("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
             d: "M15.889 20.91a.36.36 0 01.352.364c0 .2-.158.363-.357.368H4.245c-.975 0-1.765-.82-1.765-1.82V3.82C2.48 2.815 3.275 2 4.245 2h15.517c.976 0 1.766.82 1.766 1.82v16.002c0 .824-.542 1.55-1.323 1.754a.35.35 0 01-.43-.26.362.362 0 01.254-.442 1.08 1.08 0 00.794-1.052V3.82c0-.6-.474-1.09-1.056-1.09H4.245c-.582 0-1.056.49-1.056 1.09v16.002c0 .6.474 1.089 1.056 1.089H15.89zM18.002 22a.716.716 0 00.704-.726c0-.4-.316-.726-.704-.726a.716.716 0 00-.705.726c0 .4.316.726.705.726zm-8.466-4.361v-4.73h3.174c1.946 0 3.526-1.628 3.526-3.634 0-2.006-1.58-3.635-3.526-3.635H8.832v11.999c0 .2.158.363.352.363a.358.358 0 00.352-.363zM12.71 6.366c1.558 0 2.822 1.303 2.822 2.909 0 1.606-1.264 2.909-2.822 2.909H9.536V6.366h3.174z",
-            fill: i
+            fill: t
         })
     })) : /* @__PURE__ */ e("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
             d: "M19.366 8.525c.017-2.11-.538-3.7-1.622-4.726a5.501 5.501 0 00-2.535-1.266 15.894 15.894 0 00-3.748-.37H5.024a.41.41 0 00-.409.41v18.86a.41.41 0 00.409.408h4.274a.408.408 0 00.41-.409v-6.1h2.607a10.295 10.295 0 003.26-.46 5.265 5.265 0 002.284-1.493 7.096 7.096 0 001.507-4.854zm-.799-.009a6.353 6.353 0 01-1.297 4.305 4.402 4.402 0 01-1.94 1.267 9.382 9.382 0 01-3.015.417H9.301a.407.407 0 00-.406.409v6.112H5.43V2.98h6.03c1.205-.025 2.41.09 3.586.345a4.765 4.765 0 012.143 1.09c.913.82 1.378 2.237 1.378 4.1zM13.01 5.44c.454.09.874.3 1.221.608.605.698.9 1.614.815 2.535a3.696 3.696 0 01-.888 2.69c-.31.316-.697.548-1.123.672a6.65 6.65 0 01-1.63.165H9.3a.405.405 0 01-.406-.409V5.687c0-.227.182-.409.406-.409h2a7.642 7.642 0 011.71.162zm1.216 3.166a2.63 2.63 0 00-.586-1.936 1.708 1.708 0 00-.815-.409 7.152 7.152 0 00-1.524-.165H9.713v5.193h1.658c.485.014.97-.03 1.443-.14.294-.081.557-.24.767-.46a2.924 2.924 0 00.645-2.083z",
-            fill: i
+            fill: t
         })
     }));
 };
-export { d as default };
+export { p as default };

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

@@ -77,17 +77,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as o } from "../../theme-variant-context.js";
+import { useTheme as o } from "../../hooks.js";
+import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as a } from "../../_virtual/jsx-runtime.js";
-var d = function(_param) {
-    var h = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, t = _objectWithoutProperties(_param, [
+var p = function(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = s(), n = ref.skinName, i = ref.colors, c = o(), r = h != null ? h : c ? i.inverse : i.neutralHigh;
-    return n.match(/^o2/i) ? /* @__PURE__ */ a("svg", _objectSpreadProps(_objectSpread({
+    var n = s(), h = r != null ? r : n ? i.colors.inverse : i.colors.neutralHigh, ref = o(), c = ref.skinName;
+    return c.match(/^o2/i) ? /* @__PURE__ */ a("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -95,7 +96,7 @@ var d = function(_param) {
     }, t), {
         children: /* @__PURE__ */ a("path", {
             d: "M19.782 22H4.223A2.226 2.226 0 012 19.777V4.223C2 3 2.995 2 4.223 2h15.554C21 2 22 2.995 22 4.223v15.554A2.222 2.222 0 0119.782 22zM8.3 17.928a.74.74 0 001.484 0V13.48h2.963a4.08 4.08 0 004.072-4.072 4.078 4.078 0 00-4.072-4.072H8.3v12.59zm4.442-5.926H9.779V6.816h2.963a2.594 2.594 0 010 5.186zM3.484 4.223v15.554c0 .407.332.74.74.74h15.553a.74.74 0 00.74-.74V4.223a.74.74 0 00-.74-.74H4.223a.74.74 0 00-.74.74z",
-            fill: r
+            fill: h
         })
     })) : /* @__PURE__ */ a("svg", _objectSpreadProps(_objectSpread({
         width: e,
@@ -105,8 +106,8 @@ var d = function(_param) {
     }, t), {
         children: /* @__PURE__ */ a("path", {
             d: "M19.385 8.595c0-2.13-.558-3.731-1.656-4.762-.641-.61-1.487-1.05-2.518-1.311-.975-.241-2.23-.367-3.73-.367H5.213a.598.598 0 00-.594.602V21.24c-.003.33.263.6.594.602h4.162a.598.598 0 00.594-.602v-5.773h2.34c1.268 0 2.363-.157 3.257-.465.933-.32 1.709-.832 2.305-1.518 1.003-1.138 1.513-2.782 1.513-4.888zm-1.19 0c0 1.8-.407 3.176-1.213 4.087-.46.529-1.065.924-1.799 1.176-.767.266-1.734.4-2.874.4H9.376a.6.6 0 00-.596.603v5.776H5.808V3.359h5.672c1.403 0 2.563.115 3.445.334.83.21 1.5.552 1.992 1.02.849.795 1.277 2.103 1.277 3.882zm-4.76 1.977a1.496 1.496 0 01-.66.4c-.2.06-.597.127-1.345.127H9.97V6.413h1.353c.586 0 1.07.044 1.434.131.306.073.547.194.712.348.342.33.513.921.513 1.753 0 .913-.185 1.56-.547 1.927zm.849-4.554c-.322-.306-.742-.521-1.252-.645-.454-.109-1.028-.165-1.712-.165H9.374a.598.598 0 00-.594.602v5.891c-.003.33.263.6.594.602h2.053c.723 0 1.269-.056 1.67-.17a2.682 2.682 0 001.179-.706c.593-.603.893-1.535.893-2.779 0-1.17-.297-2.053-.885-2.63z",
-            fill: r
+            fill: h
         })
     }));
 };
-export { d as default };
+export { p as default };

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

@@ -77,36 +77,37 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as o } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
-import { jsx as t } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, n = _objectWithoutProperties(_param, [
+import { useTheme as c } from "../../hooks.js";
+import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as r } from "../../_virtual/jsx-runtime.js";
+var p = function(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = o(), a = ref.skinName, r = ref.colors, c = h(), s = i != null ? i : c ? r.inverse : r.neutralHigh;
-    return a.match(/^o2/i) ? /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+    var o = l(), s = t != null ? t : o ? n.colors.inverse : n.colors.neutralHigh, ref = c(), a = ref.skinName;
+    return a.match(/^o2/i) ? /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
-        children: /* @__PURE__ */ t("path", {
+    }, i), {
+        children: /* @__PURE__ */ r("path", {
             d: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2zm-1.965 14.465A.532.532 0 019.5 17a.533.533 0 01-.535-.535v-8.93c0-.297.238-.535.535-.535.297 0 .535.238.535.535v8.93zM14.5 17a.532.532 0 01-.535-.535v-8.93c0-.297.238-.535.535-.535.297 0 .535.238.535.535v8.93A.532.532 0 0114.5 17z",
             fill: s
         })
-    })) : /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+    })) : /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
-        children: /* @__PURE__ */ t("path", {
+    }, i), {
+        children: /* @__PURE__ */ r("path", {
             d: "M19.218 4.593c-1.67-1.608-4.098-2.423-7.222-2.423-3.123 0-5.552.815-7.218 2.426-1.731 1.67-2.608 4.162-2.608 7.409 0 3.246.877 5.736 2.608 7.406 1.666 1.608 4.095 2.423 7.218 2.423s5.552-.815 7.222-2.423c1.73-1.67 2.61-4.16 2.61-7.406 0-3.247-.88-5.743-2.61-7.412zM9.792 15.814c0 .308-.238.56-.532.56a.547.547 0 01-.533-.56V8.167c0-.308.238-.56.533-.56.294 0 .532.252.532.56v7.647zm4.96.569c-.29 0-.529-.252-.529-.56V8.176c0-.309.238-.56.53-.56.29 0 .529.251.529.56v7.647c0 .308-.238.56-.53.56z",
             fill: s
         })
     }));
 };
-export { f as default };
+export { p as default };

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

@@ -77,22 +77,23 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as o } from "../../hooks.js";
+import { useTheme as h } from "../../hooks.js";
 import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { vars as s } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as a, jsxs as l } from "../../_virtual/jsx-runtime.js";
-var p = function(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, n = _objectWithoutProperties(_param, [
+var u = function(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = o(), s = ref.skinName, r = ref.colors, h = c(), i = t != null ? t : h ? r.inverse : r.neutralHigh;
-    return s.match(/^o2/i) ? /* @__PURE__ */ a("svg", _objectSpreadProps(_objectSpread({
+    var n = c(), i = t != null ? t : n ? s.colors.inverse : s.colors.neutralHigh, ref = h(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, r), {
         children: /* @__PURE__ */ a("path", {
             d: "M2 12c0 5.517 4.488 10 10 10a9.97 9.97 0 005.334-1.545.36.36 0 00.11-.493.36.36 0 00-.494-.11 9.247 9.247 0 01-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.248 9.248 0 01-1.43 4.95.36.36 0 00.11.494.36.36 0 00.493-.11A9.98 9.98 0 0022 12c0-5.512-4.488-10-10-10S2 6.484 2 12zm16.787 6.07a.714.714 0 010 1.425.714.714 0 010-1.425zM9.857 7.356a.357.357 0 00-.713 0v9.283a.357.357 0 00.712.005V7.355zM14.5 7c.197 0 .357.16.357.356v9.287a.357.357 0 01-.713-.005V7.357c0-.196.16-.356.356-.356z",
             fill: i
@@ -102,7 +103,7 @@ var p = function(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, r), {
         children: [
             /* @__PURE__ */ a("path", {
                 d: "M14.998 16.423a.281.281 0 01-.28-.28V7.81a.28.28 0 01.28-.28.28.28 0 01.28.28v8.333a.28.28 0 01-.28.28zm-6.045.028a.281.281 0 01-.28-.28V7.838a.28.28 0 01.28-.28.28.28 0 01.28.28v8.333a.28.28 0 01-.28.28z",
@@ -115,4 +116,4 @@ var p = function(_param) {
         ]
     }));
 };
-export { p as default };
+export { u as default };

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

@@ -77,42 +77,43 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as h } from "../../hooks.js";
+import { useTheme as c } from "../../hooks.js";
 import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { jsx as t, jsxs as o } 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, n = _objectWithoutProperties(_param, [
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as r, jsxs as h } from "../../_virtual/jsx-runtime.js";
+var u = function(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = h(), a = ref.skinName, s = ref.colors, c = l(), r = i != null ? i : c ? s.inverse : s.neutralHigh;
-    return a.match(/^o2/i) ? /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
+    var n = l(), i = t != null ? t : n ? a.colors.inverse : a.colors.neutralHigh, ref = c(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
-        children: /* @__PURE__ */ t("path", {
+    }, s), {
+        children: /* @__PURE__ */ r("path", {
             d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12zm1.43 0c0-4.726 3.844-8.57 8.57-8.57 4.726 0 8.57 3.844 8.57 8.57 0 4.726-3.844 8.57-8.57 8.57-4.726 0-8.57-3.844-8.57-8.57zm6.783-4.287a.714.714 0 00-1.426 0v8.57a.714.714 0 001.426.004V7.713zM14.5 7c.393 0 .713.32.713.713v8.574a.714.714 0 01-1.426-.005V7.713c0-.393.32-.713.713-.713z",
-            fill: r
+            fill: i
         })
-    })) : /* @__PURE__ */ o("svg", _objectSpreadProps(_objectSpread({
+    })) : /* @__PURE__ */ h("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, s), {
         children: [
-            /* @__PURE__ */ t("path", {
+            /* @__PURE__ */ r("path", {
                 d: "M9.268 16.386a.562.562 0 01-.56-.56V8.177c0-.308.252-.56.56-.56.308 0 .56.252.56.56v7.647c0 .309-.252.56-.56.56zm5.462 0a.562.562 0 01-.56-.56V8.177c0-.308.252-.56.56-.56.308 0 .56.252.56.56v7.647c0 .309-.252.56-.56.56z",
-                fill: r
+                fill: i
             }),
-            /* @__PURE__ */ t("path", {
+            /* @__PURE__ */ r("path", {
                 d: "M11.996 21.831c-3.123 0-5.552-.815-7.218-2.423-1.731-1.667-2.608-4.157-2.608-7.403 0-3.247.877-5.74 2.608-7.41C6.444 2.989 8.876 2.17 11.996 2.17c3.123 0 5.552.815 7.222 2.423 1.733 1.67 2.61 4.162 2.61 7.409 0 3.246-.88 5.737-2.61 7.406-1.67 1.608-4.098 2.423-7.222 2.423zm0-18.571c-5.798 0-8.74 2.94-8.74 8.745 0 5.798 2.942 8.74 8.74 8.74 5.801 0 8.745-2.942 8.745-8.74 0-5.801-2.944-8.745-8.745-8.745z",
-                fill: r
+                fill: i
             })
         ]
     }));
 };
-export { p as default };
+export { u as default };

package/dist-es/generated/mistica-icons/icon-pay-as-you-go-euro-filled.js

@@ -77,30 +77,30 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
-import { jsxs as n, jsx as h } from "../../_virtual/jsx-runtime.js";
+import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as i, jsx as s } from "../../_virtual/jsx-runtime.js";
 var p = function(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, l = _objectWithoutProperties(_param, [
+    var c = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = i(), s = ref.colors, r = a(), t = c != null ? c : r ? s.inverse : s.neutralHigh;
-    return /* @__PURE__ */ n("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+    var a = h(), e = c != null ? c : a ? l.colors.inverse : l.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: [
-            /* @__PURE__ */ h("path", {
+            /* @__PURE__ */ s("path", {
                 d: "M21.189 16.842c.38-.033.732.198.8.558.072.36-.208.688-.596.72l-3.724.522-.52-3.503c-.068-.36.208-.688.592-.752.38-.033.732.198.8.558l.208 1.407c.908-1.274 1.428-2.783 1.428-4.352 0-4.26-3.656-7.693-8.216-7.693-1.22 0-2.367.262-3.483.752-.348.13-.764 0-.94-.328a.681.681 0 01.348-.882A10.38 10.38 0 0111.993 3c5.292 0 9.576 4.025 9.54 9 0 1.8-.556 3.535-1.6 5.008l1.256-.166zM12 19.694a8.745 8.745 0 003.552-.753c.344-.166.764-.032.904.295.176.324.036.716-.312.882a9.917 9.917 0 01-4.143.882C6.71 21 2.43 16.975 2.43 12c0-1.8.592-3.535 1.636-5.008l-1.256.166a.7.7 0 01-.8-.558c-.068-.36.208-.688.592-.752l3.76-.49.52 3.503c.068.36-.208.688-.592.752h-.104c-.348 0-.66-.23-.696-.558l-.208-1.407C4.338 8.922 3.818 10.43 3.818 12c0 4.26 3.66 7.694 8.183 7.694z",
-                fill: t
+                fill: e
             }),
-            /* @__PURE__ */ h("path", {
+            /* @__PURE__ */ s("path", {
                 d: "M6.954 12.979c0 .36.312.655.696.655h.696c.696 1.537 2.296 2.617 4.18 2.617.8 0 1.567-.198 2.263-.59.348-.198.452-.59.244-.882a.687.687 0 00-.94-.23 3.257 3.257 0 01-1.568.392c-1.08 0-2.051-.522-2.611-1.31h2.607c.384 0 .696-.296.696-.656 0-.36-.312-.655-.696-.655h-3.1c0-.098-.035-.231-.035-.328 0-.101 0-.23.036-.328h3.1c.383 0 .695-.295.695-.655 0-.36-.312-.655-.696-.655H9.91c.556-.785 1.531-1.31 2.611-1.31.556 0 1.08.133 1.568.392a.697.697 0 00.94-.231.614.614 0 00-.244-.882c-.696-.36-1.464-.59-2.264-.59-1.88 0-3.483 1.08-4.18 2.617h-.695c-.384 0-.696.295-.696.655 0 .36.312.655.696.655h.348c0 .097-.036.23-.036.328 0 .101 0 .23.036.328h-.348c-.38.012-.692.307-.692.663z",
-                fill: t
+                fill: e
             })
         ]
     }));

package/dist-es/generated/mistica-icons/icon-pay-as-you-go-euro-light.js

@@ -77,32 +77,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { jsxs as n, jsx as s } from "../../_virtual/jsx-runtime.js";
-var u = function(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as l, jsx as a } from "../../_virtual/jsx-runtime.js";
+var p = function(_param) {
+    var c = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = i(), t = ref.colors, a = l(), h = c != null ? c : a ? t.inverse : t.neutralHigh;
-    return /* @__PURE__ */ n("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+    var h = i(), s = c != null ? c : h ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, e), {
         children: [
-            /* @__PURE__ */ s("path", {
+            /* @__PURE__ */ a("path", {
                 d: "M21.598 17.966l-2.166.34a10.231 10.231 0 002.13-6.266C21.562 6.49 17.269 2 12 2a9.288 9.288 0 00-5.125 1.55c-.18.113-.217.339-.108.527.108.189.324.227.504.114A8.443 8.443 0 0112 2.758c4.87 0 8.841 4.15 8.841 9.248 0 2.19-.72 4.302-2.094 5.965l-.36-2.492c-.036-.189-.217-.34-.397-.302-.18.038-.324.226-.288.415l.504 3.656 3.5-.528c.18-.037.325-.226.288-.414-.036-.23-.216-.381-.396-.34zm-4.188 2.338c0 .416-.323.754-.721.754-.398 0-.72-.338-.72-.754 0-.417.322-.754.72-.754.398 0 .72.337.72.754zm-2.743.527a9.194 9.194 0 01-2.671.415c-4.87 0-8.841-4.15-8.841-9.248 0-2.228.757-4.302 2.094-5.964l.36 2.492c.036.188.18.339.36.339h.037c.18-.038.324-.226.288-.415L5.79 4.79l-3.496.527c-.18.038-.324.226-.288.415.036.188.216.34.396.302l2.166-.34a10.323 10.323 0 00-2.13 6.304C2.438 17.51 6.73 22 12 22c.973 0 1.95-.15 2.887-.452.18-.076.288-.264.252-.49-.04-.23-.288-.302-.472-.227z",
-                fill: h
+                fill: s
             }),
-            /* @__PURE__ */ s("path", {
+            /* @__PURE__ */ a("path", {
                 d: "M7.13 13.133c0 .226.145.377.361.377h.973c.613 1.738 2.203 3.02 4.077 3.02a4.37 4.37 0 002.166-.603c.18-.113.216-.34.144-.528-.108-.188-.324-.226-.505-.15-.54.339-1.153.49-1.805.49-1.482 0-2.743-.943-3.284-2.267h3.32c.216 0 .36-.15.36-.377 0-.226-.144-.377-.36-.377H9.04a4.845 4.845 0 01-.072-.754c0-.263.036-.49.072-.753h3.536c.216 0 .36-.151.36-.377 0-.227-.144-.377-.36-.377h-3.32c.54-1.32 1.838-2.266 3.32-2.266.612 0 1.26.188 1.806.527.18.114.396.038.504-.15a.39.39 0 00-.144-.528c-.649-.415-1.41-.603-2.166-.603-1.878 0-3.464 1.248-4.077 3.02h-.973c-.216 0-.36.15-.36.377 0 .226.144.377.36.377h.793c-.036.226-.072.49-.072.753 0 .264.036.528.072.754h-.793c-.256.034-.396.189-.396.415z",
-                fill: h
+                fill: s
             })
         ]
     }));
 };
-export { u as default };
+export { p as default };

package/dist-es/generated/mistica-icons/icon-pay-as-you-go-euro-regular.js

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

package/dist-es/generated/mistica-icons/icon-pay-as-you-go-pound-filled.js

@@ -77,30 +77,30 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as r } from "../../theme-variant-context.js";
-import { jsxs as h, jsx as a } from "../../_virtual/jsx-runtime.js";
+import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as n, jsx as c } from "../../_virtual/jsx-runtime.js";
 var f = function(_param) {
-    var e = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = n(), t = ref.colors, l = r(), c = e != null ? e : l ? t.inverse : t.neutralHigh;
-    return /* @__PURE__ */ h("svg", _objectSpreadProps(_objectSpread({
-        width: s,
-        height: s,
+    var t = i(), s = e != null ? e : t ? a.colors.inverse : a.colors.neutralHigh;
+    return /* @__PURE__ */ n("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, l), {
         children: [
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ c("path", {
                 d: "M9.666 14.545c-.384 0-.696.33-.696.727 0 .397.316.727.696.727h4.592c.384 0 .696-.33.696-.727 0-.397-.316-.727-.696-.727h-2.816c.036-.146.036-.288.036-.435v-1.563h1.392c.384 0 .696-.33.696-.727 0-.4-.316-.727-.696-.727h-1.392V9.64c0-.547.348-.911.872-.911.316 0 .452.071.592.184.276.255.732.255.976-.071.244-.289.244-.765-.068-1.02-.524-.472-1.116-.547-1.496-.547-1.288 0-2.264 1.02-2.264 2.365v1.454h-.348c-.384 0-.696.33-.696.727 0 .402.316.727.696.727h.348v1.563c-.004.255-.176.435-.424.435z",
-                fill: c
+                fill: s
             }),
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ c("path", {
                 d: "M21.189 17.378a.735.735 0 01.8.619.684.684 0 01-.588.806l-3.724.581-.524-3.89a.727.727 0 01.592-.836.735.735 0 01.8.618l.208 1.563A9.025 9.025 0 0020.181 12c0-4.73-3.656-8.546-8.215-8.546-1.216 0-2.364.289-3.48.836a.73.73 0 01-.94-.364c-.14-.363 0-.798.349-.982A9.516 9.516 0 0112.002 2c5.291 0 9.57 4.471 9.535 10 0 1.998-.56 3.928-1.604 5.562l1.256-.184zm-9.187 3.168a7.96 7.96 0 003.551-.836.641.641 0 01.908.326.748.748 0 01-.316.982 9.094 9.094 0 01-4.143.982c-5.287 0-9.57-4.471-9.57-10 0-1.998.591-3.928 1.635-5.566l-1.256.184c-.384.075-.728-.218-.8-.619a.727.727 0 01.592-.836l3.76-.547.524 3.89a.727.727 0 01-.592.836H6.19a.693.693 0 01-.696-.618L5.287 7.16A8.757 8.757 0 003.823 12c0 4.73 3.656 8.546 8.179 8.546z",
-                fill: c
+                fill: s
             })
         ]
     }));