@telefonica/mistica 12.9.1 → 12.11.0

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

@@ -5,11 +5,12 @@ 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,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
+var V = function V(_param) {
     var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.skinName, i = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : n ? i.inverse : i.neutralHigh;
+    var v = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : v ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), l = ref.skinName;
     return l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
@@ -106,11 +107,11 @@ var f = function f(_param) {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M3.189 21.284h17.619c.204 0 .344.144.344.36 0 .212-.136.356-.345.356H2.5V5.928c0-1 .758-1.784 1.726-1.788h3.458V2.356c0-.212.14-.356.345-.356.205 0 .344.14.344.356V4.14h6.906V2.356c0-.212.14-.356.344-.356.205 0 .345.14.345.356v1.788h3.454c.968 0 1.726.784 1.726 1.784v11.428c0 .212-.136.356-.344.356-.205 0-.345-.14-.345-.356v-7.5H3.19v11.428zM7.68 4.856H4.226c-.589 0-1.037.464-1.037 1.072v3.216h17.27V5.928c0-.608-.448-1.072-1.037-1.072h-3.455V6.64c0 .212-.139.356-.344.356-.205 0-.344-.14-.344-.356V4.856h-6.91V6.64c0 .212-.14.356-.344.356-.205 0-.345-.14-.345-.356V4.856z",
-                fill: h
+                fill: c
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M21.5 19.5c0 .395-.31.716-.692.716a.705.705 0 01-.693-.716c0-.395.31-.716.693-.716.382 0 .692.32.692.716zm-6.566-.716c.21 0 .345-.144.345-.356V12a.37.37 0 00-.174-.32.302.302 0 00-.345 0l-1.59.928c-.174.108-.209.32-.139.5.104.18.31.216.484.144l1.071-.644v5.82c.004.216.14.356.348.356zm-3.454-5.176c0-1.072-.863-1.964-1.935-1.964h-.623c-.379 0-1.071.144-1.45.428-.14.108-.175.356-.07.5.104.144.344.18.483.072.175-.144.693-.284 1.037-.284h.623a1.25 1.25 0 010 2.5h-.932c-.21 0-.345.144-.345.356 0 .216.14.356.345.356h.932a1.253 1.253 0 010 2.504h-.623c-.31 0-.862-.144-1.037-.284-.139-.108-.379-.072-.483.072-.105.144-.07.392.07.5.344.284 1.071.428 1.45.428h.623c1.072 0 1.935-.892 1.935-1.964 0-.68-.31-1.252-.828-1.608.518-.364.828-.936.828-1.612z",
-                fill: h
+                fill: c
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
@@ -122,11 +123,11 @@ var f = function f(_param) {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M10.24 16.723c0-.12.022-.232.07-.333.047-.1.14-.235.277-.403l1.364-1.667c.348-.428.591-.776.729-1.047.14-.27.207-.538.207-.804 0-.359-.107-.617-.322-.768-.213-.154-.533-.23-.956-.23a6.09 6.09 0 00-1.249.132v-.566c.44-.11.89-.165 1.356-.165.66 0 1.151.146 1.476.434.3.266.451.642.451 1.129 0 .244-.034.468-.104.672a2.82 2.82 0 01-.347.664 12.22 12.22 0 01-.703.902l-1.426 1.678h2.684v.574h-3.474a.675.675 0 01-.033-.202zM7.595 6.533a.54.54 0 01-.4-.148.548.548 0 01-.14-.395c0-.342.201-.547.543-.547s.544.205.544.547a.55.55 0 01-.14.395.574.574 0 01-.407.148zm8.754 0a.539.539 0 01-.4-.148.548.548 0 01-.14-.395c0-.342.201-.547.543-.547.16 0 .294.048.39.138a.55.55 0 01.153.409c0 .165-.047.3-.14.395a.574.574 0 01-.406.148z",
-                fill: h
+                fill: c
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M19.349 20.191H4.556a2.397 2.397 0 01-2.395-2.395v-11.6a2.397 2.397 0 012.395-2.394h14.877a2.397 2.397 0 012.395 2.395v1.657a.276.276 0 010 .08v9.778a2.482 2.482 0 01-2.48 2.48zm1.927-12.02H2.713v9.625c0 1.017.826 1.843 1.843 1.843H19.35a1.93 1.93 0 001.927-1.927v-9.54zm0-.554v-1.42a1.845 1.845 0 00-1.843-1.843H4.556a1.845 1.845 0 00-1.843 1.843v1.42h18.563z",
-                fill: h
+                fill: c
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-calendar-pound-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return c;
+        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 c = function c(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : t ? h.inverse : h.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), v = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.787 6.283v-3.57a.714.714 0 00-1.426 0v3.57a.714.714 0 001.426 0zm11.07-2.144A2.145 2.145 0 0122 6.283v3.214H2V6.283C2 5.1 2.96 4.14 4.144 4.14h2.143v2.144a1.787 1.787 0 103.574 0V4.14h4.287v2.144a1.787 1.787 0 103.574 0V4.14h2.134zm-3.213-1.426v3.57a.714.714 0 01-1.426 0v-3.57a.714.714 0 011.425 0zM22 10.571V22H2V10.571h20zm-7.77 8.394h-2.948c.06-.17.092-.348.092-.535v-1.61h1.609a.533.533 0 00.534-.534.537.537 0 00-.534-.54h-1.61V14.32a1.07 1.07 0 011.742-.832.537.537 0 00.677-.832 2.147 2.147 0 00-3.492 1.669v1.421h-.174a.533.533 0 00-.535.535c0 .297.238.535.535.535h.178v1.61a.527.527 0 01-.534.534.533.533 0 00-.535.535c0 .297.238.535.535.535h4.465a.533.533 0 00-.005-1.065z",
-            fill: i
+            fill: v
         })
     }));
 };

