@telefonica/mistica 12.10.0 → 12.11.1

package/dist/generated/mistica-icons/icon-tech-service-light.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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 p = function p(_param) {
-    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, c = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, s = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.skinName, t = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : r ? t.inverse : t.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), h = ref.skinName;
     return h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
@@ -105,7 +106,7 @@ var p = function p(_param) {
     }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.113 20.084a.334.334 0 00.482.004l3.366-3.524c2.602.968 5.51.292 7.47-1.76 2.014-2.107 2.64-5.263 1.601-8.039l-.19-.508-4.65 4.86a.99.99 0 01-1.45 0l-1.929-2.02a1.113 1.113 0 010-1.516l4.654-4.864-.485-.2c-2.656-1.087-5.67-.428-7.68 1.676-1.96 2.052-2.61 5.096-1.682 7.82l-5.04 5.271a.367.367 0 000 .504.33.33 0 00.482 0l5.353-5.6-.08-.215c-.94-2.516-.375-5.368 1.448-7.276 1.693-1.772 4.173-2.408 6.446-1.696l-3.897 4.08a1.846 1.846 0 000 2.524l1.93 2.02a1.65 1.65 0 002.414 0l3.898-4.076c.68 2.376.072 4.972-1.624 6.748-1.823 1.903-4.547 2.5-6.95 1.515l-.207-.083-3.68 3.851a.367.367 0 000 .504zM6.853 22c.378 0 .683-.324.683-.716 0-.392-.305-.716-.684-.716-.378 0-.684.32-.684.716 0 .396.306.716.684.716z",
-            fill: i
+            fill: r
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
@@ -115,7 +116,7 @@ var p = function p(_param) {
     }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.544 2.511c.348-.064.7-.1 1.056-.106h.006c.336 0 .605.168.717.437.112.269.037.574-.201.812l-.732.731a.31.31 0 00-.047.146l.14.986.986.14a.32.32 0 00.143-.047l.73-.732c.21-.207.421-.252.561-.252.342 0 .686.264.69.768-.006.344-.04.689-.102 1.03-.145.796-.42 1.401-.818 1.799-.392.392-.986.667-1.767.812-.348.065-.7.101-1.056.107h-.003a.533.533 0 00-.221.092l-8.39 8.39a.486.486 0 00-.092.22c-.006.345-.04.69-.1 1.032-.147.795-.421 1.4-.819 1.798-.392.392-.986.667-1.767.812-.348.065-.7.101-1.056.107h-.003c-.336 0-.605-.166-.717-.434-.112-.27-.037-.575.201-.813l.732-.73a.31.31 0 00.047-.146l-.14-.99-.986-.14a.3.3 0 00-.146.048l-.73.731c-.21.208-.42.252-.56.252-.343 0-.687-.263-.69-.767.006-.345.04-.69.1-1.03.147-.796.421-1.402.819-1.8.392-.391.986-.666 1.767-.811.348-.065.7-.101 1.056-.107h.003a.533.533 0 00.221-.092l8.39-8.39a.486.486 0 00.092-.221c.006-.345.04-.69.101-1.03.146-.796.42-1.401.818-1.8.392-.391.986-.666 1.768-.812zm1.166.734c.143-.142.095-.263-.11-.263-.053 0-1.672.006-2.417.75-.753.754-.748 2.418-.748 2.418 0 .205-.117.488-.26.633l-8.392 8.39a1.03 1.03 0 01-.63.26H6.15c-.056 0-1.676.006-2.418.75-.753.757-.748 2.42-.748 2.42 0 .124.045.191.112.191.045 0 .096-.028.152-.084l.736-.736a.842.842 0 01.552-.216c.025 0 .05.003.076.006l1.053.15a.53.53 0 01.417.421l.152 1.053a.842.842 0 01-.21.628l-.737.734c-.143.142-.095.263.109.263h.003c.056 0 1.675-.006 2.417-.748.754-.753.748-2.417.748-2.417 0-.205.118-.49.26-.633l8.393-8.395c.143-.143.425-.26.63-.26h.003c.056 0 1.675-.007 2.417-.749.754-.753.748-2.417.748-2.417 0-.123-.045-.19-.112-.19-.045 0-.095.027-.151.083l-.734.734a.842.842 0 01-.552.216.687.687 0 01-.076-.006l-1.053-.15a.529.529 0 01-.42-.421l-.151-1.053a.841.841 0 01.21-.628l.734-.734z",
