@telefonica/mistica 12.9.1 → 12.11.0

package/dist/generated/mistica-icons/icon-configure-tv-decoder-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var z = function z(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, v = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, s = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), l = a != null ? a : t ? h.inverse : h.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), l = a != null ? a : r ? _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"
-    }, v), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M19.37 16.46c0 .325-.267.59-.595.59H16.12a.592.592 0 01-.594-.59c0-.326.266-.591.593-.591h2.656c.328 0 .594.265.594.59zm-14.423.333a.455.455 0 00.456-.454.455.455 0 00-.456-.454.455.455 0 00-.457.454c0 .25.205.454.457.454zm2.146-.454a.455.455 0 01-.913 0 .456.456 0 01.913 0zm1.184.454a.455.455 0 00.456-.454.455.455 0 00-.456-.454.455.455 0 00-.457.454c0 .25.205.454.457.454zm6.203-8.582c-.618 0-1.109.17-1.462.507-.367.35-.552.855-.552 1.495 0 .64.185 1.142.552 1.496.353.337.844.506 1.463.506.619 0 1.11-.17 1.46-.506.366-.351.551-.855.551-1.496 0-.64-.185-1.142-.552-1.495-.353-.334-.843-.507-1.46-.507zm0 .557c.922 0 1.455.457 1.455 1.445 0 .989-.533 1.446-1.454 1.446-.922 0-1.454-.457-1.454-1.446 0-.988.532-1.445 1.454-1.445z",