package/dist/generated/mistica-icons/icon-calendar-pound-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return l;
+        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 l = function l(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, n = _objectWithoutProperties(_param, [
+var V = function V(_param) {
+    var a = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, s = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : r ? h.inverse : h.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), v = a != null ? a : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: h,
+        height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.27 22a.364.364 0 000-.726H2.725V9.998h18.18v7.281a.364.364 0 00.726 0V6.004c0-1.006-.819-1.82-1.82-1.82h-3.635v-1.82a.364.364 0 00-.726 0v1.82H8.18v-1.82a.364.364 0 00-.726 0v1.815H3.82c-1.005 0-1.82.82-1.82 1.82V22h19.27zm.004-1.82a.727.727 0 000-1.453.727.727 0 000 1.453zM2.726 9.272V5.999c0-.6.489-1.09 1.09-1.09h3.639V6.73a.364.364 0 00.726 0V4.91h7.275v1.82a.364.364 0 00.726 0V4.91h3.635c.6 0 1.09.489 1.09 1.09v3.272H2.726zm6.456 9.818c0-.2.163-.363.363-.363a.718.718 0 00.726-.726v-1.82h-.363a.364.364 0 010-.727h.363v-1.638c0-1.104.898-2.002 2.001-2.002.456 0 .903.158 1.257.447a.363.363 0 01.056.512.363.363 0 01-.512.056 1.272 1.272 0 00-2.071.987v1.638h1.82a.364.364 0 010 .727h-1.82V18c0 .265-.07.512-.196.726h3.286a.364.364 0 010 .726H9.545a.364.364 0 01-.363-.363z",
-            fill: i
+            fill: v
         })
     }));
 };

package/dist/generated/mistica-icons/icon-calendar-pound-regular.js

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