-            fill: i
+            fill: r
         })
     }));
 };

package/dist/generated/mistica-icons/icon-tech-service-mobile-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        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 d = function d(_param) {
-    var e = _param.color, tmp = _param.size, i = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : s ? l.inverse : l.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: i,
-        height: i,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.604 2.155H11.42c-1.107 0-1.91.272-2.454.832-.535.549-.796 1.353-.796 2.46v4.733l-2.717 2.717a3.026 3.026 0 00-3.202 3.793.839.839 0 001.407.375l.655-.652.311.044.045.311-.656.656a.84.84 0 00.379 1.406 3.017 3.017 0 003.775-2.498v2.224c0 2.215 1.062 3.29 3.25 3.29h7.185c2.187 0 3.249-1.075 3.249-3.29V5.446c.003-2.185-1.09-3.291-3.247-3.291zm-6.064 7.933l-4.367 4.367H8.17v.002l-.885.886a2.182 2.182 0 01-2.675 2.675l.952-.953-.193-1.353-1.353-.193-.952.952a2.182 2.182 0 012.675-2.675l5.252-5.254a2.186 2.186 0 012.675-2.678l-.952.952.193 1.353 1.353.193.952-.952a2.182 2.182 0 01-1.543 2.675c-.367.104-.76.104-1.129.003zm2.482 9.291c-.303 0-.546-.081-.715-.252-.154-.157-.24-.392-.24-.706 0-.655.375-.958.955-.958s.955.305.955.958c0 .317-.087.55-.241.706-.168.17-.412.252-.714.252z",
-            fill: n
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-tech-service-mobile-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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 p = function p(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : a ? i.inverse : i.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M15.709 18.664c0-.568-.328-.835-.832-.835-.502 0-.83.267-.832.835 0 .272.075.476.21.614.145.148.358.221.622.221.263 0 .476-.073.621-.221.135-.138.21-.34.21-.614z",
-                fill: l
+                fill: r
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M11.286 21.838h7.185c1.025 0 1.759-.241 2.246-.734.487-.493.723-1.238.723-2.277V5.17c0-2.025-.972-3.011-2.97-3.011h-7.184c-2.026 0-2.97.958-2.97 3.011v5.395L5.692 13.19a2.746 2.746 0 00-3.034 3.426.56.56 0 00.939.252l.753-.754.658.096.093.658-.754.753a.561.561 0 00.252.939 2.745 2.745 0 003.431-3.034l.284-.283v3.583c0 1.039.235 1.784.722 2.277.488.493 1.224.734 2.25.734zm-2.412-7.154l3.986-3.986a2.745 2.745 0 003.034-3.426.56.56 0 00-.939-.252l-.753.753-.659-.092-.092-.658.753-.754a.561.561 0 00-.252-.938 2.746 2.746 0 00-3.431 3.03l-1.644 1.645V5.171c0-1.742.697-2.45 2.409-2.45h7.182c1.689 0 2.409.733 2.409 2.45v13.656c0 .885-.185 1.501-.56 1.885-.376.384-.981.569-1.85.569h-7.184c-.868 0-1.47-.185-1.849-.57-.378-.383-.56-1-.56-1.884v-4.143zm4.933-8.815l-.953.952.194 1.353 1.352.193.953-.952a2.186 2.186 0 01-2.675 2.678L7.42 15.345a2.186 2.186 0 01-2.675 2.678l.952-.953-.193-1.35-1.353-.193-.952.952a2.186 2.186 0 012.675-2.677l5.255-5.255a2.182 2.182 0 012.112-2.751c.19 0 .38.025.566.073z",
-                fill: l
+                fill: r
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-tech-service-mobile-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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,13 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
+var m = function m(_param) {
     var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : i ? r.inverse : r.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
@@ -106,11 +106,11 @@ var p = function p(_param) {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M15.012 17.463c.577 0 .955.305.955.958 0 .314-.087.546-.24.706-.169.17-.412.252-.715.252s-.546-.081-.714-.252c-.154-.157-.241-.392-.241-.706.003-.655.378-.958.955-.958z",
-                fill: s
+                fill: r
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M11.41 21.847h7.185c2.187 0 3.249-1.076 3.249-3.291V5.446c0-2.185-1.093-3.291-3.25-3.291H11.41c-1.107 0-1.91.272-2.454.832-.535.549-.796 1.353-.796 2.46v4.752l-2.694 2.696a3.03 3.03 0 00-3.204 3.793.839.839 0 001.406.375l.656-.65.31.045.045.31-.655.656a.84.84 0 00.378 1.406 3.029 3.029 0 003.758-2.373v2.099c0 2.215 1.062 3.29 3.25 3.29zM8.16 14.48l-.862.862a2.186 2.186 0 01-2.675 2.678l.953-.953-.194-1.353-1.353-.193-.952.952A2.182 2.182 0 015.752 13.8l5.252-5.255a2.182 2.182 0 012.112-2.75c.19 0 .381.025.566.073l-.952.952.193 1.353 1.353.193.952-.952a2.182 2.182 0 01-2.675 2.675l-4.367 4.367H8.16v.026zm1.12.064l3.556-3.555a3.02 3.02 0 003.207-2.252 3.053 3.053 0 00-.005-1.54.839.839 0 00-1.406-.376l-.656.655-.31-.045-.046-.31.656-.656a.84.84 0 00-.378-1.406 2.843 2.843 0 00-.782-.107 3.03 3.03 0 00-3.014 3.303l-.821.822V5.446c0-.798.154-1.347.476-1.678.322-.33.863-.493 1.653-.493h7.185c1.532 0 2.128.608 2.128 2.171v13.11c0 .806-.156 1.36-.479 1.686-.322.325-.86.484-1.65.484H11.41c-.79 0-1.328-.156-1.65-.484-.322-.328-.48-.88-.48-1.686v-4.01z",
-                fill: s
+                fill: r
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-tech-service-regular.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, s = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, c = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : h ? c.inverse : c.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), h = ref.skinName;
+    return h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M6.64 22a.714.714 0 01-.508-1.217l5.59-5.626.436.172a6.169 6.169 0 006.61-1.38 6.172 6.172 0 001.697-5.511l-3.462 3.461a2.091 2.091 0 01-2.957 0L12.098 9.95a2.1 2.1 0 010-2.957l3.461-3.457a6.16 6.16 0 00-5.51 1.696 6.17 6.17 0 00-1.38 6.611l.172.437-5.626 5.586a.714.714 0 01-1.004-1.012l4.973-4.935a7.605 7.605 0 011.86-7.695 7.599 7.599 0 018.144-1.7l1.02.395-5.098 5.087a.667.667 0 000 .936l1.949 1.949c.26.256.68.26.936 0l5.086-5.094.396 1.016a7.602 7.602 0 01-1.7 8.144 7.613 7.613 0 01-7.695 1.86l-4.934 4.975A.714.714 0 016.64 22z",
-            fill: i
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.28 2.247a6.59 6.59 0 011.13-.112h.005c.552.003 1.011.297 1.207.768.197.47.073 1.008-.316 1.397l-.572.569.05.347.348.05.569-.568a1.33 1.33 0 01.938-.409c.426 0 .818.221 1.037.586.129.218.196.464.193.717-.006.37-.04.74-.107 1.103-.16.885-.479 1.572-.946 2.04-.462.462-1.137.778-2.009.94-.339.065-.68.101-1.025.113l-7.991 7.991a6.575 6.575 0 01-.104.995c-.163.885-.482 1.571-.95 2.039-.462.465-1.137.781-2.008.944-.373.07-.75.106-1.129.112h-.006c-.551-.003-1.014-.297-1.21-.77-.196-.474-.072-1.009.317-1.395l.571-.572-.05-.347-.347-.05-.572.57a1.331 1.331 0 01-.938.41c-.426 0-.818-.221-1.037-.586a1.379 1.379 0 01-.193-.717c.006-.37.04-.74.107-1.103.162-.886.481-1.572.95-2.04.461-.462 1.136-.778 2.008-.94.338-.065.68-.102 1.025-.113l7.994-7.991c.008-.334.045-.667.104-.995.162-.885.482-1.571.95-2.039.462-.465 1.137-.781 2.008-.944zm1.233 1.263c.14-.14.09-.255-.106-.255-.053 0-1.625.006-2.348.726-.73.734-.725 2.347-.725 2.347a.994.994 0 01-.252.614l-8.14 8.14a.993.993 0 01-.61.252h-.004c-.053 0-1.624.005-2.344.725-.731.734-.726 2.348-.726 2.348 0 .12.045.185.11.185.042 0 .092-.028.145-.082l.712-.711a.825.825 0 01.535-.207.63.63 0 01.075.005l1.023.146c.196.028.378.21.406.406l.146 1.022a.813.813 0 01-.205.611l-.711.712c-.138.14-.09.254.106.254h.003c.053 0 1.625-.005 2.344-.725.731-.734.726-2.347.726-2.347 0-.2.112-.474.252-.614l8.14-8.14a.993.993 0 01.61-.252h.003c.054 0 1.625-.006 2.345-.725.731-.734.726-2.348.726-2.348 0-.12-.045-.185-.11-.185-.042 0-.092.028-.145.082l-.712.711a.825.825 0 01-.535.207.687.687 0 01-.075-.005l-1.023-.146a.507.507 0 01-.406-.406l-.146-1.023a.813.813 0 01.205-.61l.711-.712z",
-            fill: i
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-tech-service-tv-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        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 d = function d(_param) {
-    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : s ? a.inverse : a.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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.847 8.44v4.938c0 1.115-.267 1.983-.788 2.583-.563.644-1.403.972-2.504.972H5.446c-1.098 0-1.941-.328-2.504-.97-.521-.602-.787-1.47-.787-2.585V8.44c0-1.115.266-1.984.787-2.583.563-.644 1.403-.972 2.504-.972h13.11c1.097 0 1.94.328 2.503.972.521.6.788 1.468.788 2.583zm-6.84 10.678h-6.01a.562.562 0 01-.56-.56c0-.309.253-.561.56-.561h6.01c.307 0 .56.252.56.56 0 .308-.253.56-.56.56zm-4.56-6.572l3.82-1.781a.614.614 0 01.4-.017s.914.336 1.482.073c.566-.264.896-1.182.896-1.182.04-.113-.014-.163-.123-.113l-.552.258a.488.488 0 01-.386-.011l-.552-.294a.304.304 0 01-.146-.314l.13-.61a.492.492 0 01.24-.303l.552-.258c.11-.05.106-.126-.008-.165 0 0-.914-.336-1.482-.073-.569.263-.897 1.182-.897 1.182a.597.597 0 01-.268.294l-3.824 1.782a.615.615 0 01-.4.017s-.914-.337-1.482-.073c-.569.263-.897 1.182-.897 1.182-.039.112.014.162.124.112l.551-.258a.488.488 0 01.387.011l.549.295c.11.064.168.19.146.313l-.13.61a.493.493 0 01-.24.303l-.552.258c-.11.05-.106.126.008.168 0 0 .914.336 1.482.073.569-.263.902-1.182.902-1.182a.615.615 0 01.27-.297z",
-            fill: t
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-tech-service-tv-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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 p = function p(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var a = _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)(), l = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), e = a != null ? a : i ? l.inverse : l.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), l = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M15.252 7.114c-.294 0-.551.053-.77.154-.339.157-.644.465-.907.913-.107.18-.196.367-.272.563l-.009.008-3.778 1.762h-.011a3.643 3.643 0 00-1.118-.199 1.83 1.83 0 00-.77.154c-.342.16-.647.468-.908.916-.11.188-.204.381-.28.586a.672.672 0 00.067.622.617.617 0 00.51.26.713.713 0 00.31-.073l.494-.23.314.169-.073.35-.493.23c-.258.12-.412.358-.404.616.009.257.185.484.451.582.06.023.583.208 1.14.208.292 0 .552-.054.77-.154.343-.16.648-.468.908-.916.107-.18.196-.367.272-.563l.008-.009 3.782-1.762h.011c.118.042.602.2 1.118.2.294 0 .552-.054.77-.155.342-.16.647-.468.908-.916.109-.188.204-.38.28-.585a.672.672 0 00-.067-.622.617.617 0 00-.51-.26.713.713 0 00-.311.072l-.496.23-.314-.168.073-.35.493-.23c.258-.12.412-.359.4-.62-.01-.26-.184-.484-.45-.582l-.017-.005a3.69 3.69 0 00-1.12-.196zm0 .557c.477 0 .947.174.947.174.112.042.115.115.009.165l-.552.258a.49.49 0 00-.241.305l-.129.61c-.02.127.04.25.149.314l.549.294a.44.44 0 00.207.045.437.437 0 00.18-.036l.55-.258a.167.167 0 01.074-.02c.056 0 .078.051.05.132 0 0-.33.916-.896 1.182-.16.076-.348.101-.535.101-.476 0-.947-.173-.947-.173a.524.524 0 00-.174-.028.627.627 0 00-.226.041l-3.821 1.785a.598.598 0 00-.27.294s-.33.916-.896 1.182c-.16.076-.347.1-.535.1-.476 0-.946-.173-.946-.173-.112-.042-.115-.115-.009-.168l.552-.258a.49.49 0 00.241-.302l.129-.608a.306.306 0 00-.146-.314l-.549-.294a.447.447 0 00-.207-.045.437.437 0 00-.18.037l-.551.258a.166.166 0 01-.073.02c-.056 0-.078-.051-.05-.133 0 0 .33-.915.896-1.182.16-.075.347-.1.535-.1.476 0 .947.173.947.173.056.02.115.028.173.028a.627.627 0 00.227-.042l3.821-1.781a.592.592 0 00.269-.297s.33-.916.896-1.182c.157-.073.345-.101.532-.104z",
-                fill: e
+                fill: l
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M5.171 16.635h13.656c1.014 0 1.787-.295 2.291-.877.479-.546.72-1.353.72-2.398V8.422c0-1.045-.244-1.852-.72-2.398-.507-.58-1.277-.874-2.291-.874H5.17c-1.014 0-1.784.294-2.291.874-.48.546-.72 1.353-.72 2.398v4.938c0 1.045.244 1.852.72 2.4.507.58 1.277.875 2.291.875zm-2.45-8.21c0-1.852.778-2.715 2.45-2.715h13.656c1.672 0 2.45.86 2.45 2.712v4.94c0 1.852-.778 2.715-2.45 2.715H5.17c-1.672 0-2.45-.863-2.45-2.714V8.425zm12.282 10.428H8.995a.28.28 0 01-.28-.28.28.28 0 01.28-.28h6.008a.28.28 0 01.28.28.28.28 0 01-.28.28z",
-                fill: e
+                fill: l
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-tech-service-tv-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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 p = function p(_param) {
-    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), e = c != null ? c : t ? l.inverse : l.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), l = c != null ? c : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M15.256 7.095a1.82 1.82 0 00-.77.154c-.342.16-.648.468-.908.916-.106.18-.196.367-.272.563l-.008.009-3.779 1.761h-.011A3.644 3.644 0 008.39 10.3a1.83 1.83 0 00-.77.154c-.342.16-.647.467-.908.916-.109.187-.204.38-.28.585a.672.672 0 00.068.622.617.617 0 00.51.26.713.713 0 00.31-.072l.493-.23.314.168-.073.35-.493.23c-.258.12-.412.358-.403.616.008.258.185.485.45.583a3.65 3.65 0 001.14.207c.292 0 .553-.053.771-.154.34-.163.644-.47.908-.919a3.72 3.72 0 00.271-.563l.009-.008 3.781-1.762h.011a3.65 3.65 0 001.118.199c.294 0 .552-.054.77-.154.342-.16.648-.468.908-.916.11-.188.204-.381.28-.586a.672.672 0 00-.067-.622.617.617 0 00-.51-.26.713.713 0 00-.31.073l-.494.23-.313-.169.072-.35.493-.23c.258-.12.412-.358.4-.619-.01-.26-.181-.484-.45-.582l-.029-.01c-.129-.04-.604-.192-1.111-.192zm0 .56c.476 0 .947.174.947.174.112.042.114.115.008.165l-.552.258a.49.49 0 00-.24.302l-.13.611c-.02.126.037.25.146.314l.55.294c.064.03.136.048.206.045a.437.437 0 00.18-.037l.552-.257a.166.166 0 01.072-.02c.056 0 .079.05.05.132 0 0-.33.916-.896 1.182-.16.075-.347.1-.535.1-.476 0-.946-.173-.946-.173a.525.525 0 00-.174-.028.624.624 0 00-.227.042l-3.82 1.787a.597.597 0 00-.27.294s-.33.916-.896 1.182c-.16.076-.347.101-.535.101-.476 0-.947-.174-.947-.174-.112-.042-.115-.114-.008-.168l.552-.257a.49.49 0 00.24-.303l.13-.61a.31.31 0 00-.146-.314l-.55-.294a.447.447 0 00-.207-.045.437.437 0 00-.179.036l-.552.258a.165.165 0 01-.072.02c-.056 0-.079-.05-.05-.132 0 0 .33-.916.896-1.182.16-.076.347-.101.535-.101.476 0 .946.174.946.174.056.02.115.028.174.028a.627.627 0 00.227-.042l3.82-1.785a.598.598 0 00.27-.294s.33-.916.896-1.182c.16-.073.347-.1.535-.1z",
-                fill: e
+                fill: l
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M5.446 16.933h13.11c1.098 0 1.94-.328 2.504-.972.52-.6.787-1.468.787-2.583V8.44c0-1.115-.263-1.984-.787-2.583-.563-.644-1.406-.972-2.504-.972H5.446c-1.1 0-1.94.328-2.504.972-.52.6-.787 1.468-.787 2.583v4.938c0 1.115.266 1.983.787 2.585.563.642 1.406.97 2.504.97zM3.788 6.596c.345-.394.885-.588 1.658-.588l13.11-.003c.77 0 1.313.194 1.658.589.339.39.512 1.01.512 1.846v4.938c0 .835-.173 1.457-.512 1.846-.345.395-.888.588-1.658.588H5.446c-.77 0-1.313-.193-1.658-.588-.339-.39-.513-1.011-.513-1.846V8.44c0-.835.174-1.457.513-1.844zm11.219 12.521H8.998a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h6.009c.308 0 .56.252.56.56 0 .308-.252.56-.56.56z",
-                fill: e
+                fill: l
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-teddy-bear-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return h;
+        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 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var h = function h(_param) {
-    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, m = _param.children, r = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : s ? l.inverse : l.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,

package/dist/generated/mistica-icons/icon-teddy-bear-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        return o;
     }
 });
