@telefonica/mistica 12.10.0 → 12.11.1

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

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "default", {
 });
 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,31 +92,31 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var z = function z(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, r = _objectWithoutProperties(_param, [
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.skinName, a = ref.colors, m = (0, _themeVariantContextJs.useIsInverseVariant)(), n = i != null ? i : m ? a.inverse : a.neutralHigh;
-    return c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), a = t != null ? t : 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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.52 14.039v-8.52C8.52 3.545 10.05 2 12.005 2c1.954 0 3.485 1.546 3.485 3.518v8.52c0 1.973-1.531 3.52-3.485 3.52S8.52 16.01 8.52 14.037zm8.257 7.221c0 .408-.33.74-.733.74H7.97a.737.737 0 01-.733-.74c0-.408.33-.74.733-.74h3.302v-.796c-2.687-.365-4.772-2.688-4.772-5.5 0-.408.329-.74.733-.74.404 0 .732.332.732.74 0 2.247 1.813 4.073 4.035 4.073 2.222 0 4.035-1.83 4.035-4.073 0-.408.328-.74.732-.74.404 0 .733.332.733.74 0 2.812-2.08 5.135-4.772 5.5v.797h3.302a.74.74 0 01.747.74zm-4.772-5.182c1.15 0 2.02-.877 2.02-2.04v-8.52c0-1.161-.87-2.039-2.02-2.039-1.151 0-2.02.878-2.02 2.04v8.52c0 1.162.869 2.039 2.02 2.039z",
-            fill: n
+            fill: a
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.998 2.155c2.921 0 4.53 1.61 4.53 4.532v6.72c0 2.922-1.609 4.532-4.53 4.532-2.922 0-4.53-1.61-4.53-4.532v-6.72c0-2.921 1.608-4.532 4.53-4.532zm3.308 11.252v-6.72c0-2.227-1.081-3.31-3.308-3.31S8.69 4.456 8.69 6.686v6.72c0 2.227 1.08 3.311 3.308 3.311 2.227 0 3.308-1.084 3.308-3.31zm-2.33 7.48a.957.957 0 00-.956-.959.957.957 0 000 1.913.956.956 0 00.955-.955zm2.372-1.914a.956.956 0 11-.003 1.913.956.956 0 01.003-1.913zm3.627-1.325a.956.956 0 00-1.91 0 .956.956 0 001.91 0zm0-4.21a.814.814 0 110 1.63.814.814 0 110-1.63zm-9.372 6.49a.956.956 0 10-1.913.002.956.956 0 001.913-.002zm-3.628-3.235a.956.956 0 010 1.91.956.956 0 010-1.91zM5.02 15.07a.814.814 0 00.815-.815.814.814 0 10-.815.815z",
-            fill: n
+            fill: a
         })
     }));
 };

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

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