package/dist/generated/mistica-icons/icon-calendar-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,19 +91,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, v = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, i = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = c != null ? c : n ? i.inverse : i.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), h = c != null ? c : l ? _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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M9.644 11.252H9c-.428 0-1.284.18-1.752.536a.7.7 0 00-.108 1c.252.32.716.356 1.036.144.108-.072.572-.216.82-.216h.644c.5 0 .928.428.928.964s-.392.964-.928.964h-.96a.756.756 0 00-.752.752c0 .432.32.748.752.748h.964c.5 0 .928.428.928.964s-.392.964-.928.964H9c-.252 0-.716-.144-.82-.216a.732.732 0 00-1.036.108A.732.732 0 007.252 19c.464.356 1.32.536 1.752.536h.644c1.32 0 2.392-1.108 2.392-2.428 0-.644-.252-1.252-.68-1.716.428-.428.68-1.036.68-1.716-.004-1.32-1.076-2.424-2.396-2.424zm5.928.14a.647.647 0 00-.716 0l-1.64.928a.675.675 0 00-.252.964c.18.356.644.464.964.252l.572-.32v5.572a.715.715 0 101.432 0V12a.712.712 0 00-.36-.608z",
@@ -118,7 +119,7 @@ var f = function f(_param) {
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M7.033 6.855c.101.104.289.23.594.23a.801.801 0 00.594-.23.8.8 0 00.219-.583c0-.487-.328-.815-.813-.815-.484 0-.812.328-.812.815 0 .297.12.482.218.583zm8.754 0a.8.8 0 00.594.23c.305 0 .493-.126.594-.233.1-.1.218-.285.218-.582a.797.797 0 00-.238-.603.81.81 0 00-.574-.21c-.485 0-.813.328-.813.815 0 .297.12.482.219.583zm-5.734 9.793c0-.18.025-.34.078-.48a1.55 1.55 0 01.27-.433l1.153-1.406c.359-.435.605-.765.737-.995.135-.23.199-.46.199-.689 0-.255-.078-.445-.235-.574-.174-.152-.474-.227-.902-.227-.37 0-.76.036-1.163.112v-.922c.185-.047.404-.084.656-.117.252-.031.493-.048.725-.048.815 0 1.41.185 1.779.555.283.283.426.67.426 1.154 0 .364-.093.714-.278 1.047-.184.334-.515.76-.988 1.28l-1.034 1.13h2.398v.884h-3.787a.823.823 0 01-.034-.271z",

package/dist/generated/mistica-icons/icon-call-details-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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var l = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : r ? c.inverse : c.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = l != null ? l : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.293 7.491L15.83 2.31a.56.56 0 00-.383-.154H8.066c-.569 0-1.107.538-1.107 1.106v1.507c-.417-.26-.846-.395-1.277-.403-.712-.014-1.423.317-2.115.978-.234.223-.456.527-.54.642l-.009.013-.008.011-.01.011-.008.01c-.636.922-.625 2.337.03 3.984.676 1.695 1.99 3.543 3.796 5.35l.006.006.053.056.006.005.068.067.069.068a.568.568 0 00-.062.252v4.921c0 .589.518 1.107 1.107 1.107h12.297c.588 0 1.106-.518 1.106-1.107V7.897a.56.56 0 00-.176-.406zm-1.213.392h-2.182c-.653 0-1.2-.204-1.583-.588-.384-.384-.588-.933-.588-1.583V3.754l4.353 4.13zM3.912 6.68l.016-.025c.202-.28.337-.429.415-.502.93-.888 1.67-.89 2.549-.008.174.17.325.361.451.568l.008.017c.267.426.513 1.101-.417 2.028a2.729 2.729 0 01-.333.292l-.065.058c-.19.208-.389.577-.24 1.154.078.311.249.656.523 1.054.392.574.978 1.238 1.897 2.157l.064.064c.919.919 1.583 1.501 2.157 1.896.398.275.742.446 1.053.524.577.146.947-.05 1.154-.24a.428.428 0 00.059-.065c.09-.118.188-.23.294-.334.927-.927 1.602-.683 2.028-.417l.017.008c.207.127.4.278.568.452.883.882.88 1.619-.008 2.549-.073.075-.218.21-.501.414l-.026.017c-.602.406-1.666.35-2.927-.154-1.96-.782-3.784-2.359-4.969-3.544l-.04-.039-.03-.028c-1.185-1.188-2.762-3.011-3.543-4.972-.504-1.26-.56-2.325-.154-2.924z",
             fill: s

package/dist/generated/mistica-icons/icon-call-details-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 c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, h = _param.children, a = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), r = c != null ? c : i ? e.inverse : e.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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.324 7.9v13.108c0 .44-.387.826-.826.826H7.935c-.432 0-.827-.395-.827-.826v-5.462c0-.045.01-.087.03-.124l-.186-.184-.003-.003-.062-.06-.003-.002c-1.778-1.781-3.07-3.6-3.73-5.258-.623-1.557-.642-2.876-.062-3.72a.05.05 0 01.01-.014l.012-.016c.073-.101.291-.404.515-.617 1.179-1.126 2.348-1.199 3.48-.224V2.983c0-.418.408-.827.826-.827h7.647a.29.29 0 01.106.021.302.302 0 01.093.06L21.243 7.7c.052.052.08.12.081.193V7.9zm-6.022-5.184H7.935c-.107 0-.266.16-.266.267v2.73a.277.277 0 01-.04.143c.112.137.214.282.306.435.442.711.706 1.82-.538 3.064-.12.123-.25.235-.387.342-.196.246.146.823.367 1.148.47.687 1.252 1.49 1.799 2.037l.064.064c.546.546 1.35 1.328 2.037 1.796.324.224.901.563 1.148.367.106-.138.218-.267.342-.387 1.243-1.244 2.35-.98 3.064-.538.272.163.518.356.74.583 1.207 1.207 1.21 2.462.002 3.723a4.685 4.685 0 01-.586.493l-.03.022-.017.011-.014.011c-.406.28-.927.423-1.53.423-.643 0-1.386-.16-2.19-.481-1.435-.573-2.991-1.618-4.537-3.043v5.082c0 .12.145.266.266.266h12.563c.129 0 .266-.137.266-.266V8.178h-2.451c-.88 0-1.633-.288-2.18-.831-.546-.544-.831-1.297-.831-2.18v-2.45zm5.067 4.902l-4.507-4.504v2.053c0 1.488.96 2.451 2.45 2.451h2.057zM7.346 14.84c3.659 3.658 6.92 4.644 8.258 3.73l.025-.019c.241-.173.42-.322.541-.448.994-1.042.997-1.95.006-2.941a3.15 3.15 0 00-.628-.496l-.008-.005c-.796-.496-1.572-.348-2.376.456-.112.112-.218.23-.313.359l-.031.033c-.602.555-1.55-.092-1.857-.305-.726-.496-1.555-1.303-2.118-1.863l-.064-.064c-.563-.563-1.367-1.393-1.863-2.118l-.002-.003c-.216-.315-.859-1.254-.303-1.854a.363.363 0 01.033-.03 3.58 3.58 0 00.359-.315c.8-.8.952-1.58.456-2.375l-.005-.008a3.058 3.058 0 00-.496-.628c-.992-.991-1.9-.989-2.941.006a4.03 4.03 0 00-.448.54l-.02.026c-.913 1.336.073 4.599 3.728 8.257l.037.037.03.028z",
-            fill: r
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-call-details-regular.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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : r ? l.inverse : l.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.066 21.847h12.297c.588 0 1.106-.518 1.106-1.107V7.897c0-.154-.062-.3-.174-.406L15.833 2.31a.567.567 0 00-.386-.154H8.066c-.569 0-1.107.538-1.107 1.106v1.504a2.49 2.49 0 00-1.277-.403c-.709-.014-1.42.314-2.115.978a4.933 4.933 0 00-.549.655l-.008.012-.009.01a.159.159 0 00-.008.012c-.639.921-.627 2.336.028 3.983.675 1.695 1.986 3.543 3.793 5.35l.067.068.14.138a.556.556 0 00-.062.254v4.918c0 .589.519 1.107 1.107 1.107zm.014-5.296c1.415 1.233 2.83 2.148 4.151 2.674.838.333 1.614.501 2.297.501.661 0 1.235-.156 1.692-.47l.034-.025.012-.01a4.9 4.9 0 00.643-.54c.661-.691.992-1.406.978-2.114-.012-.687-.345-1.359-.986-2a3.895 3.895 0 00-.793-.625c-1.126-.695-2.334-.49-3.404.583a4.419 4.419 0 00-.325.361c-.064.003-.341-.028-.986-.504-.63-.465-1.341-1.16-1.82-1.639l-.065-.064c-.481-.48-1.173-1.19-1.638-1.821-.476-.644-.507-.922-.504-.986a4.4 4.4 0 00.36-.325c1.07-1.073 1.278-2.28.58-3.406a4.082 4.082 0 00-.226-.338V3.298a.085.085 0 01.022-.023h6.504v2.437c0 .956.32 1.776.916 2.376.597.6 1.42.916 2.376.916h2.45V20.72l-.005.005H8.091l-.003-.002a.025.025 0 01-.008-.009V16.55zm12-8.668h-2.182c-.65 0-1.2-.204-1.583-.588-.384-.384-.588-.93-.588-1.583V3.754l4.353 4.13zm-7.432 10.303c-1.96-.782-3.784-2.359-4.969-3.544l-.042-.042-.03-.028c-1.185-1.187-2.762-3.01-3.544-4.972-.501-1.263-.557-2.327-.154-2.924l.017-.025a3.82 3.82 0 01.414-.502c.93-.888 1.667-.89 2.55-.008.173.168.324.361.45.569l.009.016c.266.426.51 1.101-.418 2.028a3.017 3.017 0 01-.333.295.421.421 0 00-.064.058c-.19.208-.387.577-.241 1.154.078.311.249.656.524 1.054.394.574.977 1.238 1.896 2.157l.064.064c.92.919 1.583 1.504 2.157 1.896.398.275.742.446 1.053.524.577.149.947-.05 1.154-.24.02-.02.04-.043.06-.065.089-.118.187-.23.293-.334.928-.93 1.603-.683 2.028-.417l.017.008c.207.127.398.278.569.451.882.88.88 1.62-.009 2.55a3.52 3.52 0 01-.501.414l-.025.017c-.6.406-1.664.35-2.925-.154z",
             fill: s

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return v;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,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, o = _param.children, t = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, n = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), c = i != null ? i : h ? n.inverse : n.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = i != null ? i : 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"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.553 4.063l-1.382-1.375c-.898-.882-2.305-.922-3.134-.084l-2.08 2.088c-.381.39-.594.91-.594 1.472 0 .61.261 1.219.714 1.664l1.455 1.43c.236.237.356.562.364.96.008 1.021-.745 2.405-2.008 3.671-1.266 1.26-2.64 2.01-3.662 2.01h-.009c-.404 0-.72-.121-.957-.366l-1.431-1.455a2.345 2.345 0 00-1.663-.714h-.008c-.561 0-1.074.213-1.455.594l-2.1 2.084c-.838.83-.797 2.233.088 3.136l1.375 1.39c.918.927 2.176 1.424 3.63 1.432h.033c2.793 0 6.188-1.78 9.326-4.9l.048-.047C20.229 13.9 22.008 10.486 22 7.69c-.016-1.447-.513-2.71-1.447-3.628z",
-            fill: c
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.63 21.826c-.866 0-1.858-.213-2.925-.639-2.182-.87-4.572-2.566-6.908-4.902l-.005-.005-.076-.073-.005-.006C5.374 13.865 3.68 11.48 2.809 9.294c-.832-2.09-.852-3.874-.056-5.028l.028-.042.068-.09c.135-.178.379-.498.632-.74.868-.829 1.753-1.24 2.633-1.224.846.017 1.683.432 2.487 1.236.303.297.569.633.785 1 .431.694.588 1.412.465 2.131-.124.72-.524 1.423-1.197 2.096a5.71 5.71 0 01-.495.442c-.065.118-.026.488.495 1.25.603.88 1.611 1.918 2.317 2.624l.084.084c.706.706 1.745 1.712 2.625 2.317.759.52 1.131.56 1.249.495.137-.173.283-.338.443-.495.672-.672 1.375-1.073 2.095-1.196.72-.124 1.437.033 2.131.465.367.218.7.481 1 .787.804.804 1.219 1.641 1.236 2.487.017.877-.395 1.765-1.227 2.633a6.29 6.29 0 01-.813.68l-.02.015-.016.011c-.008.006-.017.011-.025.02-.563.38-1.277.574-2.104.574z",
-            fill: c
+            fill: t
         })
     }));
 };

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

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