-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 c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, m = _param.children, s = _objectWithoutProperties(_param, [
+var o = function o(_param) {
+    var c = _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)(), l = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), r = c != null ? c : t ? l.inverse : l.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.022 17.872c-.003 0-.003-.062-.003-.062-.014-.706-.23-1.21-.647-1.608a2.036 2.036 0 00-.412-.286c1.034-.924 1.6-2.448.157-4.067-.602-.675-2.182-1.582-2.851-1.723-.023-.002-.087-.022-.087-.022.297-.714.468-1.555.468-2.507 0-.415-.034-.801-.09-1.17l.024-.005a.475.475 0 00.133-.032 1.91 1.91 0 00.289-.196l.137-.112c.753-.636 1.255-1.802.182-3.006-1.076-1.204-2.35-.916-3.118-.303a.295.295 0 00-.06.072l-.007.01c-.852-.446-1.888-.687-3.115-.692V2.16h-.042v.003c-1.227.005-2.266.244-3.115.692a.45.45 0 00-.067-.082c-.768-.613-2.042-.904-3.118.303-1.07 1.204-.571 2.373.185 3.006l.137.112c.05.039.126.095.2.14.016.014.054.035.08.05l.012.006c.047.025.102.03.154.036h.003a7.76 7.76 0 00-.09 1.171c0 .952.168 1.793.468 2.507 0 0-.068.02-.087.022-.672.138-2.25 1.048-2.852 1.723-1.442 1.62-.876 3.143.157 4.067a2.037 2.037 0 00-.412.286c-.423.398-.641.9-.655 1.608v.062s.003.08.014.137c.014.078.048.232.053.25l.661 2.48c0 .005.004.01.007.013a.03.03 0 01.007.01l.007.027c.004.014.007.03.016.043.092.174.215.328.355.46.395.367.95.551 1.645.551.694 0 1.249-.184 1.644-.549.325-.296.518-.694.594-1.179v-.003c1.03.642 2.342.961 3.991.961h.054c1.65 0 2.963-.32 3.991-.96v.002c.073.488.27.885.591 1.18.398.364.95.548 1.647.548.695 0 1.247-.184 1.644-.551a1.74 1.74 0 00.356-.46.13.13 0 00.015-.043l.008-.027c.001-.004.004-.007.007-.01l.007-.012.66-2.482.013-.056c.014-.056.034-.14.041-.193.011-.053.014-.137.014-.137zm-9.02-14.846c1.513.002 2.687.38 3.49 1.12.832.77 1.255 1.93 1.255 3.451 0 1.521-.422 2.678-1.254 3.445-.718.662-1.762 1.014-3.068 1.084V8.771c.252-.062.47-.168.645-.33.16-.147.282-.331.341-.547a1.13 1.13 0 00.026-.235.393.393 0 00-.042-.197l-.003-.008a1.308 1.308 0 00-.286-.4c-.272-.25-.639-.373-1.081-.39V6.66l-.011.001-.012.001h-.007a.051.051 0 00-.012-.002v.005c-.446.017-.813.143-1.082.39a1.234 1.234 0 00-.285.4l-.004.008a.393.393 0 00-.041.197c.003.106.011.176.025.235.06.216.185.4.345.546a1.4 1.4 0 00.644.33v3.356c-1.308-.067-2.35-.42-3.07-1.084-.83-.767-1.252-1.924-1.252-3.445s.423-2.68 1.252-3.451c.801-.74 1.975-1.115 3.487-1.12zm-4.112.501c-.582.54-.983 1.24-1.232 2.062l-.041-.029-.04-.027-.115-.096c-.362-.302-.855-.94-.09-1.798.692-.781 1.359-.546 1.745-.277a1.368 1.368 0 01-.1.072c-.045.03-.089.058-.127.093zm.695 3.6c-.118-.11-.18-.272-.18-.485 0-.213.06-.378.18-.488.115-.106.28-.16.496-.16.213 0 .38.054.496.16.117.11.179.275.179.488 0 .213-.062.375-.18.484-.114.107-.282.16-.495.16-.213 0-.378-.056-.496-.16zm6.339.16c-.213 0-.381-.054-.496-.16-.12-.11-.18-.272-.18-.485 0-.213.06-.376.18-.485.115-.106.283-.162.496-.162.213 0 .38.053.496.162.12.11.179.272.179.485 0 .213-.062.375-.18.484-.117.107-.285.16-.495.16zm5.188 10.445c.002.027.008.1.002.156a.573.573 0 01-.039.166c-.174.61-.638 2.406-.638 2.406a.946.946 0 01-.166.213c-.221.207-.563.31-1.017.31-.453 0-.8-.106-1.022-.31-.232-.21-.347-.544-.35-.986l.18-1.692a.07.07 0 01.006-.025.11.11 0 00.007-.034c0-.045.005-.086.01-.127l.004-.047.023-.221c.053-.305.17-.546.355-.717.25-.233.633-.35 1.135-.35.501 0 .882.115 1.131.347.23.213.345.49.379.91zm-3.838-.527a.284.284 0 00-.036.134l-.006.048a.671.671 0 00-.012.09 1.038 1.038 0 01-.008.07l-.154 1.445c-.932.815-2.249 1.218-4.028 1.218h-.005v-.002h-.042v.003h-.006c-1.779 0-3.095-.404-4.028-1.219l-.151-1.445a1.021 1.021 0 01-.008-.07c-.003-.03-.005-.061-.012-.09l-.005-.048a.38.38 0 00-.045-.134c-.104-.4-.286-.742-.569-1.003a2.113 2.113 0 00-.773-.445 7.964 7.964 0 01-.061-.953c0-1.546.375-2.778 1.109-3.678l.067.086c.122.157.245.314.39.45.969.89 2.344 1.341 4.092 1.35v.002l.012-.001a.032.032 0 01.007-.001l.012.001.01.001v-.002c1.743-.009 3.124-.46 4.09-1.35.146-.137.267-.292.388-.448l.069-.088c.734.9 1.11 2.132 1.11 3.678 0 .334-.029.647-.062.953a2.16 2.16 0 00-.773.445c-.283.26-.468.602-.572 1.003zM7.12 19.687c-.003.442-.12.776-.35.986-.224.204-.569.308-1.023.308-.453 0-.795-.104-1.02-.311a.9.9 0 01-.164-.213s-.468-1.796-.639-2.406a.788.788 0 01-.036-.163.898.898 0 01.002-.157c.034-.417.149-.697.379-.91.249-.23.63-.347 1.131-.347.502 0 .882.117 1.135.35.184.17.3.412.355.717l.023.221.004.04c.005.043.01.087.01.134 0 .012.003.023.006.035l.005.024.182 1.692zm-2.543-7.278c.367-.411 1.165-.921 1.742-1.213-.583.97-.894 2.171-.894 3.608 0 .237.02.46.04.681l.01.132c-.013 0-.026-.002-.038-.003a.344.344 0 00-.04-.003c-.072 0-.14.007-.208.014a4.434 4.434 0 01-.089.008 1.87 1.87 0 01-.19-.134 7.498 7.498 0 01-.177-.14c-.479-.403-1.453-1.493-.156-2.95zM15.89 3.36c.387-.269 1.05-.504 1.745.277.765.86.27 1.499-.09 1.799l-.114.095a2.192 2.192 0 00-.084.056c-.25-.82-.65-1.521-1.233-2.062-.038-.035-.081-.064-.125-.094a1.476 1.476 0 01-.099-.071zm3.535 9.05c1.297 1.454.325 2.547-.154 2.953l-.179.14a2.811 2.811 0 01-.19.134 4.332 4.332 0 01-.084-.008c-.069-.007-.137-.014-.213-.014a.344.344 0 00-.04.003.344.344 0 01-.039.002l.007-.074c.023-.24.046-.481.046-.738 0-1.437-.308-2.639-.893-3.608.577.289 1.375.799 1.74 1.21z",
-            fill: r
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-teddy-bear-regular.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -96,7 +96,7 @@ var d = function d(_param) {
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : s ? l.inverse : l.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,

package/dist/generated/mistica-icons/icon-telephone-ip-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return a;
+        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 a = function a(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, l = _param.children, h = _objectWithoutProperties(_param, [
+var m = function m(_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 = (0, _hooksJs.useTheme)(), n = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : i ? n.inverse : n.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = 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"
-    }, h), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M10.294 2v20H4.852V2h5.442zM3.829 3.787H2.47v16.426h1.36V3.787zm16.33 0h-8.842v16.426h8.842c.75 0 1.359-.644 1.359-1.426V5.217c.004-.785-.61-1.43-1.359-1.43zm-.509 6.782h-6.121c-.27 0-.51-.25-.51-.534V7.178c0-.283.24-.534.51-.534h6.121c.27 0 .51.25.51.534v2.857c0 .283-.24.534-.51.534z",
-            fill: s
+            fill: h
         })
     }));
 };