package/dist/generated/mistica-icons/icon-configure-tv-decoder-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        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,13 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var z = function z(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, r = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, i = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), e = a != null ? a : s ? l.inverse : l.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), l = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
@@ -106,11 +106,11 @@ var z = function z(_param) {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M14.48 7.911c-.692 0-1.25.199-1.655.588-.423.41-.64.98-.64 1.706s.216 1.297.64 1.706c.406.392.963.588 1.655.588.692 0 1.25-.199 1.655-.588.423-.409.64-.98.64-1.706 0-.725-.217-1.297-.64-1.706-.406-.392-.963-.588-1.655-.588zm0 .84c.921 0 1.454.46 1.454 1.454 0 .995-.532 1.454-1.454 1.454-.922 0-1.454-.46-1.454-1.454s.532-1.454 1.454-1.454zm-8.922 7.631a.457.457 0 11-.913 0 .457.457 0 01.913 0zm1.234.456a.457.457 0 100-.913.457.457 0 000 .913zm2.096-.456a.457.457 0 11-.913 0 .457.457 0 01.913 0zm9.612.7a.594.594 0 000-1.188h-2.656a.594.594 0 000 1.188H18.5z",
-                fill: e
+                fill: l
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M13.962 5.27h1.036a.84.84 0 01.84.843v.523c.076.02.149.045.222.07l.356-.355a.84.84 0 011.187 0l.734.734a.84.84 0 010 1.187l-.356.356c.026.073.048.146.07.221h.524a.84.84 0 01.84.84v1.037a.84.84 0 01-.84.84h-.524c-.02.076-.044.149-.07.222l.356.353c.083.083.146.18.186.283h1.173c1.187 0 2.148.963 2.148 2.148v2.02a2.15 2.15 0 01-2.148 2.148H4.303a2.152 2.152 0 01-2.148-2.148v-2.02c0-1.188.964-2.148 2.148-2.148h6.136a.826.826 0 01.187-.283l.355-.356a4.935 4.935 0 01-.07-.221h-.524a.84.84 0 01-.84-.84V9.686a.84.84 0 01.84-.84h.524c.02-.076.045-.149.07-.222l-.355-.355a.84.84 0 010-1.188l.73-.734a.84.84 0 011.188 0l.356.356c.073-.026.146-.048.221-.07V6.11a.84.84 0 01.84-.84zm3.633 7.618a.556.556 0 01.084-.212l-.706-.706c.202-.336.333-.75.387-1.244h1.215V9.69H17.36c-.05-.493-.183-.908-.387-1.244l.773-.773-.734-.731-.77.77c-.345-.207-.762-.333-1.244-.386V6.11h-1.036v1.216c-.485.05-.9.179-1.244.386l-.77-.77-.731.73.77.771c-.202.336-.333.75-.387 1.244h-1.215v1.036H11.6c.05.493.183.908.387 1.244l-.697.697c.05.071.083.154.095.243l.56.564.77-.77c.345.207.762.333 1.244.386v1.216h1.036v-1.216c.485-.05.9-.179 1.244-.386l.77.77.586-.583zm-6.238 1.171l-.516-.515H4.303c-.568 0-1.028.46-1.028 1.028v2.02c0 .568.46 1.028 1.028 1.028h15.393c.568 0 1.028-.46 1.028-1.028v-2.02c0-.569-.46-1.028-1.028-1.028H18.12l-.518.515a.84.84 0 01-1.188 0l-.355-.355a5.11 5.11 0 01-.221.07v.524a.84.84 0 01-.84.84h-1.037a.84.84 0 01-.84-.84v-.524c-.076-.02-.149-.045-.222-.07l-.356.355a.84.84 0 01-1.187 0z",
-                fill: e
+                fill: l
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-connected-car-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        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,31 +90,31 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, d = _param.children, n = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : r ? i.inverse : i.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: l,
-        height: l,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M21.921 15.507l-.325-1.04a1.696 1.696 0 00-1.353-1.117l-7.89-2.002-3.63-3.642H2v4.284h2.142a.714.714 0 110 1.428H2v.714h4.641a.714.714 0 110 1.428H2v4.284h8.622a3.407 3.407 0 116.319 0h3.927l.985-3.145c.169-.375.193-.8.068-1.192z",
-                fill: t
+                fill: a
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M13.781 16.631a1.977 1.977 0 100 3.955 1.977 1.977 0 000-3.955zm-1.07-6.64h-.069a.814.814 0 01-.385-.186.714.714 0 01-.229-.496 2.413 2.413 0 00-2.57-2.317.714.714 0 01-.072-1.428 3.874 3.874 0 012.785 1 3.826 3.826 0 011.253 2.684.714.714 0 01-.182.511.714.714 0 01-.493.228l-.039.004z",
-                fill: t
+                fill: a
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M14.495 9.741a.714.714 0 01-.643-.404.713.713 0 01-.07-.27A4.235 4.235 0 009.178 4.85a.714.714 0 01-.57-1.192.714.714 0 01.488-.229 5.627 5.627 0 014.26 1.453 5.673 5.673 0 011.852 4.13.714.714 0 01-.678.715l-.036.014z",
-                fill: t
+                fill: a
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-connected-car-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return c;
+        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,31 +90,31 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var c = function c(_param) {
-    var a = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, m = _param.children, l = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var a = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), e = a != null ? a : n ? i.inverse : i.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M2.714 17.536a.714.714 0 100 1.428.714.714 0 000-1.428zm9.228-11.587a3.54 3.54 0 00-2.544-.921.357.357 0 00-.243.11.357.357 0 00-.09.258.357.357 0 00.111.246.36.36 0 00.257.089 2.787 2.787 0 012.03.714 2.757 2.757 0 01.897 1.927.357.357 0 00.114.25c.055.047.121.08.192.096h.047a.357.357 0 00.335-.357 3.472 3.472 0 00-1.106-2.412z",
-                fill: e
+                fill: t
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M13.113 4.268a5.292 5.292 0 00-4-1.36.328.328 0 00-.243.114.357.357 0 00.024.5.357.357 0 00.243.079 4.64 4.64 0 013.483 1.18 4.582 4.582 0 011.513 3.37.357.357 0 00.714-.03 5.305 5.305 0 00-1.734-3.853zM4.14 12.165H2.357a.357.357 0 010-.714H4.14a.357.357 0 010 .714zm2.498 2.141H2.357a.357.357 0 110-.713h4.282a.357.357 0 110 .713z",
-                fill: e
+                fill: t
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M21.927 14.717l-.321-1.028a1.342 1.342 0 00-1.07-.885l-8.348-2.034-3.618-3.6H2.357a.357.357 0 000 .713h5.92l3.533 3.53 8.565 2.087h.042a.622.622 0 01.496.414l.322 1.024a.624.624 0 01-.025.474l-.778 2.48h-3.619a3.04 3.04 0 00-6.066 0H4.498a.357.357 0 000 .714h6.284a3.044 3.044 0 005.988 0h4.2l.91-2.912a1.31 1.31 0 00.047-.977zm-8.15 5.656a2.334 2.334 0 01-2.263-1.785 2.174 2.174 0 01-.05-.256 2.333 2.333 0 114.64-.021.046.046 0 00-.001.02c0 .086-.029.172-.05.258a2.333 2.333 0 01-2.277 1.784z",
-                fill: e
+                fill: t
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-connected-car-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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, c = _param.children, r = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var a = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), e = a != null ? a : n ? h.inverse : h.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), e = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: l,
-        height: l,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.17 5.852a3.873 3.873 0 00-2.785-1 .735.735 0 00-.496.229.714.714 0 00.568 1.195A2.413 2.413 0 0112.02 8.59c.007.19.09.368.228.497.11.095.243.159.386.185h.114a.714.714 0 00.492-.228.714.714 0 00.182-.51 3.825 3.825 0 00-1.238-2.67l-.014-.011z",