package/dist/generated/mistica-icons/icon-call-landline-regular.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return v;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
+var v = function v(_param) {
     var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, s = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.skinName, n = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : r ? n.inverse : n.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : 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: l,
         height: l,

package/dist/generated/mistica-icons/icon-callback-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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var l = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var l = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : s ? t.inverse : t.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.476 19.324l3.903-.58a.751.751 0 00.613-.86.736.736 0 00-.828-.638l-1.374.203A10.215 10.215 0 0021.351 12c0-5.512-4.342-10-9.675-10C6.342 2 2 6.488 2 12s4.338 10 9.676 10a9.328 9.328 0 003.52-.681.76.76 0 00.415-.976.72.72 0 00-.944-.43 7.877 7.877 0 01-2.987.58c-4.529 0-8.217-3.812-8.217-8.493 0-4.681 3.688-8.493 8.217-8.493 4.53 0 8.218 3.812 8.218 8.493a8.656 8.656 0 01-1.323 4.618l-.215-1.545a.736.736 0 00-.828-.638c-.397.058-.673.444-.617.855l.561 4.034zm-6.955-5.416c.496-.145 1.061-.526 1.599-1.077.528-.55.897-1.135 1.028-1.647.075-.276.117-.648-.107-.875l-.823-.84c-.561-.575-.594-1.488-.07-2.034l1.178-1.227c.523-.546 1.407-.522 1.967.053l.786.802c1.64 1.686.836 4.898-1.959 7.816l-.014.02c-1.855 1.893-3.823 2.908-5.422 2.908-.846 0-1.584-.28-2.15-.87l-.776-.811c-.556-.58-.58-1.493-.051-2.034l1.187-1.218c.528-.54 1.412-.507 1.968.073l.813.85c.22.232.584.188.846.111z",
             fill: i

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), r = c != null ? c : a ? e.inverse : e.neutralHigh;
+    var e = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : e ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.683 18.778a.38.38 0 00.313-.43.384.384 0 00-.426-.324l-2.176.319A10.035 10.035 0 0021.627 12c0-5.512-4.405-10-9.814-10S2 6.488 2 12s4.4 10 9.813 10c.849 0 1.693-.111 2.503-.328a.375.375 0 00.266-.46.367.367 0 00-.45-.27 8.845 8.845 0 01-2.314.304c-5.001 0-9.074-4.15-9.074-9.246 0-5.097 4.073-9.246 9.074-9.246 5.001 0 9.074 4.15 9.074 9.246a9.31 9.31 0 01-2.228 6.053l-.356-2.522a.378.378 0 00-.422-.318.38.38 0 00-.313.43l.517 3.661 3.593-.526zm-5.978 1.715c0-.416.332-.754.74-.754s.74.338.74.754a.748.748 0 01-.74.753.748.748 0 01-.74-.753zm-2.11-9.276c.096-.338.143-.811-.165-1.12l-.868-.88c-.512-.517-.545-1.328-.076-1.816l1.242-1.28c.475-.483 1.271-.46 1.783.058l.83.835c1.65 1.667.796 4.89-2.072 7.841a.023.023 0 01-.007.005.012.012 0 00-.007.005c-.003.002-.004.005-.005.007s-.002.005-.005.007c-1.91 1.928-3.935 2.962-5.565 2.962-.84 0-1.574-.276-2.134-.85l-.815-.836c-.507-.522-.531-1.339-.057-1.817l1.256-1.265c.48-.479 1.276-.445 1.783.077l.858.884c.303.314.763.265 1.1.169.554-.16 1.18-.575 1.773-1.17.588-.608.995-1.25 1.152-1.816zm-.625 2.343v.005c-.687.696-1.413 1.165-2.095 1.363-.745.212-1.394.086-1.826-.363l-.858-.884c-.218-.227-.55-.256-.734-.067L6.2 14.879c-.185.189-.156.527.062.754l.82.845c1.327 1.363 4.063.493 6.647-2.116.004-.005.009-.005.009-.005a.04.04 0 00.004-.005c.001-.002.002-.004.005-.004 2.565-2.638 3.419-5.42 2.077-6.773l-.83-.855c-.223-.222-.554-.251-.74-.063l-1.241 1.28c-.185.189-.152.527.066.749l.868.88c.445.439.573 1.1.36 1.86-.194.695-.654 1.434-1.337 2.134z",
-            fill: r
+            fill: t
         })
     }));
 };

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

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