@telefonica/mistica 12.10.0 → 12.11.0

package/dist/generated/mistica-icons/icon-edit-paper-light.js

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

package/dist/generated/mistica-icons/icon-edit-paper-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, s = _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)(), l = 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: "M20.979 3.016a2.99 2.99 0 01.862 2.084 2.814 2.814 0 01-.874 2.033c-.1.098-.537.49-1.137 1.026l.009 9.644c0 1.21-.381 2.188-1.13 2.91-.775.748-1.86 1.126-3.218 1.126H6.502c-1.361 0-2.442-.378-3.218-1.129-.75-.72-1.129-1.7-1.129-2.907V7.48c0-2.482 1.706-4.084 4.345-4.087h8.988c.314 0 .625.006.939.017.238-.213.392-.353.434-.395 1.291-1.286 3.106-1.011 4.117 0zm-4.422 5.8c1.511-1.344 3.057-2.719 3.225-2.884.236-.216.37-.518.37-.835.003-.32-.14-.655-.367-.885-.333-.333-1.1-.628-1.73 0-.302.298-4.384 3.899-5.769 5.12l-.4.353-.865 2.58 2.65-.874c.4-.366 1.632-1.46 2.886-2.575zm1.59 8.987s0-8.146.002-8.143c-1.167 1.034-2.39 2.115-3.017 2.669l-.001.001-.424.375c-.14.126-.311.224-.496.286l-3.112 1.025a1.447 1.447 0 01-1.83-1.838l1.04-3.09a1.44 1.44 0 01.415-.627c1.33-1.17 2.711-2.39 3.826-3.378H6.5c-1.213 0-2.659.417-2.659 2.398v10.325c0 .742.202 1.297.614 1.694.448.434 1.137.653 2.045.653h8.988c.908 0 1.597-.218 2.045-.653.415-.4.614-.955.614-1.697z",
-            fill: n
+            fill: l
         })
     }));
 };

