@telefonica/mistica 12.9.1 → 12.11.0

package/dist/generated/mistica-icons/icon-reload-light.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return v;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var t = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, l = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var t = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, i = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), n = t != null ? t : c ? i.inverse : i.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), r = t != null ? t : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
+    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -105,7 +106,7 @@ var p = function p(_param) {
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.585 17.96l-2.155.322a10.252 10.252 0 002.123-6.28C21.553 6.484 17.271 2 12.002 2A9.215 9.215 0 006.9 3.545a.382.382 0 00-.112.52c.104.18.332.23.496.116a8.52 8.52 0 014.722-1.423c4.87-.009 8.828 4.145 8.828 9.24 0 2.215-.736 4.3-2.087 5.97l-.348-2.5c-.032-.204-.212-.347-.404-.322a.382.382 0 00-.308.423l.504 3.664 3.498-.528a.382.382 0 00.308-.423c-.032-.213-.216-.36-.412-.322zm-4.178 2.344c0 .417-.322.754-.72.754-.397 0-.719-.337-.719-.754 0-.416.322-.753.72-.753.397 0 .72.337.72.753zm-5.405.942c.908 0 1.795-.142 2.655-.422a.34.34 0 01.435.246c.056.201-.047.415-.235.474a9.147 9.147 0 01-2.875.456c-5.27 0-9.551-4.484-9.551-10.002 0-2.315.755-4.522 2.13-6.293l-2.154.323c-.192.025-.372-.118-.404-.323a.382.382 0 01.308-.423l3.494-.527.52 3.663a.382.382 0 01-.308.423h-.048a.363.363 0 01-.356-.322l-.348-2.5C3.905 7.69 3.17 9.783 3.17 11.998c0 5.095 3.958 9.248 8.832 9.248z",
-            fill: n
+            fill: r
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
@@ -115,7 +116,7 @@ var p = function p(_param) {
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.501 2.206a.615.615 0 00-.647.112l-2.818 2.673a9.88 9.88 0 00-6.075-2.017c-4.958-.009-9.138 3.557-9.734 8.302-.597 4.745 2.585 9.171 7.4 10.3 4.816 1.129 9.748-1.392 11.482-5.871a.552.552 0 00-.336-.714.598.598 0 00-.445.01.568.568 0 00-.306.315c-1.308 3.358-4.703 5.529-8.42 5.383-3.717-.145-6.919-2.577-7.935-6.025-1.02-3.45.372-7.143 3.45-9.154 3.079-2.011 7.152-1.893 10.099.297l-2.6 2.473a.54.54 0 00-.134.611c.09.21.302.347.538.347l5.916-.355a.569.569 0 00.543-.524l.358-5.569a.574.574 0 00-.336-.594z",
-            fill: n
+            fill: r
         })
     }));
 };