package/dist/generated/mistica-icons/icon-connections-filled.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,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
+var v = function v(_param) {
     var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, h = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, t = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : r ? t.inverse : t.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : r ? _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: c,
         height: c,
@@ -105,7 +106,7 @@ var p = function p(_param) {
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.13 12.716c-.172 0-.378 0-.546.036l-1.5-2.747c.855-.856 1.363-2.035 1.363-3.359C16.447 4.071 14.47 2 12.017 2 9.563 2 7.583 4.071 7.583 6.642c0 1.324.546 2.5 1.362 3.359l-1.534 2.75c-.137-.035-.34-.035-.51-.035-2.454 0-4.43 2.07-4.43 4.642C2.47 19.928 4.442 22 6.895 22c2.217 0 4.056-1.715 4.362-3.93h1.469c.34 2.215 2.148 3.93 4.36 3.93 2.454 0 4.43-2.071 4.43-4.642s-1.934-4.642-4.387-4.642zm-5.113-9.289c1.706 0 3.068 1.428 3.068 3.215 0 .716-.24 1.396-.615 1.927a2.107 2.107 0 00-.988-1.071c.271-.324.408-.752.408-1.216 0-1.071-.854-1.967-1.877-1.967-1.022 0-1.877.896-1.877 1.967 0 .464.171.896.408 1.252-.477.252-.816.608-.988 1.071a3.584 3.584 0 01-.614-1.967c.003-1.78 1.365-3.21 3.075-3.21zm-.004 7.861c.68 0 1.362-.18 1.942-.463l1.294 2.359c-1.294.643-2.252 1.927-2.488 3.466h-1.465c-.24-1.535-1.194-2.823-2.488-3.466l1.263-2.36c.58.284 1.263.464 1.942.464zm-2.66 8.001a2.107 2.107 0 00-.988-1.072c.271-.323.409-.751.409-1.215 0-1.072-.855-1.967-1.878-1.967-1.022 0-1.873.895-1.873 1.967 0 .464.172.896.408 1.252-.477.251-.816.607-.988 1.071a3.582 3.582 0 01-.614-1.963c0-1.787 1.362-3.215 3.067-3.215 1.706 0 3.068 1.428 3.068 3.215a3.345 3.345 0 01-.61 1.927zm9.242-1.072c.271-.323.408-.751.408-1.215 0-1.072-.854-1.967-1.877-1.967-1.023 0-1.877.895-1.877 1.967 0 .464.171.896.408 1.252-.477.251-.816.607-.988 1.071a3.584 3.584 0 01-.614-1.967c0-1.787 1.362-3.215 3.067-3.215 1.706 0 3.068 1.428 3.068 3.215a3.373 3.373 0 01-.607 1.931 2.107 2.107 0 00-.988-1.072z",
-            fill: i
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
@@ -115,7 +116,7 @@ var p = function p(_param) {
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.026 12.078c-.927 0-1.765.345-2.423.894l-1.524-1.336c.44-.61.709-1.356.709-2.165 0-.096-.023-.185-.028-.278l2.4-.708a2.45 2.45 0 002.093 1.182 2.46 2.46 0 002.46-2.46 2.463 2.463 0 00-2.46-2.46 2.465 2.465 0 00-2.462 2.46c0 .023.005.04.005.062l-2.339.689a3.724 3.724 0 00-3.389-2.205c-1.03 0-1.96.42-2.636 1.098l-1.49-1.277c.182-.328.297-.703.297-1.106a2.307 2.307 0 00-4.613 0A2.307 2.307 0 004.93 6.773c.406 0 .781-.112 1.112-.297L7.71 7.902a3.68 3.68 0 00-.359 1.566c0 .792.255 1.526.68 2.131l-1.355 1.328a2.75 2.75 0 00-1.742-.633 2.778 2.778 0 00-2.776 2.773 2.776 2.776 0 005.552 0c0-.403-.093-.787-.25-1.134l1.47-1.437a3.69 3.69 0 004.247.028l1.597 1.4a3.764 3.764 0 00-.557 1.958c0 .496.1.964.274 1.398l-1.661.765a2.296 2.296 0 00-1.742-.81 2.31 2.31 0 00-2.308 2.306 2.307 2.307 0 004.613 0c0-.118-.017-.23-.034-.342l1.804-.83c.7.805 1.72 1.326 2.866 1.326a3.817 3.817 0 003.815-3.81 3.822 3.822 0 00-3.818-3.807z",
-            fill: i
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-connections-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 e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, i = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : s ? i.inverse : i.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), e = l != null ? l : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
     return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
@@ -106,11 +107,11 @@ var f = function f(_param) {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M21.176 14.98a.371.371 0 00-.52-.088.372.372 0 00-.087.52 3.708 3.708 0 01-.404 4.76c-.056-.736-.568-1.336-1.352-1.644.356-.34.576-.808.576-1.336 0-1.02-.836-1.856-1.855-1.856-1.02 0-1.855.836-1.855 1.856 0 .528.227 1.004.583 1.344-.775.308-1.28.916-1.327 1.66a3.69 3.69 0 01-1.1-2.632c0-2.04 1.66-3.7 3.699-3.7.204 0 .372-.16.372-.372a.364.364 0 00-.372-.372c-.268 0-.536.024-.792.072a.113.113 0 01-.009-.028.114.114 0 00-.007-.028l-1.895-3.28A4.445 4.445 0 0011.98 2C9.545 2 7.554 3.992 7.554 6.444c0 1.368.624 2.592 1.595 3.408l-1.895 3.28a.092.092 0 00-.009.028l-.007.028A4.436 4.436 0 002 17.556 4.444 4.444 0 006.446 22a4.452 4.452 0 004.427-4.072h2.259A4.44 4.44 0 0017.558 22 4.446 4.446 0 0022 17.556a4.477 4.477 0 00-.824-2.576zM10.888 6.072a1.11 1.11 0 011.108-1.108c.608 0 1.108.504 1.108 1.108a1.11 1.11 0 01-1.108 1.108 1.103 1.103 0 01-1.108-1.108zm1.108 4.084c-.68 0-1.32-.188-1.863-.512V9.2c0-.736.783-1.272 1.863-1.272 1.092 0 1.887.536 1.887 1.272v.428c-.551.332-1.2.528-1.887.528zM8.297 6.444c0-2.04 1.66-3.7 3.699-3.7a3.703 3.703 0 012.615 6.316c-.056-.736-.568-1.336-1.352-1.644.356-.34.576-.808.576-1.336 0-1.02-.835-1.856-1.855-1.856s-1.855.836-1.855 1.856c0 .528.228 1.004.584 1.344-.76.3-1.264.908-1.312 1.652a3.707 3.707 0 01-1.1-2.632zM12 10.892a4.43 4.43 0 002.243-.616l1.795 3.108a4.452 4.452 0 00-2.906 3.796h-2.26a4.42 4.42 0 00-2.906-3.796l1.79-3.108a4.396 4.396 0 002.244.616zm-7.425 9.86v-.444c0-.736.784-1.272 1.863-1.272 1.092 0 1.887.536 1.887 1.272v.428a3.655 3.655 0 01-1.887.528 3.761 3.761 0 01-1.863-.512zm1.867-4.676c.604 0 1.108.504 1.108 1.108 0 .604-.504 1.108-1.108 1.108a1.113 1.113 0 01-1.107-1.108 1.11 1.11 0 011.107-1.108zm2.627 4.096c-.056-.736-.568-1.336-1.351-1.644.356-.34.575-.808.575-1.336 0-1.02-.835-1.856-1.855-1.856a1.846 1.846 0 00-1.263 3.192c-.776.308-1.28.916-1.328 1.66a3.69 3.69 0 01-1.1-2.632c0-2.04 1.66-3.7 3.7-3.7a3.704 3.704 0 012.622 6.316zm8.48-4.096c.605 0 1.108.504 1.108 1.108 0 .604-.503 1.108-1.107 1.108a1.113 1.113 0 01-1.108-1.108 1.11 1.11 0 011.108-1.108zm-1.858 4.676v-.444c0-.736.783-1.272 1.863-1.272 1.091 0 1.887.536 1.887 1.272v.428a3.66 3.66 0 01-1.887.528 3.693 3.693 0 01-1.863-.512z",
-                fill: l
+                fill: e
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M19.405 14.592a.736.736 0 100-1.472.736.736 0 000 1.472z",
-                fill: l
+                fill: e
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
@@ -121,7 +122,7 @@ var f = function f(_param) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.68 13.311a3.626 3.626 0 012.485-.994s.008-.031.005-.034a3.674 3.674 0 013.67 3.672 3.67 3.67 0 01-3.67 3.673 3.632 3.632 0 01-2.865-1.41l-2.171.995a2.122 2.122 0 01-1.406 2.521 2.12 2.12 0 01-2.673-1.361 2.121 2.121 0 013.734-1.905l2.07-.961a3.66 3.66 0 01.283-3.605l-1.921-1.658a3.602 3.602 0 01-2.163.745 3.494 3.494 0 01-2.204-.83l-1.782 1.749c.202.37.308.781.308 1.201a2.61 2.61 0 01-4.454 1.857 2.612 2.612 0 01-.77-1.851 2.612 2.612 0 012.614-2.608 2.575 2.575 0 011.806.728l1.656-1.655a3.463 3.463 0 01-.347-3.863L5.938 6.06A2.13 2.13 0 012.63 4.275a2.128 2.128 0 114.255.016 2.09 2.09 0 01-.365 1.185l1.832 1.642a3.548 3.548 0 016 1.078l2.785-.829a3.219 3.219 0 010-.233 2.271 2.271 0 014.456-.691 2.27 2.27 0 01-4.182 1.686l-2.823.829c.028.148.039.297.042.448a3.55 3.55 0 01-.83 2.247l1.88 1.658zm5.202-6.216a1.458 1.458 0 10-2.916-.003 1.458 1.458 0 002.916.003zM4.758 5.588c.003 0 .006 0 .009-.003a1.29 1.29 0 001.294-1.29v-.006c0-.718-.583-1.303-1.3-1.303-.717 0-1.302.583-1.302 1.3 0 .717.582 1.302 1.3 1.302zm4.995 14.157a1.303 1.303 0 001.31 1.291 1.29 1.29 0 001.292-1.294v-.017a1.303 1.303 0 00-1.31-1.29 1.303 1.303 0 00-1.292 1.31zm-4.995-6.372a1.782 1.782 0 10.002 3.564 1.782 1.782 0 00-.002-3.564zm6.289-6.698a2.741 2.741 0 100 5.485 2.741 2.741 0 002.742-2.743 2.741 2.741 0 00-2.742-2.742zm7.12 6.474a2.843 2.843 0 00-.002 5.683 2.843 2.843 0 00.003-5.684z",
-            fill: l
+            fill: e
         })
     }));
 };

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