package/dist/generated/mistica-icons/icon-millenials-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,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, m = _param.children, i = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.skinName, t = ref.colors, v = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : v ? t.inverse : t.neutralHigh;
-    return h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), v = ref.skinName;
+    return v.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-millenials-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,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, m = _param.children, i = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, m = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, l = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : r ? l.inverse : l.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : t ? _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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.704 8.531A3.876 3.876 0 0019.816 5.8c0-.376-.052-.745-.152-1.088l1.824-.51a.729.729 0 00.488-.887c-.1-.385-.48-.615-.848-.51l-2.132.598C18.328 2.548 17.316 2 16.18 2c-2.004 0-3.632 1.703-3.632 3.8 0 1.1.448 2.091 1.168 2.786a4.996 4.996 0 00-.372.15.738.738 0 00-.364.95.682.682 0 00.908.38c.684-.304 1.516-.468 2.4-.468 2.508 0 4.324 1.297 4.324 3.084v6.059c0 .401.308.723.692.723.384 0 .692-.322.692-.723v-6.059c.004-1.929-1.292-3.469-3.292-4.15zM18.432 5.8c0 1.297-1.008 2.352-2.248 2.352-1.076 0-1.976-.795-2.196-1.85l4.34-1.217c.068.226.104.464.104.715zm-1.004-1.958l-3.256.912c.368-.774 1.132-1.305 2.012-1.305.46 0 .888.146 1.244.393zm-6.592 7.255a3.876 3.876 0 001.144-2.765c0-2.097-1.628-3.8-3.632-3.8-.436 0-.856.08-1.244.23-.028-1.158-.94-2.092-2.056-2.092-1.132 0-2.056.967-2.056 2.151v2.218H2l.476 1.037c.036.084.388.808 1.18 1.046.136.042.3.071.492.071.188 0 .404-.029.644-.108a3.838 3.838 0 001.064 2.008c-1.96.695-3.228 2.222-3.228 4.13v6c0 .401.308.724.692.724.384 0 .692-.323.692-.724v-6.004c0-1.063.612-1.754 1.12-2.143.788-.606 1.928-.941 3.2-.941 2.508 0 4.324 1.297 4.324 3.084v6.058c0 .402.308.724.692.724.384 0 .692-.322.692-.724v-6.058c0-1.9-1.256-3.423-3.204-4.122zm-.24-2.761c0 1.297-1.008 2.351-2.248 2.351a2.204 2.204 0 01-1.656-.761c.6-1.172 1.604-1.996 2.98-2.444l.696-.18c.148.314.228.661.228 1.034zM9.152 6.134C7.688 6.636 6.728 7.456 6.1 8.255c.036-1.263 1.032-2.28 2.248-2.28.284.004.556.058.804.159zm-4.772.979V4.816c0-.39.3-.703.672-.703.372 0 .672.314.672.703v.653c0 .07.012.142.028.209a3.849 3.849 0 00-.94 1.79.856.856 0 00-.112.06c-.12.079-.268.162-.416.196.1-.251.1-.49.096-.611z",
-            fill: t
+            fill: i
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.753 5.827a.64.64 0 00.054-.914C16.12 1.975 12.14 2.151 11.945 2.16h-.004c-4.328.047-6.644 2.49-6.74 2.594a.633.633 0 00.046.91.676.676 0 00.932-.045c.017-.02 2.017-2.129 5.804-2.17.037-.009 3.566-.166 5.84 2.324a.668.668 0 00.93.053zM12 10.742c.896 0 1.597.233 2.084.69.504.473.762 1.179.762 2.09 0 .912-.258 1.615-.762 2.089-.484.454-1.185.686-2.081.686-.9 0-1.597-.232-2.081-.686-.505-.474-.76-1.177-.76-2.09 0-.91.255-1.616.76-2.09.481-.459 1.179-.688 2.078-.688zm1.17 3.939c.236-.221.357-.61.357-1.16 0-.546-.118-.938-.359-1.162-.232-.222-.624-.33-1.168-.33-.543 0-.935.108-1.165.327-.238.224-.356.616-.356 1.165 0 .55.12.939.356 1.163.285.269.79.325 1.165.325s.882-.056 1.17-.328zm2.561 5.871c-.005-.375-.092-.877-.448-1.238-.415-.423-1.073-.51-1.552-.51H10.27c-.476 0-1.135.087-1.543.507-.356.361-.443.866-.449 1.241h7.454zm-2-3.036c1.053 0 1.919.31 2.502.904.534.544.817 1.297.817 2.182v.925a.319.319 0 01-.322.313H7.283a.317.317 0 01-.322-.313v-.925c0-.885.28-1.641.815-2.182.58-.594 1.443-.904 2.496-.904h3.46zM11.944 4.992c.118-.006 3.32-.115 5.367 2.123a.636.636 0 01-.053.91.67.67 0 01-.933-.05c-1.592-1.746-4.23-1.697-4.344-1.695h-.003c-2.684.028-4.289 1.712-4.303 1.729a.673.673 0 01-.933.045.633.633 0 01-.047-.908c.08-.087 1.989-2.12 5.249-2.154zm2.613 5.173a.67.67 0 00.933.05.636.636 0 00.05-.91c-1.309-1.432-3.323-1.421-3.556-1.42h-.02c-2.166.023-3.44 1.381-3.493 1.44a.635.635 0 00.044.908.679.679 0 00.93-.042l.003-.003c.067-.067.984-.995 2.55-1.014h.001c.066-.001 1.632-.02 2.558.991z",
-            fill: t
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-mobile-add-user-filled.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,18 +91,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var v = function v(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, a = _param.children, i = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, h = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : s ? t.inverse : t.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M5.509 5.387H14.9c.625-1.06 1.667-1.833 2.881-2.061C17.152 2.52 16.198 2 15.12 2H8.935C7.101 2 5.601 3.504 5.51 5.387zM15.12 22H8.935c-1.834 0-3.334-1.509-3.426-3.387h13.038C18.454 20.495 16.954 22 15.12 22zm3.44-9.824v5.358H5.5V6.462h8.938c-.11.397-.176.813-.176 1.248 0 2.464 1.927 4.466 4.298 4.466zm-5.094 1.486c.488-.49.796-1.175.796-1.934 0-1.477-1.157-2.679-2.577-2.679-1.421 0-2.578 1.202-2.578 2.679 0 .763.312 1.454.805 1.938-1.122.467-1.839 1.39-1.839 2.524 0 .297.229.535.515.535a.523.523 0 00.515-.535c0-1.033 1.082-1.788 2.577-1.788 1.518 0 2.578.736 2.578 1.788 0 .297.229.535.515.535a.526.526 0 00.523-.53c0-1.157-.7-2.072-1.83-2.533zm-1.781-3.539c.853 0 1.548.723 1.548 1.61 0 .886-.695 1.609-1.548 1.609-.854 0-1.549-.723-1.549-1.61 0-.886.695-1.609 1.549-1.609zm6.875 1.335c1.988 0 3.607-1.682 3.607-3.748 0-2.067-1.619-3.749-3.607-3.749-1.988 0-3.607 1.682-3.607 3.749 0 2.066 1.619 3.748 3.607 3.748zm2.577-3.748c0 1.48-1.157 2.679-2.577 2.679-1.421 0-2.578-1.203-2.578-2.68 0-1.476 1.157-2.678 2.578-2.678 1.42 0 2.577 1.202 2.577 2.679zm-2.063-.535h1.201c.286 0 .515.242.515.54a.523.523 0 01-.515.534h-1.2v1.243a.523.523 0 01-.515.535.523.523 0 01-.515-.534V8.245h-1.2a.523.523 0 01-.515-.535c0-.298.228-.535.514-.535h1.201V5.927c0-.297.229-.535.515-.535.286 0 .514.238.514.535v1.248z",
             fill: n

package/dist/generated/mistica-icons/icon-mobile-add-user-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        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 d = function d(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, m = _param.children, h = _objectWithoutProperties(_param, [
+var l = function l(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : r ? a.inverse : a.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : t ? _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), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.5 7.714c0 1.97-1.593 3.57-3.554 3.57-1.961 0-3.559-1.604-3.559-3.574 0-.508.11-.988.3-1.427H6.215v11.429h7.463a.356.356 0 010 .713H6.21v.357c0 1.38 1.115 2.5 2.49 2.5h6.397c1.375 0 2.49-1.12 2.49-2.5V12.71c0-.197.159-.357.354-.357.196 0 .355.16.355.357v6.075A3.208 3.208 0 0115.097 22H8.7c-1.767 0-3.2-1.44-3.2-3.214V5.214A3.208 3.208 0 018.7 2h6.402c1.392 0 2.575.9 3.012 2.153A3.56 3.56 0 0121.5 7.714zm-15.286-2.5v.356h8.892a3.56 3.56 0 012.262-1.376 2.485 2.485 0 00-2.266-1.48H8.704a2.495 2.495 0 00-2.49 2.5zm11.732-.357a2.852 2.852 0 00-2.844 2.857 2.852 2.852 0 002.844 2.857c1.57 0 2.844-1.28 2.844-2.857a2.852 2.852 0 00-2.844-2.857zm-2.134 2.857c0 .197.159.357.355.357h1.42v1.426c0 .197.159.357.354.357.196 0 .355-.16.355-.357V8.071h1.42a.356.356 0 000-.713h-1.42V5.93a.356.356 0 00-.355-.356.356.356 0 00-.354.356v1.427h-1.42a.356.356 0 00-.355.356zm-7.823 8.75c0 .197.16.357.355.357.196 0 .355-.16.355-.357 0-1.138 1.197-1.966 2.844-1.966 1.675 0 2.844.81 2.844 1.966 0 .197.16.357.355.357.196 0 .355-.16.355-.357 0-1.166-.8-2.07-2.066-2.464a2.499 2.499 0 00-1.488-4.498 2.495 2.495 0 00-2.489 2.5c0 .823.396 1.55 1.01 2.007-1.256.393-2.075 1.308-2.075 2.455zm3.559-6.254c.983 0 1.774.805 1.774 1.788s-.796 1.787-1.779 1.787a1.782 1.782 0 01-1.775-1.787c0-.983.797-1.788 1.78-1.788z",
-            fill: s
+            fill: h
         })
     }));
 };