package/dist/generated/mistica-icons/icon-edit-pencil-light.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,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, l = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : s ? i.inverse : i.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? _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), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M4.891 19.42c-.387 0-.753-.165-1.022-.45a1.611 1.611 0 01-.345-1.553l1.524-4.837c.09-.26.24-.493.445-.672 4.19-3.958 8.692-8.264 9.003-8.589a3.346 3.346 0 012.434-1.168 3.519 3.519 0 012.566 1.157 4.13 4.13 0 011.112 2.731A3.852 3.852 0 0119.496 8.7c-.555.625-9.025 8.645-9.112 8.726-.143.14-.314.244-.501.3l-4.535 1.607c-.149.065-.303.09-.457.087zm15.157 1.263c.308 0 .555.258.555.58 0 .32-.25.58-.555.58H3.936a.565.565 0 01-.555-.58c0-.319.25-.58.555-.58h16.112zM4.67 18.16c.081.09.207.126.322.092L9.527 16.7a.315.315 0 00.112-.07c1.4-1.33 8.591-8.17 9.067-8.68a2.722 2.722 0 00.756-1.91 2.916 2.916 0 00-.745-1.934 2.444 2.444 0 00-1.767-.787 2.359 2.359 0 00-1.712.787c-.355.39-5.062 4.865-7.868 7.534l-1.168 1.11a.352.352 0 00-.1.152L4.58 17.767a.387.387 0 00.09.393z",
-            fill: a
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-edit-pencil-regular.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,19 +91,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, n = _objectWithoutProperties(_param, [
+var u = function u(_param) {
+    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.skinName, r = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), l = i != null ? i : h ? r.inverse : r.neutralHigh;
-    return a.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), l = i != null ? i : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), s = ref.skinName;
+    return s.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M7.968 16.9H4.933v-1.36h3.035v1.36z",
@@ -118,7 +119,7 @@ var p = function p(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M3.971 18.933c.311.333.742.526 1.182.526.182 0 .359-.03.527-.095l4.372-1.557c.216-.076.412-.196.577-.359.082-.075 8.247-7.86 8.799-8.448a3.986 3.986 0 001.106-2.765c0-1.05-.39-2.061-1.092-2.843-.7-.753-1.673-1.187-2.664-1.187-.972 0-1.896.423-2.608 1.19-.291.314-4.678 4.507-8.653 8.291a1.74 1.74 0 00-.47.76l-1.465 4.702a1.823 1.823 0 00.39 1.785zm2.625-6.003c.336-.32 8.252-7.851 8.734-8.367.409-.442.913-.678 1.45-.678a2.105 2.105 0 011.51.678 2.54 2.54 0 01.64 1.672 2.269 2.269 0 01-.645 1.594c-.42.446-6.639 6.387-8.75 8.395l-4.373 1.558h-.006l-.045-.115 1.485-4.737zm13.17 7.188c.443 0 .805.375.805.837 0 .465-.362.84-.804.84H4.232c-.443 0-.804-.375-.804-.84 0-.462.361-.837.804-.837h15.535z",
             fill: l

package/dist/generated/mistica-icons/icon-edit-regular.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, h = _param.children, i = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? c.inverse : c.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.92 6.586c.58.583.924 1.418.921 2.233-.003.818-.325 1.568-.933 2.168-.126.126-.736.675-1.61 1.457v5.271c0 1.23-.347 2.224-1.03 2.953-.73.778-1.763 1.173-3.065 1.173H6.245c-1.306 0-2.334-.395-3.062-1.173-.683-.729-1.028-1.723-1.028-2.953V6.331c0-2.577 1.569-4.176 4.092-4.176h8.956c2.302 0 3.81 1.361 4.044 3.569a3.2 3.2 0 011.673.862zm-2.827 11.13h.003v-4.197l-.002.002a3108.203 3108.203 0 01-4.611 4.093l-.143.126c-.135.12-.297.213-.468.27l-3.759 1.243a1.343 1.343 0 01-1.367-.325 1.333 1.333 0 01-.32-1.37L8.688 13.8c.076-.224.208-.423.384-.577 3.423-3.028 7.202-6.38 7.457-6.636.43-.431.96-.708 1.52-.837-.198-1.538-1.187-2.39-2.843-2.39H6.247c-1.862 0-2.887 1.057-2.887 2.972v11.384c0 .916.235 1.63.703 2.13.493.526 1.226.792 2.184.792h8.958c.958 0 1.692-.266 2.185-.793.465-.498.703-1.216.703-2.129zm1.97-7.586c.375-.37.574-.824.574-1.314a1.973 1.973 0 00-.569-1.375 1.955 1.955 0 00-1.367-.569c-.46 0-.93.171-1.328.569-.33.33-5.058 4.518-7.512 6.686l-1.297 3.815a.127.127 0 00.03.135.142.142 0 00.138.03l3.76-1.243.19-.154c4.44-3.933 7.131-6.334 7.38-6.58z",
-            fill: s
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-electrocardiogram-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 e = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, s = _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)(), i = ref.skinName, c = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : r ? c.inverse : c.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), c = 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: h,
-        height: h,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.994 5.128C13.759 2.763 15.044 2 16.982 2c2.252 0 4.54 1.634 4.536 4.761 0 2.183-1.215 4.948-3.707 8.439l-2.527 3.272v.037a69.805 69.805 0 01-2.807 3.272c-.102.145-.31.219-.483.219a.669.669 0 01-.483-.219c-2.944-3.309-9.04-10.184-9.04-15.02C2.47 3.49 4.717 2 6.832 2c1.973 0 3.396.833 5.161 3.128zm.523 7.051h3.636c.275 0 .519-.256.519-.544 0-.289-.244-.545-.52-.545h-3.635V7.273c0-.288-.244-.544-.518-.544-.275 0-.52.256-.52.544v3.817H7.845c-.275 0-.519.256-.519.545 0 .288.244.544.519.544h3.636v3.817c0 .288.244.544.518.544.275 0 .52-.256.52-.544v-3.817z",
-            fill: t
+            fill: c
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M6.253 12.46l1.852-6.055a.603.603 0 01.613-.434c.28.014.515.218.569.495l1.563 7.922.423-1.4a.61.61 0 01.585-.44h1.022l1.037-3.57a.614.614 0 01.571-.444h.017c.26 0 .493.168.577.414l1.247 3.602h3.238l-.614 1.236h2.275a.613.613 0 00.613-.62.616.616 0 00-.613-.618s-1.584 0-1.656-.003c.537-1.155.953-2.296 1.216-3.415.51-2.162.093-3.96-1.176-5.061-.737-.64-1.74-1.023-2.824-1.079a5.06 5.06 0 00-.291-.008c-1.05 0-2.13.297-3.135.86-.375.213-.762.437-1.182.689a.284.284 0 01-.271-.003 48.89 48.89 0 00-1.18-.686c-1.008-.566-2.084-.86-3.137-.86-.095 0-.19.003-.288.008-1.085.056-2.087.44-2.824 1.079-1.266 1.1-1.686 2.899-1.176 5.061.254 1.093.658 2.205 1.173 3.33H2.768a.616.616 0 00-.613.62.617.617 0 00.613.622h2.314c.286.529.591 1.05.916 1.557 1.053 1.658 1.897 2.728 3.34 4.232.14.146.627.648 1.041.947a3.1 3.1 0 001.16.53c.12.028.24.047.364.053h.017l.049.001.057.002h.034c.036 0 .073 0 .109-.003h.017a2.2 2.2 0 00.364-.053c.4-.087.804-.27 1.16-.53.414-.302.902-.8 1.042-.947a.43.43 0 00.033-.036c1.42-1.484 2.258-2.549 3.306-4.196.302-.479.59-.97.862-1.47h-3.058a.612.612 0 01-.577-.415l-.765-2.199-.628 2.165a.612.612 0 01-.588.446h-1.025l-1 3.316a.61.61 0 01-1.185-.059l-1.566-7.94-1.272 4.162a.615.615 0 01-.585.437H5.085l-.608-1.241h1.776zm13.32.085h-.003l-.003.005h.003l.002-.005z",
-            fill: t
+            fill: c
         })
     }));
 };