package/dist/generated/mistica-icons/icon-telephone-ip-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return l;
     }
 });
-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, h = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var l = function l(_param) {
+    var e = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, v = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : c ? t.inverse : t.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.509 17c0-.215.135-.357.34-.357.204 0 .339.142.343.357v1.07c0 1-.748 1.787-1.702 1.787H9.964V22H4.522v-2.143H2.48V4.144h2.042V2h5.442v2.144h9.522c.953 0 1.702.786 1.702 1.787v6.782c0 .215-.135.357-.34.357-.204 0-.34-.142-.34-.357V5.931c0-.604-.439-1.07-1.018-1.07H9.964V19.14h9.526c.575 0 1.019-.462 1.019-1.07V17zM3.164 4.861v14.282h1.358V4.861H3.164zm2.041 16.421H9.29V2.718H5.205v18.564zm5.782-13.926c0-.214.135-.356.34-.356h7.484c.204 0 .34.142.34.356v3.213c0 .215-.136.357-.34.357h-7.484c-.205 0-.34-.142-.34-.357V7.356zm7.48 2.857v-2.5h-6.8v2.5h6.8zm1.702 4.644c0-.393.305-.713.68-.713.374 0 .679.32.679.713 0 .393-.305.713-.68.713-.374 0-.679-.32-.679-.713z",
-            fill: i
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-telephone-ip-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return a;
+        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,13 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var a = function a(_param) {
-    var e = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, o = _param.children, n = _objectWithoutProperties(_param, [
+var V = function V(_param) {
+    var e = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, v = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : s ? 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: h,
         height: h,