package/dist/generated/mistica-icons/icon-reload-regular.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return v;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var l = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, i = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), r = l != null ? l : c ? i.inverse : i.neutralHigh;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = l != null ? l : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.209 17.378a.71.71 0 01.784.619.732.732 0 01-.584.823l-3.717.56-.536-3.89a.72.72 0 01.592-.82.71.71 0 01.784.619l.212 1.546a8.773 8.773 0 001.44-4.83c0-4.715-3.668-8.547-8.18-8.547a7.81 7.81 0 00-3.5.82.691.691 0 01-.932-.347c-.16-.364-.016-.807.332-.974A9.178 9.178 0 0112 2c5.28 0 9.573 4.484 9.573 10 0 2.014-.569 3.932-1.62 5.566l1.256-.188zM12 20.542c1.24 0 2.432-.276 3.54-.836a.672.672 0 01.912.338.744.744 0 01-.324.974 9.113 9.113 0 01-4.136.982c-5.28 0-9.573-4.484-9.573-10 0-2.006.576-3.932 1.629-5.575l-1.257.188c-.38.059-.728-.221-.784-.618a.725.725 0 01.592-.823l3.72-.56.537 3.89a.72.72 0 01-.592.82c-.032.008-.064.008-.096.008a.707.707 0 01-.688-.627l-.212-1.546a8.764 8.764 0 00-1.448 4.839c0 4.714 3.668 8.546 8.18 8.546z",
-            fill: r
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M14.591 8.791c.096.202.3.328.521.325h.034l5.81-.336a.56.56 0 00.535-.516l.352-5.518a.553.553 0 00-.333-.538.59.59 0 00-.636.11l-2.571 2.448a10.112 10.112 0 00-6.21-2.12c-5.48 0-9.933 4.305-9.933 9.599 0 5.294 4.454 9.6 9.93 9.6 4.123 0 7.863-2.51 9.305-6.247a.818.818 0 00-.479-1.054l-.025-.008a.865.865 0 00-1.1.485c-1.194 3.092-4.29 5.17-7.701 5.17-4.532.003-8.218-3.563-8.218-7.946 0-4.384 3.686-7.95 8.218-7.95 1.818 0 3.56.574 4.989 1.63l-2.37 2.25a.535.535 0 00-.118.616z",
-            fill: r
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-renovate-device-change-mobile-filled.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +91,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, h = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, v = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.skinName, i = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : n ? i.inverse : i.neutralHigh;
-    return l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), r = ref.skinName;
+    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.992 17.992a.7.7 0 00-.79-.615l-1.252.191A10.255 10.255 0 0021.57 12c0-5.517-4.298-10-9.576-10a9.153 9.153 0 00-4.097.959.74.74 0 00-.33.968c.165.363.58.517.927.345a7.797 7.797 0 013.5-.82c4.511 0 8.185 3.837 8.185 8.548a8.75 8.75 0 01-1.44 4.832l-.214-1.55a.7.7 0 00-.79-.614c-.378.056-.646.428-.588.824l.535 3.887 3.723-.559a.728.728 0 00.588-.828zm-5.528 2.053a.746.746 0 01-.325.973 9.15 9.15 0 01-4.142.982c-5.282 0-9.575-4.488-9.575-10 0-2.007.57-3.939 1.627-5.577l-1.253.19c-.379.061-.736-.218-.79-.614-.053-.396.21-.768.59-.824l3.722-.559.535 3.888c.053.395-.21.768-.589.824l-.012.001c-.03.004-.058.008-.086.008a.705.705 0 01-.686-.624l-.223-1.56a8.771 8.771 0 00-1.45 4.842c0 4.712 3.674 8.548 8.186 8.548a7.86 7.86 0 003.54-.838.687.687 0 01.931.34zm-.637-5.322H8.163V9.267h7.664v5.457zm-7.664 1.64c0 1 .78 1.82 1.743 1.82h4.182c.959 0 1.743-.815 1.743-1.82v-.55H8.163v.55zm1.739-10.55h4.182c.958 0 1.738.815 1.738 1.82v.545H8.16v-.545c0-1.005.785-1.82 1.743-1.82z",
             fill: t