package/dist/generated/mistica-icons/icon-electrocardiogram-light.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,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var h = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, e = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var h = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.skinName, l = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = h != null ? h : r ? l.inverse : l.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), r = h != null ? h : 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: c,
         height: c,
@@ -105,7 +106,7 @@ var f = function f(_param) {
     }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.46 2c-2.107 0-3.391.824-5.462 3.471C9.995 2.898 8.533 2 6.357 2 4.249 2 2 3.429 2 6.543c0 4.869 6.574 11.949 9.75 15.352a.377.377 0 00.252.105.4.4 0 00.252-.105.385.385 0 00.036-.5c-3.108-3.292-9.572-10.23-9.572-14.847 0-1.823 1.143-3.829 3.643-3.829 1.714 0 3.109.573 5.358 3.577a.328.328 0 00.283.142.323.323 0 00.284-.142c2.285-3.078 3.428-3.577 5.18-3.577 1.892 0 3.82 1.324 3.82 3.865 0 2.038-1.284 4.759-3.784 8.12l-2.643 3.293c-.105.142-.105.394.037.5.142.105.393.105.498-.037l2.68-3.293C20.714 11.627 22 8.797 22 6.58 22 3.575 19.714 2 17.46 2zm-5.462 14.317c.215 0 .356-.143.356-.358v-3.577h3.57c.215 0 .357-.142.357-.357s-.142-.357-.356-.357h-3.57V8.091c0-.215-.142-.357-.357-.357s-.357.142-.357.357v3.577h-3.57c-.215 0-.357.142-.357.357s.142.357.357.357h3.57v3.577c0 .21.142.358.357.358zm1.074 3.572c0-.394.32-.715.713-.715a.715.715 0 010 1.43.715.715 0 01-.713-.715z",