package/dist/generated/mistica-icons/icon-mobile-add-user-regular.js

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

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return c;
     }
 });
-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, r = tmp === void 0 ? 24 : tmp, m = _param.children, n = _objectWithoutProperties(_param, [
+var c = function c(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, v = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : s ? t.inverse : t.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.847 2C6.975 2 5.443 3.504 5.35 5.388h13.31C18.567 3.504 17.035 2 15.163 2H8.846zM5.34 6.458v11.084h13.333V6.458H5.34zm3.364 9.067a.528.528 0 01-.526.535.528.528 0 01-.525-.535v-1.051c0-.297.233-.535.525-.535.292 0 .526.238.526.535v1.051zm2.038.535a.528.528 0 01-.525-.534v-2.817c0-.297.234-.535.525-.535.292 0 .526.238.526.535v2.816a.528.528 0 01-.526.535zm3.086-.535a.528.528 0 01-.526.535.528.528 0 01-.525-.535V10.56c0-.298.233-.535.525-.535.292 0 .526.237.526.535v4.965zm1.509.005V8.41c0-.297.233-.534.525-.534.292 0 .525.237.525.535v7.119a.531.531 0 01-.525.535.528.528 0 01-.525-.535zm3.323 3.082C18.565 20.496 17.034 22 15.162 22H8.846c-1.872 0-3.404-1.504-3.498-3.388h13.31z",
-            fill: a
+            fill: n
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        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 z = function z(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, s = _param.children, c = _objectWithoutProperties(_param, [
+var l = function l(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, h = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), v = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : i ? v.inverse : v.neutralHigh;
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : c ? _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"
-    }, c), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.25 5.214v13.572c0 1.774-1.4 3.214-3.125 3.214h-6.25C7.15 22 5.75 20.56 5.75 18.786V5.214C5.75 3.44 7.15 2 8.875 2h6.25c1.725-.005 3.125 1.44 3.125 3.214zM15.818 15.91c.192 0 .347-.16.347-.357V8.441a.352.352 0 00-.347-.356.352.352 0 00-.346.356v7.118a.35.35 0 00.346.352zm-2.778-5.326c0-.196.156-.356.347-.356.195 0 .351.16.347.356v4.965a.352.352 0 01-.347.356.352.352 0 01-.347-.356v-4.965zm-1.733 4.965v-2.816a.35.35 0 00-.347-.357.352.352 0 00-.347.357v2.816c0 .196.156.356.347.356.191 0 .346-.16.346-.356zm-3.125-1.052c0-.196.155-.356.346-.356.191 0 .347.16.347.356v1.07a.352.352 0 01-.347.357.352.352 0 01-.346-.357v-1.07zM6.443 5.57h11.114v-.356c0-1.38-1.09-2.5-2.432-2.5h-6.25c-1.342 0-2.432 1.12-2.432 2.5v.356zm11.114 13.212V6.283H6.443v11.429h7.295c.191 0 .347.16.347.357a.352.352 0 01-.347.356H6.443v.357c0 1.38 1.09 2.5 2.432 2.5h6.25c1.343 0 2.432-1.12 2.432-2.5zm-2.432-.713c0-.394.311-.714.694-.714a.7.7 0 01.693.713.704.704 0 01-.694.714.704.704 0 01-.693-.713z",
-            fill: a
+            fill: i
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        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,13 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var z = function z(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, m = _param.children, c = _objectWithoutProperties(_param, [
+var l = function l(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, c = _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 i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
@@ -105,7 +105,7 @@ var z = function z(_param) {
     }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.849 2h6.316c1.936 0 3.508 1.605 3.508 3.576v12.853c0 1.97-1.572 3.571-3.508 3.571H8.849c-1.937 0-3.509-1.6-3.509-3.571V5.57C5.34 3.601 6.912 2 8.849 2zM6.742 6.467v11.075h10.53V6.467H6.742zm2.107-3.036c-1.101 0-2.009.864-2.098 1.966h10.512c-.09-1.102-.998-1.966-2.098-1.966H8.849zm0 17.147h6.316c1.1 0 2.008-.864 2.098-1.966H6.75c.09 1.102.997 1.966 2.098 1.966zm2.399-7.837v2.816a.528.528 0 01-.526.535.528.528 0 01-.526-.535v-2.816c0-.297.234-.535.526-.535.292 0 .526.238.526.535zm2.574 2.84V10.61a.528.528 0 00-.526-.535.528.528 0 00-.526.535v4.97c0 .297.234.535.526.535a.528.528 0 00.526-.535zm2.574-7.12v7.12a.528.528 0 01-.526.534.528.528 0 01-.525-.535V8.46c0-.296.233-.534.525-.534.292 0 .526.238.526.535zm-7.723 7.115v-1.052a.531.531 0 00-.525-.535.528.528 0 00-.526.535v1.052c0 .297.234.535.526.535a.528.528 0 00.525-.535z",
-            fill: n
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-mobile-device-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,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, h = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), o = ref.skinName, n = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), r = t != null ? t : s ? n.inverse : n.neutralHigh;
-    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var o = (0, _themeVariantContextJs.useIsInverseVariant)(), h = r != null ? r : o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), s = ref.skinName;
+    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.488 5.388C18.397 3.504 16.902 2 15.078 2h-6.16C7.094 2 5.6 3.504 5.508 5.388h12.98zM5.5 6.46h13v11.08h-13V6.46zM8.918 22c-1.828 0-3.322-1.504-3.41-3.388h12.977C18.397 20.496 16.902 22 15.075 22H8.918z",
-            fill: r
+            fill: h
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.321 2.155c1.11 0 1.91.272 2.454.832.535.549.795 1.353.795 2.46V18.55c0 2.216-1.061 3.291-3.249 3.291H8.682c-2.187 0-3.249-1.075-3.249-3.291V5.446c0-2.185 1.093-3.291 3.25-3.291h6.638zm-3.314 17.359c.342 0 .625-.107.821-.306.19-.199.289-.47.291-.81 0-.697-.411-1.114-1.109-1.114-.697 0-1.112.417-1.112 1.115 0 .339.095.61.289.81.193.198.479.305.82.305z",
-            fill: r
+            fill: h
         })
     }));
 };

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return g;
     }
 });
 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 g = function g(_param) {
     var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.skinName, n = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), c = t != null ? t : l ? n.inverse : n.neutralHigh;