@@ -112,7 +113,7 @@ var f = function f(_param) {
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.04 4.002c-.51-.493-1.238-.742-2.16-.742h-6.14c-.921 0-1.647.25-2.16.742-.531.513-.8 1.258-.8 2.219v11.56c0 .958.269 1.706.8 2.219.51.492 1.239.742 2.16.742h6.143c.922 0 1.647-.25 2.16-.742.532-.513.801-1.258.801-2.219V6.221c-.003-.958-.272-1.703-.804-2.219zM4.514 10.114c.271 0 .49-.218.49-.49v-.639c0-1.366.636-2.002 2.003-2.002h.064a26.06 26.06 0 00-.286.246.492.492 0 00.63.754l.009-.009c.137-.117.826-.711.955-.837.4-.4.398-.902-.005-1.306-.25-.249-.922-.823-.95-.846a.49.49 0 00-.692.057.49.49 0 00.056.691c.07.06.188.16.317.275h-.096c-.932 0-1.666.252-2.179.745-.535.515-.804 1.269-.804 2.238v.639a.484.484 0 00.488.484zm11.282 8.552c-.198 0-.36-.053-.473-.165-.1-.104-.16-.255-.16-.462 0-.429.25-.628.633-.628.384 0 .634.2.634.628 0 .204-.06.358-.16.462-.112.112-.275.165-.473.165zm-8.851-7.482h-3.02c-1.109 0-1.77.661-1.77 1.77v5.992c0 1.11.661 1.77 1.77 1.77h3.02c1.11 0 1.77-.66 1.77-1.77v-5.991c-.003-1.11-.664-1.77-1.77-1.77zM5.55 18.96a.394.394 0 01-.283-.098c-.062-.061-.095-.154-.095-.274 0-.255.148-.373.375-.373s.378.118.378.373a.374.374 0 01-.092.274c-.067.068-.163.098-.283.098z",
             fill: t

package/dist/generated/mistica-icons/icon-renovate-device-change-mobile-light.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.skinName, i = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = a != null ? a : n ? i.inverse : i.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), h = a != null ? a : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), l = ref.skinName;
     return l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,