-            fill: t
+            fill: r
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
@@ -115,7 +116,7 @@ var f = function f(_param) {
     }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.625 12.744h1.798a.412.412 0 01.417.412c0 .23-.187.415-.417.415h-2.21c-.303.557-.63 1.117-.995 1.68-1.07 1.645-1.924 2.709-3.375 4.196a.38.38 0 00-.034.037c-.142.145-.64.644-1.064.947-.364.26-.773.445-1.185.529a2.242 2.242 0 01-.372.053h-.009l-.008.003c-.034.003-.07.003-.112.003h-.034l-.109-.003-.008-.003h-.009a2.242 2.242 0 01-.372-.053 3.206 3.206 0 01-1.185-.53c-.423-.302-.922-.8-1.065-.946-1.47-1.504-2.333-2.574-3.409-4.233a24.286 24.286 0 01-1.036-1.764H2.569a.416.416 0 01-.418-.415.418.418 0 01.418-.414h1.848C3.84 11.46 3.395 10.277 3.115 9.12c-.518-2.163-.09-3.961 1.204-5.062.754-.641 1.779-1.022 2.885-1.078.099-.006.197-.009.295-.009 1.075 0 2.176.297 3.204.86.403.221.807.451 1.202.692a.304.304 0 00.277 0 46.2 46.2 0 011.204-.689c1.026-.566 2.127-.86 3.202-.86.098 0 .2.003.297.008 1.11.056 2.135.44 2.885 1.079 1.294 1.1 1.72 2.899 1.202 5.062-.286 1.182-.748 2.395-1.347 3.621zM3.927 8.93c.294 1.216.782 2.465 1.423 3.734h.936L8.22 6.461c.056-.182.238-.322.418-.29.19.008.35.142.389.33l1.76 8.725.671-2.185a.42.42 0 01.4-.294h1.2l1.1-3.717a.417.417 0 01.39-.297.399.399 0 01.403.277l1.322 3.737h2.424c.663-1.294 1.165-2.574 1.465-3.815.442-1.849.109-3.356-.936-4.244-.61-.52-1.46-.834-2.384-.882a7.063 7.063 0 00-.252-.006c-.933 0-1.9.264-2.798.757a38.6 38.6 0 00-1.182.675 1.132 1.132 0 01-1.115.006c-.437-.258-.82-.477-1.196-.684-.9-.493-1.869-.756-2.799-.756a7.06 7.06 0 00-.252.005c-.927.048-1.773.362-2.386.883-1.048.89-1.378 2.397-.936 4.243zm13.591 5.874c.266-.412.504-.823.742-1.235h-2.28a.417.417 0 01-.392-.277l-.991-2.802-.824 2.782a.418.418 0 01-.4.297H12.17l-1.065 3.462a.42.42 0 01-.4.294.417.417 0 01-.41-.333L8.536 8.25l-1.544 4.94a.415.415 0 01-.398.291h-.81c.25.448.513.885.79 1.317 1.045 1.607 1.88 2.644 3.308 4.106.093.098.575.583.953.852.26.19.557.325.87.395.082.02.166.03.247.036h.014l.065.003.092-.003h.023c.078-.003.156-.014.226-.03a2.41 2.41 0 00.891-.396c.289-.207.681-.577.95-.851l.025-.031.008-.006c1.407-1.442 2.233-2.47 3.272-4.07z",
-            fill: t
+            fill: r
         })
     }));
 };

package/dist/generated/mistica-icons/icon-electrocardiogram-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,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
+var p = function p(_param) {
     var h = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, s = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.skinName, e = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), r = h != null ? h : i ? e.inverse : e.neutralHigh;