-    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), c = t != null ? t : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-mobile-device-regular.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,29 +91,29 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var h = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, c = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, n = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), t = h != null ? h : a ? n.inverse : n.neutralHigh;
-    return r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), t = r != null ? r : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), c = ref.skinName;
+    return c.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15 2H8.571A3.582 3.582 0 005 5.571V18.43A3.582 3.582 0 008.571 22H15a3.582 3.582 0 003.571-3.571V5.57A3.582 3.582 0 0015 2zM6.429 17.357V6.643h10.714v10.714H6.429zM8.57 3.43H15c1.071 0 1.929.785 2.107 1.785H6.464c.179-1 1.036-1.785 2.107-1.785zM15 20.57H8.571c-1.071 0-1.928-.785-2.107-1.785h10.643c-.178 1-1.036 1.785-2.107 1.785z",
             fill: t
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.784 2h6.432a3.575 3.575 0 013.568 3.572v12.856A3.578 3.578 0 0115.212 22H8.784a3.578 3.578 0 01-3.572-3.572V5.572A3.578 3.578 0 018.784 2zm-2.14 4.644V17.36H17.36V6.644H6.644zm2.14-3.216c-1.06 0-1.94.776-2.112 1.784h10.652a2.145 2.145 0 00-2.112-1.784H8.784zm0 17.144h6.432c1.06 0 1.94-.776 2.108-1.784H6.672a2.145 2.145 0 002.112 1.784z",
             fill: t