package/dist/generated/mistica-icons/icon-renovate-device-change-mobile-regular.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return z;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, l = _objectWithoutProperties(_param, [
+var z = function z(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.skinName, t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = a != null ? a : n ? t.inverse : t.neutralHigh;
-    return i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), h = a != null ? a : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), r = ref.skinName;
+    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-repeat-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return f;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var m = function m(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : n ? s.inverse : s.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.002 7.429H4.604l.536.648a.81.81 0 01-.074 1.068.686.686 0 01-.47.19c-.218 0-.398-.117-.541-.268L2 6.668 4.023 4.27c.254-.346.725-.346 1.01-.078.329.268.329.766.075 1.068l-.504.648h7.403c3.172 0 5.735 2.7 5.735 6.054a6.206 6.206 0 01-.757 3.008.693.693 0 01-.614.38.65.65 0 01-.36-.112c-.328-.19-.434-.649-.254-1.029.397-.687.577-1.447.577-2.247 0-2.515-1.949-4.533-4.332-4.533z",
-                fill: i
+                fill: t
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M18.93 14.857a.712.712 0 011.01.079L22 17.334l-2.055 2.398a.682.682 0 01-.54.268c-.148 0-.328-.078-.471-.19-.328-.268-.328-.765-.074-1.068l.54-.648h-7.398c-3.177 0-5.772-2.74-5.772-6.093 0-1.028.254-2.096.757-2.934.18-.38.614-.493.975-.303.36.19.466.649.286 1.029-.397.687-.577 1.448-.577 2.247 0 2.515 1.948 4.533 4.331 4.533h7.393l-.54-.648c-.25-.307-.217-.804.074-1.068z",
-                fill: i
+                fill: t
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-repeat-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, n = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : s ? r.inverse : r.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M3.455 6.708h8.564c2.807 0 5.102 2.4 5.102 5.336 0 1.522-.62 2.971-1.711 3.961a.424.424 0 00-.038.532.376.376 0 00.257.112.4.4 0 00.256-.112 6.131 6.131 0 001.969-4.497c0-3.356-2.622-6.097-5.83-6.097h-8.57L4.62 4.645a.38.38 0 000-.532.342.342 0 00-.508 0L2 6.323l2.113 2.136a.376.376 0 00.256.113.4.4 0 00.257-.113.38.38 0 000-.531l-1.17-1.22zm15.961 8.883a.38.38 0 000 .531l1.203 1.259h-8.6c-2.808 0-5.103-2.4-5.103-5.337 0-.57.075-1.14.257-1.716.074-.19-.038-.42-.22-.498-.182-.078-.4.04-.475.23a7.259 7.259 0 00-.294 1.98c0 3.356 2.621 6.097 5.83 6.097h8.563l-1.166 1.22a.38.38 0 00.257.643.4.4 0 00.256-.112L22 17.718l-2.076-2.171c-.107-.113-.363-.113-.508.044zM8.558 8.23c0-.42-.327-.762-.728-.762-.406 0-.727.342-.727.761 0 .42.326.761.727.761.401 0 .728-.341.728-.76z",
-            fill: a
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-repeat-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, s = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : a ? r.inverse : r.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.002 7.43H4.604l.536.648a.81.81 0 01-.074 1.068.686.686 0 01-.47.19c-.218 0-.398-.117-.541-.268L2 6.67l2.023-2.4c.254-.346.725-.346 1.01-.078.329.268.329.766.075 1.068l-.504.649h7.403c3.172 0 5.735 2.706 5.735 6.055a6.209 6.209 0 01-.757 3.009c-.11.23-.36.38-.614.38a.65.65 0 01-.36-.112c-.328-.19-.434-.648-.254-1.029.397-.687.577-1.448.577-2.248 0-2.515-1.949-4.534-4.332-4.534zm6.927 7.426a.711.711 0 011.011.078L22 17.333l-2.055 2.399a.682.682 0 01-.54.268c-.148 0-.328-.078-.471-.19-.328-.268-.328-.766-.074-1.068l.54-.649h-7.398c-3.177 0-5.772-2.74-5.772-6.094 0-1.03.254-2.097.757-2.936.18-.38.614-.492.975-.302.36.19.466.649.286 1.029-.397.687-.577 1.448-.577 2.248 0 2.516 1.948 4.534 4.331 4.534h7.393l-.54-.648c-.25-.307-.217-.805.074-1.068z",
             fill: i

package/dist/generated/mistica-icons/icon-repeater-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, h = _objectWithoutProperties(_param, [
+var p = function p(_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 = (0, _hooksJs.useTheme)(), t = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : i ? t.inverse : t.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.498 4.143A2.143 2.143 0 0017.355 2H6.64a2.143 2.143 0 00-2.142 2.143v15.714A2.143 2.143 0 006.64 22h10.715a2.143 2.143 0 002.143-2.143V4.143zM13.069 17.07h-.536v.536a.536.536 0 01-1.071 0v-.536h-.536a.536.536 0 110-1.071h.536v-.536a.535.535 0 011.071 0V16h.536a.536.536 0 110 1.071zm1.518-5.357l-.05.047h-.04a.537.537 0 01-.25.057.527.527 0 01-.396-.175 2.584 2.584 0 00-3.7.021.532.532 0 01-.757-.735 3.7 3.7 0 012.607-1.072 3.661 3.661 0 012.59 1.125l.02.022a.514.514 0 01-.024.7v.01zm1.428-1.55a.534.534 0 01-.357.218.54.54 0 01-.396-.093 4.464 4.464 0 00-3.268-1.428 4.521 4.521 0 00-3.243 1.428.529.529 0 01-.753.007.514.514 0 01-.161-.375.525.525 0 01.153-.357 5.486 5.486 0 014-1.739A5.482 5.482 0 0116.02 9.5a.536.536 0 01.014.654l-.018.01zm1.04-1.832a.55.55 0 01-.757.05 7.004 7.004 0 00-3.865-1.521 6.354 6.354 0 00-4.721 1.528.436.436 0 01-.336.157h-.068a.54.54 0 01-.479-.579.521.521 0 01.19-.356 7.343 7.343 0 015.557-1.829c.91.072 1.802.3 2.636.672.631.303 1.23.67 1.786 1.096a.548.548 0 01.075.771l-.018.011z",
-            fill: n
+            fill: h
         })
     }));
 };