-    return t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), e = h != null ? h : 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: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -105,7 +106,7 @@ var f = function f(_param) {
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.007 2c-1.938 0-3.196.786-4.999 3.145C10.24 2.823 8.842 2 6.87 2 4.762 2 2.48 3.5 2.48 6.75c0 4.8 5.951 11.557 8.914 14.921l.1.114a.676.676 0 00.51.215.676.676 0 00.51-.215c.748-.86 2.821-3.287 2.821-3.323l2.517-3.287c2.482-3.465 3.676-6.213 3.676-8.43.008-3.1-2.274-4.745-4.52-4.745zm-.235 12.361l-2.482 3.25-.338.399c-.695.82-1.354 1.598-1.94 2.244-2.79-3.177-8.165-9.463-8.165-13.5 0-2.285 1.533-3.323 3.027-3.323 1.494 0 2.621.498 4.625 3.287a.688.688 0 001.088 0c1.973-2.82 2.962-3.287 4.425-3.287 1.533 0 3.166 1.038 3.166 3.323-.005 1.856-1.163 4.425-3.406 7.607zm-4.084-2.715h2.381c.375 0 .68.32.68.713 0 .393-.305.713-.68.713h-2.382v2.5c0 .394-.304.714-.679.714-.374 0-.68-.32-.68-.713v-2.501h-2.38c-.375 0-.68-.32-.68-.713 0-.393.305-.713.68-.713h2.382v-2.5c0-.394.305-.714.68-.714.374 0 .678.32.678.713v2.5z",
-            fill: r
+            fill: e
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
@@ -115,7 +116,7 @@ var f = function f(_param) {
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.57 12.548h1.658c.342.002.616.28.619.619a.62.62 0 01-.614.619h-2.271c-.266.49-.552.983-.866 1.473-1.047 1.647-1.885 2.712-3.305 4.199l-.034.036c-.14.146-.627.647-1.042.947a3.1 3.1 0 01-1.16.53c-.12.027-.243.047-.366.053h-.014l-.053.001a1.44 1.44 0 01-.057.002h-.033c-.037 0-.073 0-.107-.003h-.017a2.318 2.318 0 01-.366-.053 3.08 3.08 0 01-1.16-.53c-.415-.302-.902-.801-1.042-.947C7.897 17.987 7.057 16.92 6 15.26a24.483 24.483 0 01-.916-1.557H2.768a.616.616 0 01-.613-.62.617.617 0 01.613-.621h1.71c-.516-1.123-.917-2.238-1.174-3.33-.51-2.163-.09-3.962 1.182-5.062.733-.64 1.74-1.023 2.823-1.079a5.43 5.43 0 01.286-.008c1.053 0 2.134.294 3.14.86.372.21.759.434 1.176.686a.276.276 0 00.272 0c.39-.235.782-.462 1.18-.686 1.005-.566 2.083-.86 3.137-.86.095 0 .193.003.288.008 1.084.056 2.087.44 2.824 1.079 1.266 1.1 1.686 2.899 1.176 5.061-.263 1.118-.68 2.263-1.218 3.418zM4.494 8.842c.277 1.182.742 2.389 1.345 3.619h.411l1.852-6.056a.596.596 0 01.619-.437.614.614 0 01.568.498l1.563 7.922.423-1.4a.61.61 0 01.586-.44h1.022l1.031-3.57a.614.614 0 01.572-.444.58.58 0 01.593.414l1.247 3.6H18.2c.633-1.258 1.11-2.502 1.392-3.706.233-.975.437-2.776-.781-3.832-.533-.462-1.275-.74-2.09-.782a5.98 5.98 0 00-.224-.005c-.843 0-1.723.243-2.544.703-.364.207-.74.425-1.148.672a1.498 1.498 0 01-1.502.011 36.82 36.82 0 00-1.168-.683c-.817-.46-1.697-.703-2.543-.703-.073 0-.143.002-.216.005h-.008c-.815.042-1.557.32-2.09.782-1.218 1.056-1.014 2.854-.784 3.832zm12.566 5.745c.127-.195.238-.39.349-.586l.121-.212h-1.636a.612.612 0 01-.576-.415l-.76-2.196-.627 2.165a.613.613 0 01-.588.446h-1.025l-1 3.316a.612.612 0 01-.586.44h-.03a.614.614 0 01-.572-.499L8.564 9.105l-1.272 4.16a.613.613 0 01-.585.437h-.199l.138.24c.123.215.246.43.383.645 1.008 1.585 1.812 2.605 3.182 4.042.238.25.61.608.877.8.21.155.448.267.703.326.059.011.117.022.176.025h.012l.044.003.037-.003h.067a.768.768 0 00.14-.02c.263-.058.51-.17.726-.33.257-.185.613-.527.854-.776l.017-.02.042-.042c1.358-1.42 2.154-2.431 3.154-4.005z",
-            fill: r
+            fill: e
         })
     }));
 };

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        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,27 +91,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, n = _objectWithoutProperties(_param, [
+var u = function u(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.skinName, r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), l = t != null ? t : s ? r.inverse : r.neutralHigh;
-    return a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = t != null ? t : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), s = ref.skinName;
+    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M21.374 5.01L12 11.035 2.626 5.01A.89.89 0 012.74 5h18.52c.04 0 .07.004.104.008l.01.002z",
-                fill: l
+                fill: r
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12 12.287a.53.53 0 00.294-.088L22 5.962v12.272a.754.754 0 01-.74.766H2.74a.754.754 0 01-.74-.766V5.962l9.706 6.237a.53.53 0 00.294.088z",
-                fill: l
+                fill: r
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
@@ -118,10 +119,10 @@ var v = function v(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M10.876 11.491c.065.045.93.636 1.896.006l8.855-5.393a1.687 1.687 0 00-1.505-1.061L3.902 5.04c-.485 0-.9.168-1.202.487-.168.177-.28.381-.359.583l8.535 5.381zm10.543 6.793c.457-.55.418-1.222.393-1.437l.014-9.465-8.41 5.123a2.804 2.804 0 01-1.562.485 3.037 3.037 0 01-1.659-.51L2.17 7.42v9.468c0 .68.196 1.213.577 1.585.49.476 1.09.482 1.151.48h1.053c2.015.004 6.486.01 10.023.01 2.364 0 4.311-.002 4.83-.01.887-.018 1.369-.373 1.615-.67z",
-            fill: l
+            fill: r
         })
     }));
 };