@@ -122,7 +123,7 @@ var f = function f(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M11.39 19.862c.12.033.25.05.388.05.353 0 .653-.112.85-.315.197-.202.298-.483.298-.835 0-.72-.425-1.15-1.145-1.15s-1.148.43-1.148 1.15c0 .35.099.63.298.835.121.125.277.214.46.265z",

package/dist/generated/mistica-icons/icon-mobile-euro-filled.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 e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, a = _param.children, h = _objectWithoutProperties(_param, [
+var v = function v(_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)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M5.349 5.387h13.315c-.094-1.883-1.626-3.392-3.5-3.387H8.849c-1.873 0-3.405 1.504-3.5 3.387zm13.324 12.151V6.458H5.34v11.08h13.333zm-5.525-8.397c-1.367 0-2.506.996-2.757 2.313h2.932c.292 0 .525.237.525.534a.528.528 0 01-.525.535h-2.934c.248 1.322 1.389 2.323 2.759 2.323.49 0 .975-.133 1.401-.384a.523.523 0 01.72.196.542.542 0 01-.194.732 3.807 3.807 0 01-1.932.53c-1.95 0-3.562-1.481-3.818-3.392h-.566a.528.528 0 01-.526-.535c0-.297.234-.535.526-.535h.566c.256-1.91 1.869-3.392 3.818-3.392.674 0 1.343.183 1.932.53a.542.542 0 01.193.732.519.519 0 01-.719.197 2.765 2.765 0 00-1.401-.384zM15.165 22H8.849c-1.874 0-3.406-1.51-3.5-3.388h13.315C18.57 20.496 17.038 22 15.164 22z",
-            fill: s
+            fill: n
         })
     }));
 };