@@ -5,11 +5,12 @@ 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,14 +91,14 @@ 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, l = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, t = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), m = e != null ? e : i ? t.inverse : t.neutralHigh;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), m = e != null ? e : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), i = ref.skinName;
+    return i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-contact-book-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, t = tmp === void 0 ? 24 : tmp, a = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : s ? h.inverse : h.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : h ? _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"
-    }, r), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M16.442 21.813h-8.7c-.309 0-.606-.048-.885-.137a2.704 2.704 0 01-1.892-1.894 2.903 2.903 0 01-.137-.883V4.825c0-.337.063-.664.182-.968a2.458 2.458 0 011.43-1.473 2.64 2.64 0 011.031-.207h8.97a2.74 2.74 0 012.736 2.737v14.165a2.738 2.738 0 01-2.736 2.734zm1.596-13.306V4.914c0-.428-.168-.816-.442-1.102v4.695h.442zm-.442 5.835h.442V9.65h-.442v4.692zm0 1.143v4.695c.274-.286.442-.674.442-1.101v-3.594h-.442zm-6.34-8.412c-1.54 0-2.425.89-2.425 2.434s.88 2.426 2.426 2.426c1.546 0 2.434-.88 2.434-2.426 0-1.546-.888-2.434-2.434-2.434zm3.068 9.457c.26 0 .473-.247.473-.55l-.003-.89c0-.728-.204-1.353-.593-1.807-.418-.487-1.026-.745-1.76-.745h-2.364c-.733 0-1.341.258-1.759.745-.386.457-.594 1.082-.594 1.807v.89c0 .303.213.55.474.55h6.126z",
-            fill: c
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-contact-book-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, i = _objectWithoutProperties(_param, [
+var z = function z(_param) {
+    var t = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, v = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = t != null ? t : n ? c.inverse : c.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), r = t != null ? t : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M11.192 11.748c-1.579 0-2.45-.839-2.45-2.357 0-1.524.871-2.366 2.45-2.366 1.581 0 2.454.839 2.454 2.366-.003 1.518-.873 2.357-2.454 2.357zm-1.36-3.705c-.31.287-.467.74-.467 1.345 0 .606.157 1.058.463 1.342.299.276.756.418 1.36.418.605 0 1.066-.139 1.367-.418.31-.287.466-.74.466-1.342 0-.606-.157-1.058-.466-1.345-.301-.279-.759-.42-1.363-.42-.605 0-1.063.141-1.36.42zm-2.895 8.332c.06.06.142.091.227.091h8.052c.177 0 .322-.14.322-.31v-1.004c0-.733-.24-1.359-.69-1.814-.494-.492-1.22-.754-2.105-.754H9.637c-.885 0-1.611.26-2.104.754-.451.452-.69 1.08-.69 1.814v1.004a.31.31 0 00.094.22zm.549-1.223c0-1.24.782-1.95 2.15-1.95h3.11c1.367 0 2.151.71 2.151 1.95v.694H7.486v-.694z",
-                fill: h
+                fill: r
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M7.362 22h9.47c1.47 0 2.668-1.155 2.668-2.568V4.571C19.5 3.15 18.302 2 16.833 2H7.07C5.654 2 4.5 3.112 4.5 4.477v14.765C4.5 20.763 5.783 22 7.362 22zM18.878 4.57v4.07h-1.101V2.823c.653.33 1.1.99 1.1 1.748zM16.833 2.6c.11 0 .219.009.324.025v18.747a2.13 2.13 0 01-.324.025H7.362c-1.233 0-2.24-.967-2.24-2.158V4.474c0-1.035.874-1.877 1.948-1.877V2.6h9.763zm.944 12.76h1.1v4.066c0 .759-.447 1.419-1.1 1.748V15.36zm0-.597V9.237h1.1v5.526h-1.1z",
-                fill: h
+                fill: r
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-contact-book-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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,13 +90,13 @@ 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, s = _objectWithoutProperties(_param, [
+var z = function z(_param) {
+    var r = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, n = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : n ? h.inverse : h.neutralHigh;
+    var v = (0, _themeVariantContextJs.useIsInverseVariant)(), e = r != null ? r : v ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: t,
         height: t,
@@ -106,11 +106,11 @@ var f = function f(_param) {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M8.767 9.467c0 1.569.902 2.47 2.47 2.47 1.576 0 2.477-.901 2.477-2.47 0-1.575-.901-2.476-2.476-2.476-1.57 0-2.471.9-2.471 2.476zm1.113 0c0-.956.409-1.364 1.358-1.364.956 0 1.364.408 1.364 1.364 0 .952-.408 1.358-1.364 1.358-.952 0-1.358-.408-1.358-1.358zm-1.726 7.022h6.185a.522.522 0 00.52-.517v-.904c0-1.55-.95-2.551-2.417-2.551h-2.388c-1.47 0-2.417 1-2.417 2.55v.905c0 .285.232.517.517.517zm5.669-1.034H8.667v-.387c0-.57.18-1.52 1.384-1.52h2.388c1.204 0 1.384.95 1.384 1.52v.387z",
-                fill: c
+                fill: e
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M16.519 22H7.657a2.97 2.97 0 01-2.967-2.967V4.696c0-.719.28-1.395.788-1.906A2.667 2.667 0 017.383 2h9.136a2.792 2.792 0 012.788 2.788v14.428A2.79 2.79 0 0116.519 22zM7.383 3.164c-.407 0-.793.16-1.081.448a1.523 1.523 0 00-.448 1.084v14.337c0 .995.81 1.806 1.806 1.806h8.87V3.164H7.382zm10.762 16.052v-3.661h-.45v4.782c.278-.291.45-.686.45-1.12zm0-4.825V9.61h-.45v4.78h.45zm0-9.603c0-.435-.172-.83-.45-1.122v4.782h.45v-3.66z",
-                fill: c
+                fill: e
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-contact-us-filled.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,18 +91,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, o = _param.children, n = _objectWithoutProperties(_param, [
+    var s = _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)(), t = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : r ? t.inverse : t.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), c = s != null ? s : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: s,
-        height: s,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.038 5.114a5.71 5.71 0 014.236-1.609c3.02.105 5.522 2.662 5.518 5.707v.35c0 .88-.799 1.65-1.734 1.65h-4.164a.537.537 0 01-.52-.524c0-.278.244-.524.52-.524h4.164c.348 0 .695-.283.695-.597v-.351c0-2.488-2.05-4.594-4.515-4.662-1.287-.036-2.538.42-3.473 1.33a4.386 4.386 0 00-1.354 3.19.537.537 0 01-.52.525.537.537 0 01-.52-.524 5.49 5.49 0 011.667-3.96zm-.38 8.38c0-2.104-1.702-3.786-3.752-3.786s-3.752 1.714-3.72 3.783c0 1.121.487 2.101 1.25 2.803C3.32 16.959 2 18.572 2 20.5h11.844c0-1.924-1.35-3.537-3.436-4.202a3.759 3.759 0 001.25-2.803z",

package/dist/generated/mistica-icons/icon-contact-us-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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 f = function f(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, n = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : r ? t.inverse : t.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.992 19.601c0 .42-.326.761-.728.761-.402 0-.728-.34-.728-.76 0-.421.326-.762.728-.762.402 0 .728.34.728.761zm-9.93-15.387a5.685 5.685 0 014.305-1.71c3.1.109 5.625 2.798 5.633 5.972v.38c0 .862-.744 1.598-1.636 1.598h-.625a4.152 4.152 0 01-1.66 1.778c2.233.644 3.553 2.472 3.553 5.094 0 .213-.16.38-.364.38a.369.369 0 01-.364-.38c0-2.869-1.765-4.588-4.725-4.588-1.036 0-1.985.205-2.817.594a.344.344 0 01-.476-.188.373.373 0 01.18-.498 6.928 6.928 0 011.188-.414c-1.232-.711-2.072-2.091-2.072-3.664 0-2.3 1.796-4.178 3.997-4.178 2.2 0 3.997 1.878 3.997 4.178 0 .398-.056.778-.152 1.142h.34c.488 0 .908-.389.908-.836v-.381c0-2.79-2.209-5.144-4.921-5.236a5 5 0 00-3.78 1.497 5.103 5.103 0 00-1.481 3.614c0 .213-.16.38-.364.38a.369.369 0 01-.364-.38c0-1.565.6-3.045 1.7-4.154zm.84 4.375c0 1.886 1.465 3.417 3.269 3.417 1.136 0 2.136-.61 2.708-1.514h-2.72a.369.369 0 01-.364-.38c0-.214.16-.381.364-.381h3.084c.125-.356.197-.745.197-1.142 0-1.886-1.465-3.417-3.27-3.417-1.804 0-3.268 1.53-3.268 3.417zM9.61 16.88c1.312-.686 2.208-2.1 2.208-3.731 0-2.3-1.796-4.178-3.997-4.178-2.2 0-4 1.878-4 4.178 0 1.631.9 3.045 2.208 3.73C3.589 17.393 2 18.995 2 21.12c0 .214.16.381.364.381a.369.369 0 00.364-.38c0-2.159 2.097-3.673 5.093-3.673 2.997 0 5.093 1.506 5.093 3.672 0 .214.16.381.364.381a.369.369 0 00.364-.38c-.012-2.125-1.596-3.727-4.032-4.242zm-1.8-7.156c1.804 0 3.268 1.53 3.268 3.416 0 1.887-1.464 3.418-3.269 3.418-1.804 0-3.268-1.531-3.268-3.417 0-1.887 1.464-3.417 3.268-3.417z",
-            fill: s
+            fill: i
         })
     }));
 };