package/dist/generated/mistica-icons/icon-email-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,19 +91,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, c = _objectWithoutProperties(_param, [
+var g = function g(_param) {
+    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, h = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), l = i != null ? i : r ? h.inverse : h.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), l = i != null ? i : h ? _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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M2.726 18.223V6.45l8.91 5.501a.35.35 0 00.182.05.345.345 0 00.182-.05l8.91-5.496v7.493c0 .214.164.388.364.388.2 0 .363-.174.363-.388v-8.56c0-.214-.163-.388-.363-.388H2.364C2.162 5 2 5.174 2 5.388v13.224c0 .214.163.388.363.388h18.91c.2 0 .364-.174.364-.388 0-.214-.163-.389-.363-.389H2.726zm9.092-7.06L3.09 5.778h17.458l-8.729 5.387z",
@@ -118,7 +119,7 @@ var p = function p(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.835 6.939l-.015 10.098c.009.008.118.734-.355 1.305-.325.395-.83.602-1.496.614-.521.008-2.504.01-4.919.01-4.18 0-9.644-.008-11.013-.01h-.32a1.536 1.536 0 01-1.034-.435c-.35-.341-.53-.843-.53-1.487V6.947c-.005-.073-.041-.93.483-1.484.269-.286.644-.437 1.078-.437L20.3 5.03c.524.02 1.494.37 1.536 1.908zM3.715 5.846c-.208 0-.365.06-.48.177-.174.182-.235.484-.255.703l7.756 4.922h.002c.075.051 1.057.723 2.158.002l8.095-4.918c-.098-.818-.588-.88-.692-.883L3.714 5.846zm17.114 11.98c.235-.278.18-.69.177-.72v-.002l.008-9.426-7.678 4.664c-.53.35-1.045.468-1.493.468a2.874 2.874 0 01-1.562-.483l-.007-.004-7.3-4.63v9.344c0 .414.096.717.284.902a.755.755 0 00.45.199h.337c2.203.004 14.498.023 15.91 0 .412-.006.706-.112.874-.311z",
             fill: l

package/dist/generated/mistica-icons/icon-email-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,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
+var p = function p(_param) {
     var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, a = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = t != null ? t : n ? a.inverse : a.neutralHigh;
-    return r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), r = t != null ? t : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), h = ref.skinName;
+    return h.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -105,9 +106,9 @@ var f = function f(_param) {
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M3.355 17.984V6.291l7.068 7.087c.42.42.98.653 1.577.654h.002c.596 0 1.156-.232 1.576-.651l7.067-7.063v11.666H3.355zm16.338-12.63l-7.073 7.069a.87.87 0 01-.618.254h-.001a.87.87 0 01-.619-.255L4.334 5.355h15.359zM2 19.34h20V4H2v15.339z",
-            fill: h
+            fill: r
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -115,7 +116,7 @@ var f = function f(_param) {
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.26 5H2.74a.754.754 0 00-.74.766v12.468c0 .422.332.766.74.766h18.52c.408 0 .74-.344.74-.766V5.766A.754.754 0 0021.26 5zm-2.114 1.532L12 10.824 4.854 6.532h14.292zM3.479 7.48l8.146 4.896a.715.715 0 00.74 0l8.156-4.896v9.983H3.479V7.48z",
-            fill: h
+            fill: r
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
@@ -125,7 +126,7 @@ var f = function f(_param) {
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.843 7.08l-.014 9.776c.028.216.062.888-.392 1.437-.246.294-.728.653-1.619.667a437.3 437.3 0 01-4.835.014 5865.162 5865.162 0 01-11.092-.014c-.048.014-.661-.003-1.151-.479-.384-.373-.577-.908-.577-1.588V7.094c-.006-.067-.045-.977.526-1.577.303-.319.72-.487 1.202-.487l16.247.003c.481-.028 1.66.336 1.705 2.047zM3.888 6.226c-.19 0-.272.059-.322.107-.1.106-.154.285-.18.448l7.491 4.708c.064.048.933.64 1.9.009l7.825-4.717c-.109-.54-.436-.552-.45-.552L3.887 6.226zm16.614 11.311c.156-.182.136-.47.132-.533v-.013l-.01-.095.012-8.737-7.216 4.347a2.828 2.828 0 01-1.563.485 3.042 3.042 0 01-1.66-.513L3.363 8.184v8.712c0 .238.037.56.216.733a.53.53 0 00.297.138c.04-.001.955 0 2.33.002h.003c4.142.006 12.45.017 13.586-.002.235-.006.552-.048.706-.23z",
-            fill: h
+            fill: r
         })
     }));
 };

package/dist/generated/mistica-icons/icon-email-send-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var c = function c(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : s ? 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.jsx)("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.96 11.575a.571.571 0 00.4.418l8.268 2.29L15.023 21 4.107 9.9 10.89 3l2.068 8.575zm-.875-8.467l1.899 7.862L22 13.192 12.085 3.108zm-.648 15.813a.761.761 0 00-.754-.766H5.02a.761.761 0 00-.754.766c0 .423.338.767.754.767h5.663a.761.761 0 00.754-.767zm-4.532-3.837a.76.76 0 01.753.766.761.761 0 01-.753.767H2.754A.761.761 0 012 15.85c0-.422.338-.766.754-.766h4.15z",
             fill: a