@telefonica/mistica 12.10.0 → 12.11.0

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

@@ -5,11 +5,11 @@ 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,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, a = _param.children, r = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : l ? s.inverse : s.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12 3h6.667C20.507 3 22 4.512 22 6.374v4.503c0 1.733-1.3 3.187-2.963 3.374v2.251c0 .15-.09.288-.228.346a.368.368 0 01-.403-.082l-2.518-2.515H12c-1.84 0-3.333-1.512-3.333-3.374V6.374C8.667 4.512 10.16 3 12 3z",
-                fill: i
+                fill: t
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.37 18.374c1.664-.187 2.963-1.267 2.963-3h-3.328c-2.452 0-4.448-2.02-4.448-4.502V7.123H5.333C3.493 7.123 2 8.635 2 10.498V15c0 1.733 1.3 3.187 2.963 3.374v2.252c0 .148.09.288.228.345a.368.368 0 00.403-.082l2.518-2.515h4.258z",
-                fill: i
+                fill: t
             })
         ]
     }));

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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 f = function f(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, v = _param.children, h = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : n ? c.inverse : c.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.906 10.877a.37.37 0 01.363-.375c.2 0 .363.164.363.37 0 1.738-1.275 3.168-2.909 3.355v2.27a.364.364 0 01-.363.374.358.358 0 01-.256-.11l-2.439-2.515h-3.849c-1.806 0-3.272-1.512-3.272-3.374v-3H5.272c-1.406 0-2.546 1.176-2.546 2.626V15c0 1.45 1.14 2.626 2.546 2.626.2 0 .363.168.363.374v1.718l1.922-1.982a.343.343 0 01.256-.11h3.999c1.056 0 2.01-.687 2.383-1.704a.364.364 0 01.47-.221c.19.077.284.293.214.485-.475 1.31-1.704 2.188-3.063 2.188h-3.85L5.529 20.89a.358.358 0 01-.396.081.372.372 0 01-.223-.345v-2.27C3.275 18.162 2 16.732 2 15v-4.502c0-1.863 1.466-3.375 3.272-3.375h3.272v-.749C8.544 4.512 10.01 3 11.816 3h6.544c1.806 0 3.272 1.512 3.272 3.374a.37.37 0 01-.363.375.37.37 0 01-.363-.375c0-1.45-1.14-2.625-2.546-2.625h-6.544c-1.405 0-2.546 1.176-2.546 2.625v4.503c0 1.45 1.14 2.625 2.546 2.625h3.998a.364.364 0 01.26.11l1.923 1.983v-1.718a.37.37 0 01.363-.375c1.406 0 2.546-1.176 2.546-2.625zm.368-1.503c.4 0 .726-.336.726-.748a.739.739 0 00-.726-.75.74.74 0 00-.726.75c0 .412.326.748.726.748z",
-            fill: r
+            fill: i
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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 f = function f(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, a = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, i = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : n ? _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"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.364 2.5h-5.82c-2.006 0-3.635 1.703-3.635 3.799v.38H5.636C3.629 6.678 2 8.38 2 10.476v3.8c0 1.833 1.252 3.37 2.91 3.726v2.738a.76.76 0 00.447.7.703.703 0 00.796-.165L9.21 18.08h2.244c2.007 0 3.636-1.702 3.636-3.799v-.063l2.761 2.885c.14.146.326.223.512.223a.724.724 0 00.28-.058.76.76 0 00.446-.7v-2.739c1.658-.355 2.91-1.887 2.91-3.726v-3.8c0-2.1-1.63-3.803-3.636-3.803zm-4.73 11.781c0 1.255-.978 2.282-2.183 2.282H8.904a.696.696 0 00-.512.224l-2.03 2.12v-1.585c0-.419-.326-.76-.726-.76-1.201 0-2.183-1.02-2.183-2.28v-3.8c0-1.255.977-2.281 2.183-2.281h3.273v1.902c0 2.096 1.63 3.799 3.636 3.799h1.09v.38zm4.73-1.897c-.4 0-.726.34-.726.76v1.585l-2.03-2.121a.715.715 0 00-.512-.224h-2.547c-1.2 0-2.183-1.021-2.183-2.281v-3.8c0-1.254.978-2.28 2.183-2.28h5.82c1.2 0 2.183 1.021 2.183 2.28v3.8h-.005c0 1.255-.977 2.281-2.183 2.281z",
-            fill: h
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-computer-academic-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, o = _param.children, i = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : a ? l.inverse : l.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: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.841 16.996a.604.604 0 00-.602-.608h-8.636v-.482l6.263-.002c.95 0 1.684-.266 2.185-.79.485-.504.729-1.227.729-2.149V7.528c0-.918-.244-1.638-.729-2.137-.498-.512-1.232-.776-2.182-.776l-11.453.006c-.95 0-1.684.26-2.183.776-.481.496-.728 1.218-.728 2.137v3.092L7.36 9.343a1.917 1.917 0 011.583.003l4.86 2.185a1.938 1.938 0 011.153 1.793c0 .776-.454 1.479-1.154 1.793l-4.857 2.182a1.928 1.928 0 01-1.583 0l-3.566-1.605v1.156c0 .594.42 1.101 1 1.205.748.134 1.796.42 2.55 1.02.254.201.557.302.86.302.302 0 .604-.1.86-.302.753-.6 1.803-.886 2.548-1.02.3-.053.555-.221.734-.451h8.891a.604.604 0 00.602-.608zM7.69 16.56c.148.067.305.101.465.101.157 0 .317-.034.462-.104l4.86-2.185c.412-.182.678-.596.678-1.05 0-.462-.26-.865-.678-1.053l-4.86-2.185a1.138 1.138 0 00-.927 0l-4.86 2.188a1.137 1.137 0 00-.675 1.05c0 .462.26.863.678 1.053L7.69 16.56z",
-            fill: n
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-computer-academic-regular.js

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

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

@@ -5,11 +5,12 @@ 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,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, r = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.skinName, n = ref.colors, o = (0, _themeVariantContextJs.useIsInverseVariant)(), h = i != null ? i : o ? n.inverse : n.neutralHigh;
-    return l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), n = t != null ? t : l ? _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"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.787 5.5c.782 0 1.426.647 1.426 1.442h.005v7.947H3.792V6.942c0-.79.64-1.442 1.426-1.442h13.569zM2 16.332v-.36h20v.36c0 1.192-.964 2.168-2.143 2.168H4.144C2.964 18.5 2 17.524 2 16.332z",
-            fill: h
+            fill: n
         })
     })) : /* @__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: "M5.598 17.454l12.803.008c1.118 0 1.986-.31 2.58-.927.572-.591.86-1.437.86-2.512V7.745c0-2.199-1.221-3.412-3.44-3.412L5.595 4.325c-2.219 0-3.44 1.21-3.44 3.412v6.277c0 1.076.289 1.922.863 2.513.59.616 1.46.927 2.58.927zm-2.883 2.213l18.566.008c.308 0 .56-.252.56-.56a.562.562 0 00-.56-.56l-18.566-.009a.562.562 0 00-.56.56c0 .309.252.56.56.56z",
-            fill: h
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-computer-light.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 d = function d(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, i = _objectWithoutProperties(_param, [
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.skinName, r = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : l ? r.inverse : r.neutralHigh;
-    return h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var o = (0, _themeVariantContextJs.useIsInverseVariant)(), i = r != null ? r : o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), l = ref.skinName;
+    return l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M4.861 6.893c0-.644.466-1.133 1.07-1.133H18.07c.607 0 1.069.494 1.069 1.133v4.92c0 .228.142.378.356.378.215 0 .357-.15.357-.377v-4.92c0-1.061-.786-1.894-1.787-1.894H5.93c-1.001 0-1.787.833-1.787 1.893v9.08H2v.378C2 17.601 2.891 19 4.144 19h15.713C21.104 19 22 17.6 22 16.351v-.378H4.861v-9.08zm14.995 11.352H4.145c-.713 0-1.248-.756-1.394-1.511h18.496c-.142.75-.676 1.51-1.39 1.51zm-.36-3.41c-.394 0-.714-.339-.714-.755 0-.417.32-.755.713-.755.393 0 .713.338.713.755 0 .416-.32.755-.713.755z",
-            fill: n
+            fill: i
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M5.319 17.462c-1.042 0-1.84-.283-2.381-.84-.518-.538-.782-1.32-.782-2.32V8.025c0-1 .264-1.776.782-2.305.535-.55 1.336-.827 2.378-.827l13.356-.008c1.042 0 1.843.277 2.378.826.518.533.781 1.308.781 2.306v6.277c0 1-.263 1.782-.781 2.32-.538.557-1.34.84-2.381.84l-13.35.008zM18.674 5.445L5.32 5.454c-1.751 0-2.603.84-2.603 2.571v6.277c0 .852.21 1.499.625 1.93.429.446 1.093.67 1.978.67l13.355-.009c.883 0 1.55-.224 1.978-.67.415-.428.625-1.077.625-1.929V8.017c-.003-1.731-.855-2.572-2.603-2.572zM2.156 18.83c0 .154.126.28.28.28l19.118-.008a.28.28 0 00.28-.28.28.28 0 00-.28-.28l-19.118.008a.28.28 0 00-.28.28z",
-            fill: n
+            fill: i
         })
     }));
 };

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

@@ -5,11 +5,12 @@ 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,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var h = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, l = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, c = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = h != null ? h : n ? c.inverse : c.neutralHigh;
-    return r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = r != null ? r : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), i = ref.skinName;
+    return i.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -105,9 +106,9 @@ var p = function p(_param) {
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M5.252 14.333h13.334v-8H5.252v8zM19.309 17l-.928-1.334H5.458L4.528 17H19.31zM1.976 18.333l1.944-2.79V5h15.999v10.542l1.943 2.79H1.976zm9.275-10h1.333V7h-1.333v1.333z",
-            fill: i
+            fill: h
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -115,7 +116,7 @@ var p = function p(_param) {
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.217 15.685V7.212c0-1.217-.964-2.212-2.144-2.212H5.931c-1.179 0-2.144.995-2.144 2.212v8.473H2v.552C2 17.746 3.18 19 4.642 19h14.752C20.821 19 22 17.746 22 16.237v-.552h-1.783zM5.218 7.212c0-.406.32-.736.713-.736h12.142c.393 0 .713.33.713.736v8.473H5.218V7.212zm-.571 10.685c-.677 0-1.248-.481-1.463-1.104h17.678c-.252.623-.823 1.104-1.468 1.104H4.647z",
-            fill: i
+            fill: h
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
@@ -125,7 +126,7 @@ var p = function p(_param) {
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.401 17.462l-12.803-.008c-1.12 0-1.99-.311-2.58-.927-.574-.591-.863-1.437-.863-2.513V7.737c0-2.202 1.221-3.412 3.44-3.412l12.806.008c2.219 0 3.44 1.213 3.44 3.412v6.278c0 1.075-.288 1.921-.86 2.512-.594.616-1.462.927-2.58.927zM5.595 5.445c-.807 0-1.406.194-1.779.575-.358.367-.54.944-.54 1.717v6.277c0 1.583.736 2.32 2.319 2.32l12.804.008c1.582 0 2.32-.737 2.32-2.32V7.746c0-.773-.183-1.35-.544-1.717-.373-.38-.97-.574-1.78-.574l-12.8-.009zm-2.88 14.222l18.566.008c.308 0 .56-.252.56-.56a.562.562 0 00-.56-.56l-18.566-.009a.562.562 0 00-.56.56c0 .309.252.56.56.56z",
-            fill: i
+            fill: h
         })
     }));
 };

package/dist/generated/mistica-icons/icon-computer-user-filled.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 e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
+var m = function m(_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)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : c ? _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 p = function p(_param) {
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M10.474 11.354c-1.406 0-2.518-.39-3.305-1.154-.818-.798-1.235-1.955-1.235-3.437 0-1.482.414-2.639 1.232-3.443.787-.77 1.9-1.162 3.306-1.162 1.406 0 2.52.39 3.31 1.16.824.803 1.241 1.96 1.241 3.442 0 1.482-.417 2.639-1.24 3.44-.788.764-1.902 1.154-3.309 1.154zm11.367 2.54c0-.652-.176-1.162-.53-1.51-.36-.358-.904-.54-1.613-.543l-9.036.006c-.703 0-1.244.182-1.608.54-.35.35-.53.858-.53 1.513v4.115c0 .658.18 1.168.53 1.521.367.367.908.552 1.61.552l9.037-.006c.706 0 1.247-.185 1.61-.552.354-.353.53-.865.53-1.52v-4.116zm-.092 7.356a.601.601 0 00-.61-.594H9.336a.603.603 0 00-.61.594.6.6 0 00.61.594h11.801c.336 0 .61-.266.61-.594zM8.29 12.23l.004-.005v.006H8.29zm-.472 1.707c0-.681.161-1.25.472-1.706h-.707c-1.703 0-3.112.512-4.073 1.487-.888.896-1.356 2.126-1.356 3.555v1.33c0 .577.485 1.048 1.081 1.048h4.98c-.26-.443-.397-.975-.397-1.6v-4.114z",
-            fill: c
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-computer-user-light.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,16 +90,16 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : i ? t.inverse : t.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, s), {

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return h;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+var h = function h(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = r != null ? r : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: r,
-        height: r,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M9.962 11.475c-1.443 0-2.58-.392-3.39-1.17-.843-.81-1.266-1.981-1.266-3.488 0-1.502.423-2.678 1.266-3.488.81-.784 1.947-1.179 3.39-1.179 1.442 0 2.59.392 3.4 1.18.849.809 1.275 1.988 1.275 3.487 0 1.507-.426 2.678-1.275 3.487-.81.779-1.95 1.171-3.4 1.171zM6.508 6.817c0 1.168.305 2.05.896 2.622.577.552 1.434.834 2.558.834 1.131 0 1.989-.28 2.566-.834.602-.577.907-1.46.907-2.622 0-1.165-.305-2.045-.907-2.622-.578-.56-1.443-.84-2.566-.84-1.112 0-1.978.28-2.558.84-.59.577-.896 1.46-.896 2.622zm4.12 13.244c-.641 0-1.131-.16-1.49-.482H3.222a1.065 1.065 0 01-1.067-1.06v-1.352c0-1.451.457-2.695 1.33-3.6.947-.994 2.334-1.515 4-1.515h1.813c.336-.224.776-.344 1.33-.344l8.874-.009c.698 0 1.227.185 1.577.552.345.353.521.866.521 1.532v4.177c0 .666-.168 1.179-.512 1.537-.362.37-.9.564-1.586.564h-8.874zm-.907-2.101c0 .336.064.585.185.706.16.168.52.193.72.193H19.5c.198 0 .551-.025.72-.193.111-.12.176-.376.176-.706v-4.177c0-.33-.065-.577-.177-.689-.12-.12-.378-.193-.72-.193l-8.873.008c-.353 0-.608.065-.72.185-.118.12-.185.37-.185.698v4.168zm-1.171.417a3.445 3.445 0 01-.034-.417v-4.168c0-.194.026-.37.05-.538H7.484c-1.33 0-2.42.395-3.135 1.137-.65.68-.994 1.644-.994 2.773l.003 1.213H8.55zm12.689 3.462a.601.601 0 100-1.204H8.919a.601.601 0 100 1.204h12.32z",
-            fill: i
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-conference-call-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var z = function z(_param) {
-    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, n = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, m = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : r ? e.inverse : e.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : n ? _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"
-    }, n), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.528 3.853v16.294c0 1.019-.79 1.853-1.766 1.853H4.245c-.97 0-1.765-.83-1.765-1.853V3.853C2.48 2.834 3.27 2 4.245 2h15.522c.97.005 1.76.834 1.76 1.853zM7.419 4.967c-.677 0-1.232.578-1.232 1.294 0 .715.555 1.293 1.232 1.293.677 0 1.233-.578 1.233-1.293 0-.711-.551-1.294-1.233-1.294zm8.04 10.971c0-.658.511-1.194 1.139-1.194.627 0 1.137.536 1.137 1.194 0 .66-.51 1.195-1.137 1.195-.628 0-1.138-.536-1.138-1.195zm-8.04-1.346c-.682 0-1.232.583-1.232 1.299s.555 1.294 1.232 1.294c.682 0 1.233-.583 1.233-1.294.004-.716-.551-1.299-1.233-1.299zM17.83 6.261c0 .71-.555 1.293-1.237 1.293s-1.237-.578-1.232-1.293c0-.711.55-1.294 1.232-1.294.682 0 1.237.578 1.237 1.294zm-3.707 4.075a.537.537 0 00.524-.492c.077-.702.858-1.176 1.941-1.176 1.088 0 1.87.474 1.942 1.176.031.303.298.526.587.488.289-.034.496-.308.465-.616-.086-.797-.578-1.432-1.332-1.801a2.471 2.471 0 00.632-1.654c0-1.327-1.03-2.408-2.294-2.408s-2.293 1.08-2.293 2.408c0 .64.24 1.222.632 1.654-.754.37-1.246 1.004-1.332 1.8a.556.556 0 00.528.621zm-9.232-.004a.537.537 0 00.587-.488c.077-.702.858-1.176 1.941-1.176 1.088 0 1.865.474 1.941 1.176a.538.538 0 00.587.488c.29-.034.497-.308.465-.616-.085-.797-.578-1.432-1.332-1.801a2.472 2.472 0 00.633-1.654c0-1.327-1.03-2.408-2.294-2.408s-2.293 1.08-2.293 2.408c0 .64.239 1.222.632 1.654-.75.37-1.246 1.004-1.332 1.8a.556.556 0 00.465.617zm4.194 7.208a2.472 2.472 0 00.632-1.654c0-1.327-1.03-2.407-2.293-2.407-1.265 0-2.294 1.08-2.294 2.407 0 .64.24 1.223.632 1.654-.754.37-1.246 1.005-1.332 1.801a.556.556 0 00.529.621.537.537 0 00.523-.493c.077-.701.858-1.175 1.942-1.175 1.088 0 1.864.474 1.941 1.175a.538.538 0 00.587.488c.289-.033.496-.312.465-.616-.086-.796-.578-1.431-1.332-1.8zm10.501 1.801c-.09-.815-.605-1.464-1.386-1.83a2.35 2.35 0 00.596-1.573c0-1.27-.984-2.308-2.198-2.308-1.215 0-2.2 1.034-2.2 2.308 0 .607.227 1.157.592 1.57-.79.364-1.305 1.013-1.395 1.828a.556.556 0 00.528.621.537.537 0 00.524-.493c.077-.701.858-1.175 1.941-1.175 1.088 0 1.87.474 1.942 1.175.031.304.298.527.587.489.293-.029.5-.308.47-.612zm-.171-7.896h-6.88V4.223a.54.54 0 00-.529-.555.54.54 0 00-.528.555v7.218h-6.88a.54.54 0 00-.529.554.54.54 0 00.528.555h6.876v7.218a.54.54 0 00.528.554.54.54 0 00.529-.554v-7.213h6.876a.544.544 0 00.537-.555.54.54 0 00-.528-.555z",
             fill: t

package/dist/generated/mistica-icons/icon-conference-call-light.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,21 +91,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var l = function l(_param) {
-    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, i = _param.children, t = _objectWithoutProperties(_param, [
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, i = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = c != null ? c : n ? e.inverse : e.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : t ? _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"
-    }, t), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.763 2H4.245c-.97 0-1.765.815-1.765 1.82v16.006c0 1 .79 1.82 1.765 1.82h11.284a.358.358 0 00.352-.363c0-.2-.158-.363-.352-.363H4.245c-.582 0-1.056-.489-1.056-1.09V3.817c0-.6.474-1.09 1.056-1.09h15.518c.582 0 1.056.49 1.056 1.09V19.82c0 .6-.474 1.09-1.056 1.09a.358.358 0 00-.352.363c0 .2.158.363.352.363.97 0 1.765-.815 1.765-1.82v-16C21.523 2.815 20.733 2 19.763 2zm-8.111 17.458v-7.276H4.597a.358.358 0 01-.352-.364c0-.2.158-.363.352-.363h7.05V4.18c0-.2.158-.363.352-.363.194 0 .352.163.352.363v7.272h7.05c.195 0 .353.162.353.363 0 .2-.158.363-.352.363h-7.046v7.272c0 .2-.158.363-.352.363a.35.35 0 01-.352-.354zm-5.575-2.137a2.21 2.21 0 01-.771-1.685c0-1.201.947-2.183 2.116-2.183 1.165 0 2.117.977 2.117 2.183 0 .675-.302 1.285-.771 1.685.835.317 1.385.931 1.475 1.732a.357.357 0 01-.311.4c-.19.028-.37-.12-.393-.32-.085-.788-.939-1.314-2.117-1.314s-2.03.526-2.116 1.313a.356.356 0 01-.353.321c-.013 0-.027 0-.04-.004a.364.364 0 01-.312-.405c.09-.792.641-1.406 1.476-1.723zm1.34-.233c.777 0 1.414-.651 1.414-1.452 0-.8-.632-1.457-1.413-1.457-.776.004-1.408.656-1.408 1.457 0 .8.632 1.453 1.408 1.453zm11.99 1.965a.357.357 0 01-.312.4.353.353 0 01-.388-.32c-.086-.788-.94-1.314-2.117-1.314-1.178 0-2.031.526-2.117 1.313a.356.356 0 01-.352.321c-.014 0-.027 0-.04-.004a.364.364 0 01-.312-.405c.09-.82.672-1.448 1.543-1.755a2.094 2.094 0 01-.735-1.607c0-1.15.907-2.08 2.017-2.08 1.11 0 2.018.935 2.018 2.08 0 .648-.29 1.23-.74 1.611.866.317 1.444.945 1.534 1.76zm-2.813-2.006c.722 0 1.314-.61 1.314-1.355 0-.75-.592-1.355-1.314-1.355-.722 0-1.313.605-1.313 1.355s.591 1.355 1.313 1.355zM6.077 7.866a2.21 2.21 0 01-.771-1.685c0-1.202.947-2.184 2.116-2.184 1.165 0 2.117.978 2.117 2.184 0 .675-.302 1.285-.771 1.685.835.316 1.385.931 1.475 1.732a.364.364 0 01-.311.405.36.36 0 01-.393-.321c-.085-.787-.939-1.313-2.117-1.313s-2.03.526-2.116 1.313a.356.356 0 01-.353.32h-.04a.364.364 0 01-.312-.404c.09-.801.641-1.42 1.476-1.732zm1.34-.233c.777 0 1.414-.652 1.414-1.452 0-.801-.632-1.458-1.413-1.458-.776.005-1.408.657-1.408 1.458 0 .8.632 1.452 1.408 1.452zm7.828.233a2.21 2.21 0 01-.772-1.685c0-1.202.948-2.184 2.117-2.184 1.164 0 2.117.978 2.117 2.184 0 .675-.303 1.285-.772 1.685.835.316 1.385.931 1.476 1.732a.364.364 0 01-.312.405.357.357 0 01-.388-.321c-.086-.787-.939-1.313-2.117-1.313s-2.031.526-2.117 1.313a.356.356 0 01-.352.32h-.04a.364.364 0 01-.312-.404c.086-.801.637-1.42 1.472-1.732zm1.34-.233c.776 0 1.413-.652 1.413-1.452 0-.801-.632-1.458-1.413-1.458-.776.005-1.408.657-1.408 1.458 0 .8.632 1.452 1.408 1.452zm.357 13.64c0-.4.316-.726.704-.726.388 0 .704.326.704.727 0 .4-.316.726-.704.726a.716.716 0 01-.704-.726z",
-            fill: r
+            fill: n
         })
     }));
 };