package/dist/generated/mistica-icons/icon-repeater-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return d;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,16 +90,16 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var m = function m(_param) {
-    var t = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var h = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = t != null ? t : s ? i.inverse : i.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = h != null ? h : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {

package/dist/generated/mistica-icons/icon-repeater-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return d;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,16 +90,16 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var m = function m(_param) {
-    var t = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, p = _param.children, i = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var r = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = t != null ? t : s ? r.inverse : r.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {

package/dist/generated/mistica-icons/icon-report-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,16 +90,16 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, m = _param.children, c = _objectWithoutProperties(_param, [
+var v = function v(_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 = (0, _hooksJs.useTheme)(), t = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : s ? t.inverse : t.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {

package/dist/generated/mistica-icons/icon-report-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var z = function z(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, a = _param.children, l = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var r = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : r ? c.inverse : c.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = r != null ? r : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.929 18.799a.716.716 0 01-.715.714.716.716 0 01-.714-.714c0-.393.321-.715.714-.715.393 0 .715.322.715.715zM5.214 17.37h7.143c.214 0 .357-.143.357-.357s-.143-.357-.357-.357H5.214c-.214 0-.357.143-.357.357s.143.357.357.357zm0-3.571h5c.215 0 .357-.143.357-.357 0-.215-.142-.358-.357-.358h-5c-.214 0-.357.143-.357.358 0 .214.143.357.357.357zM22 4.334c0 .429-.179.858-.464 1.143l-6.786 6.786c-.036.036-.071.071-.107.071l-2.857 1.429c-.036.036-.072.036-.143.036a.662.662 0 01-.25-.072c-.107-.107-.143-.25-.107-.393l1.071-3.214s.036-.107.072-.143l2.392-2.393V3.442H7.714v5h-5v12.142h12.5c.215 0 .357.143.357.358 0 .214-.142.357-.357.357H2V7.906l5.179-5.179h8.392V6.87l3.679-3.678a1.596 1.596 0 012.286 0c.321.321.464.714.464 1.142zM7 7.727v-3.75l-3.75 3.75H7zm13.429-2.143L19.143 4.3l-5.929 5.928 1.286 1.286 5.929-5.929zm-6.536 6.322l-1.036-1.036-.607 1.857 1.643-.821zm7.393-7.572c0-.25-.107-.464-.25-.642a.905.905 0 00-1.286 0l-.107.107 1.286 1.285.107-.107a.86.86 0 00.25-.643zM15.57 16.656v-3.214c0-.215-.142-.358-.357-.358-.214 0-.357.143-.357.358v3.214c0 .214.143.357.357.357.215 0 .357-.143.357-.357z",
-            fill: h
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-report-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, h = _param.children, l = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: r,
-        height: r,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M22.004 4.09c0-.505-.18-.938-.54-1.298-.721-.721-1.874-.721-2.56 0l-3.207 3.244V2.287h-8.29L2 7.694V21.75h13.697V11.154L21.5 5.351a1.74 1.74 0 00.504-1.262zm-1.297-.505a.712.712 0 01.216.504c0 .18-.072.36-.18.505L19.698 3.55c.288-.253.757-.253 1.009.036zm-7.497 6.452l5.73-5.731 1.046 1.045-5.731 5.731-1.045-1.045zm-.54.973l.612.613-.973.36.36-.973zM7.225 4.558v2.956H4.271l2.955-2.956zM3.442 20.309V8.595h4.866V3.729h5.947v3.749l-2.199 2.198c-.072.072-.072.108-.108.18l-1.081 2.884c-.072.216-.036.432.108.577a.542.542 0 00.396.144c.073 0 .145 0 .18-.036l2.704-1.01v7.894H3.442zm9.551-3.244c0 .289-.252.54-.54.54H5.244a.554.554 0 01-.54-.54c0-.288.252-.54.54-.54h7.209c.288 0 .54.252.54.54zm-8.29-3.604c0-.289.253-.54.541-.54H9.57c.289 0 .541.252.541.54 0 .288-.252.54-.54.54H5.243a.554.554 0 01-.54-.54z",
-            fill: s
+            fill: a
         })
     }));
 };