@telefonica/mistica 12.10.0 → 12.11.1

package/dist/generated/mistica-icons/icon-price-drop-light.js

@@ -5,11 +5,11 @@ 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,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, s = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var c = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), r = c != null ? c : a ? t.inverse : t.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), e = c != null ? c : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M7.123 10.626c.413.285.893.452 1.392.488v.341c0 .154.126.28.28.28a.28.28 0 00.28-.28v-.357c.918-.119 1.471-.679 1.471-1.523 0-.998-.783-1.332-1.47-1.435V6.543c.215.04.425.118.644.237l.003.003a.433.433 0 00.204.059.332.332 0 00.334-.334c0-.126-.073-.238-.202-.32a2.385 2.385 0 00-.983-.322v-.355a.28.28 0 00-.28-.28.28.28 0 00-.28.28v.346c-.882.08-1.44.65-1.44 1.494 0 .55.252 1.235 1.44 1.413v1.68a2.313 2.313 0 01-.987-.392.436.436 0 00-.227-.073.342.342 0 00-.347.339c0 .129.056.23.168.308zm2.737-1.02c0 .434-.293.733-.784.823V8.846c.685.146.784.464.784.76zM7.762 7.312c0-.44.279-.725.753-.788v1.534c-.404-.086-.753-.269-.753-.746z",
-                fill: r
+                fill: e
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.221 21.617a.562.562 0 00.793 0l6.711-6.703c.194-.193.149-.375.118-.445-.03-.07-.126-.232-.4-.232h-2.718V3.316c0-.702-.403-1.106-1.109-1.106H9.608c-.695 0-1.093.404-1.093 1.107v.54c-1.346.045-2.403.427-3.142 1.14-.818.79-1.233 1.97-1.233 3.51 0 1.54.415 2.723 1.235 3.513.737.71 1.793 1.095 3.14 1.14v1.075H5.798c-.274 0-.37.163-.4.233-.031.07-.076.252.117.445l6.706 6.704zm-3.387-9.016a.277.277 0 00-.077 0c-1.315-.007-2.321-.34-2.995-.99C5.059 10.935 4.7 9.887 4.7 8.506c0-1.38.356-2.425 1.062-3.106.667-.643 1.663-.976 2.956-.988a.278.278 0 00.154 0c1.293.015 2.287.345 2.957.988.703.678 1.062 1.725 1.062 3.106 0 1.381-.356 2.426-1.062 3.107-.674.649-1.68.982-2.995.989zm.242.56c1.347-.045 2.403-.43 3.137-1.143.82-.787 1.235-1.972 1.235-3.51 0-1.538-.417-2.72-1.235-3.51-.736-.71-1.794-1.094-3.137-1.14V3.32c0-.398.145-.547.532-.547h6.008c.39 0 .546.157.546.544v10.918c0 .309.253.56.56.56h2.32l-6.423 6.424-6.423-6.423h2.32c.307 0 .56-.252.56-.56v-1.075z",
-                fill: r
+                fill: e
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-price-drop-regular.js

@@ -5,11 +5,11 @@ 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,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, s = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var c = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, v = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : v ? r.inverse : r.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), e = c != null ? c : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M7.014 10.884c.407.28.876.45 1.364.497v.276a.35.35 0 00.7.003v-.3c.39-.059.719-.198.967-.412.33-.288.507-.691.507-1.17 0-.58-.262-1.297-1.474-1.497v-1.45c.18.042.36.113.544.213l.005.002a.54.54 0 00.238.065.403.403 0 00.404-.404c0-.086-.031-.252-.236-.378a2.47 2.47 0 00-.955-.325v-.288a.35.35 0 00-.7 0v.277c-.882.106-1.437.695-1.437 1.558 0 .566.255 1.273 1.437 1.472v1.538a2.29 2.29 0 01-.877-.366.499.499 0 00-.266-.084.411.411 0 00-.417.409c0 .151.064.271.196.364zm2.711-1.079c0 .373-.24.636-.647.737v-1.41c.562.14.647.403.647.673zM8.378 6.81v1.358c-.61-.166-.61-.487-.61-.654 0-.374.223-.626.61-.704z",
-                fill: t
+                fill: e
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.17 21.705a.558.558 0 00.76 0l7.103-6.558a.558.558 0 00-.38-.972h-2.718V3.537c0-.855-.532-1.387-1.386-1.387H9.54c-.846 0-1.372.532-1.372 1.387v.256C6.877 3.883 5.85 4.287 5.112 5c-.877.846-1.32 2.095-1.32 3.714 0 1.62.443 2.866 1.32 3.712.739.712 1.765 1.116 3.056 1.205v.545H5.45a.56.56 0 00-.381.972l7.1 6.558zM9.289 13.63c1.29-.09 2.317-.494 3.056-1.208.874-.843 1.32-2.093 1.32-3.712 0-1.619-.443-2.868-1.32-3.711-.739-.712-1.764-1.117-3.056-1.206v-.256c0-.152.031-.216.042-.227.011-.012.07-.04.21-.04h6.009c.14 0 .204.028.221.045.017.017.045.082.045.222v11.196c0 .308.252.56.56.56h1.846l-5.67 5.235-5.669-5.235h1.846c.308 0 .56-.252.56-.56V13.63zm-.56-8.735c2.566 0 3.815 1.25 3.815 3.818 0 2.569-1.25 3.818-3.815 3.818-2.566 0-3.815-1.25-3.815-3.818 0-2.569 1.25-3.818 3.815-3.818z",
-                fill: t
+                fill: e
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-printer-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,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, l = _param.children, n = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : h ? t.inverse : t.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = r != null ? r : s ? _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"
     }, n), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M22 7.925c0-1.224-.964-2.224-2.144-2.224h-2.5V2H6.644v3.705h-2.5C2.964 5.705 2 6.705 2 7.93v9.631h4.64V22h10.715v-4.444h4.641v-9.63H22zM8.073 3.481h7.858v2.225H8.073V3.48zm0 17.038v-7.407h7.858v7.407H8.073z",
-            fill: s
+            fill: h
         })
     }));
 };

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         return f;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -91,12 +91,12 @@ 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, s = _objectWithoutProperties(_param, [
+    var r = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, a = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : n ? h.inverse : h.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), e = r != null ? r : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: t,
         height: t,
@@ -106,11 +106,11 @@ var f = function f(_param) {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M22 14.483c0 .403-.314.73-.701.73a.716.716 0 01-.702-.73c0-.402.314-.729.701-.729.388 0 .702.327.702.73z",
-                fill: r
+                fill: e
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M21.334 16.383h-4.57V12H6.92v4.383H2.702V7.98c0-.62.457-1.096 1.054-1.096h16.167c.598 0 1.055.475 1.055 1.096v4.384c0 .22.14.366.352.366.213 0 .353-.146.353-.366V7.979c0-1.025-.773-1.825-1.756-1.825h-3.162V2.5H6.919v3.654H3.756C2.774 6.154 2 6.958 2 7.98v9.134h4.923V21.5h9.841v-4.383h4.57c.213 0 .353-.146.353-.367a.36.36 0 00-.353-.367zM7.624 3.23h8.439v2.925H7.624V3.23zm0 17.542V12.73h8.439v8.042H7.624z",
-                fill: r
+                fill: e
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-printer-regular.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, r = tmp === void 0 ? 24 : tmp, a = _param.children, n = _objectWithoutProperties(_param, [
+var c = function c(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : i ? t.inverse : t.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = r != null ? r : n ? _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"
-    }, n), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.856 5.705c1.18 0 2.144 1 2.144 2.223v9.629h-4.64V22H6.644v-4.443H2V7.928c0-1.224.964-2.223 2.144-2.223h2.5V2h10.712v3.705h2.5zM15.928 3.48H8.072v2.224h7.856V3.48zm0 17.042v-7.41H8.072v7.41h7.856zm1.428-4.447h3.22V7.928a.732.732 0 00-.716-.742H4.144c-.396 0-.716.336-.716.742v8.148h3.216v-4.443h10.712v4.443z",
             fill: s

package/dist/generated/mistica-icons/icon-process-loading-filled.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        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 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
+var f = function f(_param) {
     var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, m = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, i = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : r ? i.inverse : i.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
     return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
@@ -105,7 +106,7 @@ var d = function d(_param) {
     }, m), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.26 5.704a.74.74 0 001.48 0V2.74a.74.74 0 00-1.48 0v2.964zm0 15.556a.74.74 0 001.48 0v-2.964a.74.74 0 00-1.48 0v2.964zm4.296.036a.733.733 0 01-.668-.444l-1.148-2.74a.751.751 0 01.408-.964.751.751 0 01.964.408l1.148 2.74a.751.751 0 01-.408.964c-.062 0-.124.011-.18.021a.73.73 0 01-.116.015zm2.48-2.224a.739.739 0 00.52.224.714.714 0 00.516-.224.715.715 0 000-1.036l-2.112-2.112a.715.715 0 00-1.036 0 .715.715 0 000 1.036l2.112 2.112zm2.52-2.776c-.112 0-.184 0-.296-.076l-2.74-1.144a.751.751 0 01-.408-.964.751.751 0 01.964-.408l2.74 1.148a.751.751 0 01.408.964.714.714 0 01-.668.48zm-14.668-6.04c.112.076.184.076.296.076a.712.712 0 00.668-.484.751.751 0 00-.408-.964l-2.74-1.148a.751.751 0 00-.964.408.751.751 0 00.408.964l2.74 1.148zM21.26 12.74h-2.964a.74.74 0 010-1.48h2.964a.74.74 0 010 1.48zm-18.52 0h2.964a.74.74 0 000-1.48H2.74a.74.74 0 000 1.48zm15.076-2.408a.733.733 0 01-.668-.444.751.751 0 01.408-.964l2.74-1.148a.751.751 0 01.964.408.751.751 0 01-.408.964l-2.74 1.148c-.056 0-.104.01-.15.018a.726.726 0 01-.146.018zm-15.04 5.52c.112.26.372.444.668.444.056 0 .102-.009.148-.018a.731.731 0 01.148-.018l2.74-1.148a.751.751 0 00.408-.964.751.751 0 00-.964-.408l-2.74 1.148a.751.751 0 00-.408.964zm13.668-7.556a.739.739 0 01-.52-.224.715.715 0 010-1.036l2.112-2.112a.715.715 0 011.036 0 .715.715 0 010 1.036L16.96 8.072a.707.707 0 01-.516.224zM4.924 19.072a.707.707 0 001.036 0l2.076-2.076a.715.715 0 000-1.036.715.715 0 00-1.036 0l-2.076 2.076a.715.715 0 000 1.036zm9.484-12.148c-.112 0-.184 0-.296-.076a.751.751 0 01-.408-.964l1.148-2.74a.751.751 0 01.964-.408.751.751 0 01.408.964l-1.148 2.74a.712.712 0 01-.668.484zM8.148 21.22c.112.076.184.076.296.076.296 0 .592-.184.668-.484l1.148-2.74a.751.751 0 00-.408-.964.751.751 0 00-.964.408l-1.148 2.74a.751.751 0 00.408.964z",
-            fill: t
+            fill: r
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
@@ -115,7 +116,7 @@ var d = function d(_param) {
     }, m), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M2.155 12.001c0-6.443 3.403-9.846 9.84-9.846 6.443 0 9.846 3.403 9.846 9.846 0 6.437-3.406 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84zm10.49-4.174V4.802a.604.604 0 10-1.21 0v3.025a.604.604 0 101.21 0zm3.527 4.818h3.022a.604.604 0 100-1.21h-3.022a.604.604 0 100 1.21zm.46 4.902a.602.602 0 00.85-.003.604.604 0 000-.857l-2.136-2.137a.605.605 0 00-.855.854l2.14 2.143zM11.955 19.8a.604.604 0 00.605-.605V16.17a.604.604 0 10-1.21 0v3.025c0 .336.269.605.605.605zm-2.512-4.454a.6.6 0 000-.829.606.606 0 00-.855-.022L6.452 16.63a.605.605 0 00.854.854l2.138-2.14zm-4.642-3.994a.606.606 0 000 1.21h3.025a.604.604 0 100-1.21H4.802zm9.75-2.7a.608.608 0 00-.002.854.605.605 0 00.854 0l2.14-2.137a.605.605 0 00-.854-.854L14.553 8.65z",
-            fill: t
+            fill: r
         })
     }));
 };

package/dist/generated/mistica-icons/icon-process-loading-light.js

@@ -5,11 +5,12 @@ 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,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var M = function M(_param) {
-    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, r = _param.children, e = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), m = ref.skinName, t = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : s ? t.inverse : t.neutralHigh;
-    return m.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), m = l != null ? l : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), t = ref.skinName;
+    return t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -105,7 +106,7 @@ var M = function M(_param) {
     }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.716 6.151c-.216 0-.356-.147-.356-.364V2.864c0-.22.144-.364.356-.364.216 0 .356.147.356.364v2.923c0 .22-.144.364-.356.364zm0 15.349c-.216 0-.356-.147-.356-.364v-2.923c0-.22.144-.364.356-.364.216 0 .356.147.356.364v2.923c0 .22-.144.364-.356.364zm3.108-.913c.036.148.176.221.32.221.036 0 .072 0 .144-.037.18-.073.252-.29.18-.474L15.36 17.59c-.072-.184-.284-.258-.464-.184-.18.074-.252.29-.18.475l1.108 2.705zm3.212-1.752a.323.323 0 01-.252-.11l-2.036-2.084a.357.357 0 010-.511.338.338 0 01.5 0l2.036 2.083a.357.357 0 010 .512.368.368 0 01-.248.11zm1.784-3c.036.037.108.037.144.037.144 0 .288-.106.32-.221.104-.184 0-.401-.18-.475l-2.644-1.134c-.18-.106-.392 0-.464.185-.104.184 0 .4.18.474l2.644 1.134zM7.108 9.99c-.036 0-.108 0-.144-.037L4.32 8.82c-.18-.074-.284-.29-.18-.475.072-.184.284-.29.464-.184l2.644 1.133c.18.074.284.291.18.475-.072.148-.176.221-.32.221zm11.68 2.374h2.856c.212 0 .356-.143.356-.364 0-.217-.14-.364-.356-.364h-2.856c-.212 0-.356.147-.356.364s.14.364.356.364zm-12.144 0h-2.86c-.216 0-.356-.147-.356-.364s.144-.364.356-.364H6.64c.216 0 .356.147.356.364a.355.355 0 01-.352.364zM18 9.77c.036.147.176.22.32.22.036 0 .108 0 .144-.037l2.644-1.133c.18-.074.252-.29.18-.475-.072-.184-.284-.258-.464-.184L18.18 9.294c-.18.074-.252.291-.18.475zM4.464 15.872c-.144 0-.284-.074-.32-.221-.072-.184 0-.401.18-.475l2.644-1.134c.18-.073.392 0 .464.185.072.184 0 .4-.18.474l-2.644 1.134c-.016.002-.04.01-.063.017a.315.315 0 01-.081.02zM16.748 7.87c.072.074.144.11.252.11a.31.31 0 00.248-.11l2.036-2.083a.357.357 0 000-.512.338.338 0 00-.5 0l-2.036 2.083a.357.357 0 000 .512zM6.392 18.835a.31.31 0 01-.248-.11.357.357 0 010-.512l2-2.046a.338.338 0 01.5 0 .357.357 0 010 .511l-2 2.047a.323.323 0 01-.252.11zm8.5-12.246c.036.037.108.037.144.037.144 0 .284-.07.32-.221l1.108-2.706c.104-.184 0-.4-.18-.475-.212-.07-.392 0-.464.185l-1.108 2.705c-.104.184 0 .401.18.475zM9.284 20.808c-.036 0-.108 0-.144-.037-.18-.073-.284-.29-.18-.474l1.108-2.706c.072-.184.284-.29.464-.184.18.074.284.29.18.475l-1.108 2.705c-.032.148-.176.221-.32.221zM2.716 8.349a.724.724 0 00.716-.733.724.724 0 00-.716-.732.724.724 0 00-.716.732c0 .405.32.733.716.733z",
-            fill: i
+            fill: m
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
@@ -115,7 +116,7 @@ var M = function M(_param) {
     }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.998 2.155c6.415 0 9.843 3.395 9.843 9.843s-3.395 9.843-9.843 9.843-9.843-3.395-9.843-9.843 3.395-9.843 9.843-9.843zm0 18.866c5.964 0 9.022-3.034 9.022-9.023s-3.025-9.022-9.022-9.022-9.022 3.059-9.022 9.022c0 5.964 3.025 9.023 9.022 9.023zm.41-16.404a.408.408 0 00-.41-.378.408.408 0 00-.409.409v3.087a.41.41 0 00.41.409.417.417 0 00.408-.41V4.618zm-4.264 7.325a.41.41 0 01-.41.41h-3.12a.41.41 0 010-.819h3.118a.408.408 0 01.412.41zm1.087 2.76a.411.411 0 00-.58-.029s-2.174 2.182-2.171 2.182a.41.41 0 00.286.695.381.381 0 00.31-.123l2.157-2.149.017-.017a.394.394 0 00-.017-.557l-.002-.003zm2.711 1.128a.41.41 0 01.409.41v3.075a.41.41 0 01-.818 0v-3.076a.406.406 0 01.41-.409zm5.518 1.081l-2.182-2.182a.41.41 0 00-.574 0l-.003.003a.41.41 0 00.003.58l2.185 2.182c.076.076.18.115.286.115a.42.42 0 00.285-.115l.003-.003a.41.41 0 00-.003-.58zm1.855-5.291a.41.41 0 010 .818h-3.076a.41.41 0 010-.818h3.076zM14.732 9.3a.435.435 0 00.294.116.47.47 0 00.255-.115l2.216-2.182a.411.411 0 00-.574-.583l-2.191 2.182a.42.42 0 000 .583z",
-            fill: i
+            fill: m
         })
     }));
 };

package/dist/generated/mistica-icons/icon-process-loading-regular.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        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 d = function d(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, c = _param.children, m = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, z = _param.children, m = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : n ? t.inverse : t.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
+    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -105,7 +106,7 @@ var d = function d(_param) {
     }, m), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.26 5.704a.74.74 0 001.48 0V2.74a.74.74 0 00-1.48 0v2.964zm0 15.556a.74.74 0 001.48 0v-2.964a.74.74 0 00-1.48 0v2.964zm4.296.036a.733.733 0 01-.668-.444l-1.148-2.74a.751.751 0 01.408-.964.751.751 0 01.964.408l1.148 2.74a.751.751 0 01-.408.964c-.062 0-.124.011-.18.021a.73.73 0 01-.116.015zm2.48-2.224a.739.739 0 00.52.224.714.714 0 00.516-.224.715.715 0 000-1.036l-2.112-2.112a.715.715 0 00-1.036 0 .715.715 0 000 1.036l2.112 2.112zm2.52-2.776c-.112 0-.184 0-.296-.076l-2.74-1.144a.751.751 0 01-.408-.964.751.751 0 01.964-.408l2.74 1.148a.751.751 0 01.408.964.714.714 0 01-.668.48zm-14.668-6.04c.112.076.184.076.296.076a.712.712 0 00.668-.484.751.751 0 00-.408-.964l-2.74-1.148a.751.751 0 00-.964.408.751.751 0 00.408.964l2.74 1.148zM21.26 12.74h-2.964a.74.74 0 010-1.48h2.964a.74.74 0 010 1.48zm-18.52 0h2.964a.74.74 0 000-1.48H2.74a.74.74 0 000 1.48zm15.076-2.408a.733.733 0 01-.668-.444.751.751 0 01.408-.964l2.74-1.148a.751.751 0 01.964.408.751.751 0 01-.408.964l-2.74 1.148c-.056 0-.104.01-.15.018a.726.726 0 01-.146.018zm-15.04 5.52c.112.26.372.444.668.444.056 0 .102-.009.148-.018a.731.731 0 01.148-.018l2.74-1.148a.751.751 0 00.408-.964.751.751 0 00-.964-.408l-2.74 1.148a.751.751 0 00-.408.964zm13.668-7.556a.739.739 0 01-.52-.224.715.715 0 010-1.036l2.112-2.112a.715.715 0 011.036 0 .715.715 0 010 1.036L16.96 8.072a.707.707 0 01-.516.224zM4.924 19.072a.707.707 0 001.036 0l2.076-2.076a.715.715 0 000-1.036.715.715 0 00-1.036 0l-2.076 2.076a.715.715 0 000 1.036zm9.484-12.148c-.112 0-.184 0-.296-.076a.751.751 0 01-.408-.964l1.148-2.74a.751.751 0 01.964-.408.751.751 0 01.408.964l-1.148 2.74a.712.712 0 01-.668.484zM8.148 21.22c.112.076.184.076.296.076.296 0 .592-.184.668-.484l1.148-2.74a.751.751 0 00-.408-.964.751.751 0 00-.964.408l-1.148 2.74a.751.751 0 00.408.964z",
-            fill: i
+            fill: r
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
@@ -115,7 +116,7 @@ var d = function d(_param) {
     }, m), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.995 2.155c6.44 0 9.846 3.403 9.846 9.846 0 6.437-3.403 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84 0-6.443 3.403-9.846 9.84-9.846zm0 18.479c5.732 0 8.639-2.905 8.639-8.633 0-5.731-2.905-8.639-8.639-8.639-5.728 0-8.633 2.908-8.633 8.639 0 5.728 2.905 8.633 8.633 8.633zm.65-15.832a.606.606 0 00-.605-.605.608.608 0 00-.605.605v3.025a.604.604 0 101.21 0V4.802zM8.43 11.956a.606.606 0 01-.606.605H4.8a.604.604 0 110-1.21h3.025a.606.606 0 01.606.605zm1.016 2.535a.605.605 0 00-.854 0l-2.137 2.137a.605.605 0 000 .855l.003.003a.604.604 0 00.851-.003l2.137-2.138a.605.605 0 000-.854zm2.51 1.076c.334 0 .602.271.602.605v3.022a.602.602 0 01-1.205 0v-3.022c0-.334.27-.605.603-.605zm5.527 1.123l-2.138-2.137-.016-.018-.009-.01a.603.603 0 00-.863.025.603.603 0 00.034.854l2.14 2.14a.604.604 0 00.852-.854zm1.711-5.252a.602.602 0 010 1.204H16.17a.602.602 0 010-1.204h3.025zm-4.82-2.359a.606.606 0 001.03.426l2.138-2.14a.605.605 0 00-.855-.854L14.55 8.65a.61.61 0 00-.177.428z",
-            fill: i
+            fill: r
         })
     }));
 };

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,21 +91,21 @@ 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 e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? r.inverse : r.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"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M16.177 21.43H3.61c-.801 0-1.454-.669-1.454-1.49v-2.846a.65.65 0 01.207-.476.591.591 0 01.485-.154c.12.014.224.023.297.025h.036c.053 0 .112 0 .163-.005a2.76 2.76 0 00.857-.14c.991-.317 1.49-1.098 1.49-2.33 0-1.236-.496-2.02-1.479-2.329-.387-.137-.728-.15-.84-.156h-.266c-.056.002-.152.005-.267.02a.603.603 0 01-.478-.158.637.637 0 01-.205-.473v-2.54c0-.824.653-1.49 1.454-1.49h2.655a5.655 5.655 0 01-.03-.59c0-2.719 1.803-3.71 3.49-3.733h.291c1.714.048 3.532 1.056 3.532 3.75 0 .197-.011.387-.03.57h2.663c.799 0 1.446.669 1.446 1.49v1.907a3.44 3.44 0 01.403-.022h.3c1.697.05 3.512 1.061 3.512 3.75 0 2.72-1.893 3.712-3.512 3.734a3.316 3.316 0 01-.703-.022v2.216c0 .823-.65 1.493-1.449 1.493z",
-            fill: s
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-puzzle-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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : r ? e.inverse : e.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M3.44 21.43h12.829c.697 0 1.266-.586 1.266-1.311v-2.513c.21.036.425.059.638.064.115 0 .227 0 .286-.008 1.558-.022 3.378-.98 3.378-3.602 0-2.597-1.748-3.572-3.38-3.62h-.3c-.135 0-.356.012-.622.057V8.3c0-.723-.569-1.309-1.266-1.309H13.31a5.21 5.21 0 00.061-.798c0-2.6-1.748-3.574-3.392-3.619h-.294c-1.622.02-3.356.98-3.356 3.6 0 .274.023.546.065.817H3.442c-.703 0-1.274.589-1.274 1.309v2.596c0 .123.05.238.14.322.087.082.204.12.325.11.123-.012.227-.017.294-.02h.277c.137.006.504.022.913.168 1.101.347 1.659 1.216 1.659 2.585 0 1.365-.558 2.236-1.664 2.589a3.003 3.003 0 01-.919.151c-.073.008-.157.008-.23.008a2.76 2.76 0 01-.325-.025.42.42 0 00-.33.107.437.437 0 00-.143.322v2.907c0 .72.571 1.308 1.274 1.308zm-.432-1.309v-2.448c.076.003.151 0 .224-.008a3.62 3.62 0 001.135-.188c.843-.269 2.252-1.067 2.252-3.412 0-2.347-1.412-3.143-2.238-3.406a3.917 3.917 0 00-1.154-.21h-.219V8.306a.438.438 0 01.431-.442h3.485a.42.42 0 00.339-.177.441.441 0 00.062-.386 3.85 3.85 0 01-.154-1.118c0-2.44 1.764-2.726 2.518-2.737h.277c.77.02 2.563.33 2.563 2.754 0 .406-.05.764-.154 1.1a.441.441 0 00.062.387.42.42 0 00.339.177h3.493a.434.434 0 01.423.442v2.745a.431.431 0 00.17.35c.11.082.25.107.379.065a3.01 3.01 0 01.916-.151h.282c.776.025 2.558.341 2.558 2.753 0 2.507-1.953 2.728-2.585 2.74-.07.005-.157.005-.225.005a3.191 3.191 0 01-.94-.165.404.404 0 00-.382.056.429.429 0 00-.176.35v3.067a.434.434 0 01-.423.443H3.439a.438.438 0 01-.43-.443z",
             fill: i

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        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 u = function u(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : t ? a.inverse : a.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M3.609 21.43h12.568c.799 0 1.449-.669 1.449-1.492v-2.216a3.316 3.316 0 00.703.022c1.619-.022 3.512-1.014 3.512-3.734 0-2.689-1.815-3.7-3.512-3.75h-.3a3.44 3.44 0 00-.403.022V8.375c0-.821-.648-1.49-1.446-1.49h-2.664c.02-.183.031-.373.031-.57 0-2.694-1.818-3.702-3.532-3.75h-.291c-1.687.022-3.49 1.014-3.49 3.734 0 .202.01.398.03.588H3.61c-.801 0-1.454.667-1.454 1.49v2.541c0 .182.073.353.205.473a.603.603 0 00.478.157c.098-.012.182-.015.24-.018l.027-.001h.274c.12.006.455.023.832.156.983.309 1.479 1.093 1.479 2.328 0 1.233-.499 2.014-1.49 2.33a2.745 2.745 0 01-.857.14c-.05.006-.11.006-.163.006h-.036a4.089 4.089 0 01-.297-.025.591.591 0 00-.485.154.65.65 0 00-.207.477v2.845c0 .821.653 1.49 1.454 1.49zm-.216-1.492v-2.19c.006 0 .009 0 .017.005.221 0 .67-.026 1.17-.196.878-.28 2.35-1.112 2.35-3.541 0-2.437-1.472-3.263-2.33-3.535a3.983 3.983 0 00-1.198-.219l-.006-1.885a.22.22 0 01.216-.224h3.414a.619.619 0 00.499-.26.653.653 0 00.09-.566 3.46 3.46 0 01-.143-1.03c0-2.118 1.42-2.455 2.26-2.466h.266c.863.023 2.311.378 2.311 2.485 0 .372-.047.703-.143 1.011a.636.636 0 00.09.566c.115.165.3.26.498.26h3.423c.115 0 .208.101.208.224v2.687a.63.63 0 00.252.512.61.61 0 00.554.093c.376-.124.71-.138.835-.138h.275c.862.026 2.302.387 2.302 2.482 0 2.196-1.605 2.457-2.347 2.47-.062.006-.137.006-.19.006a2.953 2.953 0 01-.863-.15.607.607 0 00-.56.083.635.635 0 00-.258.516v3c0 .12-.093.22-.208.22H3.61a.217.217 0 01-.216-.22z",
-            fill: n
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-question-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, n = _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)(), a = ref.skinName, r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), l = i != null ? i : s ? r.inverse : r.neutralHigh;
-    return a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var o = (0, _themeVariantContextJs.useIsInverseVariant)(), n = i != null ? i : o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), s = ref.skinName;
+    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 15.536a.715.715 0 11-.001-1.433.715.715 0 01.001 1.433zm1.464-5.284a3.128 3.128 0 00-.928 2.252.552.552 0 01-.536.536.552.552 0 01-.536-.536c0-1.144.428-2.216 1.252-3l1.036-1.036c.464-.464.392-1.464 0-1.964a2.048 2.048 0 00-1.572-.784H12c-.644 0-1.216.32-1.536.892-.144.252-.464.356-.716.18-.252-.144-.356-.464-.18-.716a2.836 2.836 0 012.464-1.428h.18c.928 0 1.82.428 2.392 1.18.68.888.788 2.492-.104 3.388l-1.036 1.036z",
-            fill: l
+            fill: n
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.309 2.163l.095.002c1.577.037 9.442.69 9.44 9.86 0 9.177-7.838 9.784-9.41 9.812-.173.003-.375.006-.58.006-.092 0-.19 0-.282-.003-1.572-.022-9.412-.605-9.412-9.87 0-9.264 7.787-9.8 9.35-9.813.259-.005.546.001.799.006zm1.243 9.904c1.168-1.38 1.68-2.115 1.684-3.347 0-1.009-.328-1.72-1.026-2.233-.543-.409-1.294-.619-2.235-.619-.893 0-1.818.185-2.196.364a.4.4 0 00-.221.437l.064.345a.4.4 0 00.49.317 6.447 6.447 0 011.667-.219c1.034 0 1.412.199 1.627.37.376.3.535.664.535 1.221 0 .787-.266 1.25-1.672 2.913l-.162.196c-.855 1.028-1.236 1.67-1.236 2.754 0 .243.017.434.056.633.034.19.2.325.393.325h.442a.4.4 0 00.4-.4c0-1.446.051-1.508 1.39-3.057zm-1.955 6.216c.504 0 .843-.33.843-.89 0-.497-.345-.844-.874-.844-.496 0-.843.347-.843.843v.065c0 .493.339.826.874.826z",
-            fill: l
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-question-light.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,19 +91,19 @@ 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, h = _objectWithoutProperties(_param, [
+var u = function u(_param) {
+    var t = _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, a = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = t != null ? t : r ? a.inverse : a.neutralHigh;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = t != null ? t : h ? _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"
-    }, h), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M2 12c0 5.5 4.5 10 10 10a10.14 10.14 0 005.356-1.536c.18-.108.216-.32.108-.5s-.32-.216-.5-.108A9.43 9.43 0 0112 21.284c-5.108 0-9.284-4.176-9.284-9.284 0-5.108 4.18-9.284 9.284-9.284 5.104 0 9.284 4.176 9.284 9.248 0 1.784-.5 3.5-1.428 4.964-.108.18-.072.392.108.5.18.108.392.072.5-.108A9.925 9.925 0 0022 12c0-5.5-4.5-10-10-10S2 6.5 2 12z",
@@ -118,7 +119,7 @@ var v = function v(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.841 12.023c0-9.162-7.86-9.818-9.442-9.86-.188-.008-.418-.008-.63-.008h-.272c-8.891.081-9.342 8.188-9.342 9.81 0 1.621.46 9.745 9.409 9.868.09.008.188.008.286.008.105 0 .212-.002.314-.004.097-.002.19-.004.277-.004 1.566-.03 9.4-.639 9.4-9.81zm-.82 0c0 8.197-6.58 8.947-8.597 8.99h-.26c-.191.003-.396.005-.592 0-2.016-.023-8.596-.763-8.596-9.048 0-8.27 6.532-8.972 8.532-8.99.286 0 .605 0 .877.01 2.025.047 8.636.842 8.636 9.038zm-9.432 4.827c.395 0 .647.255.647.655v.065c0 .383-.255.638-.647.638-.434 0-.689-.255-.689-.638v-.065c0-.4.255-.655.647-.655h.042zm3.502-8.196c0-.975-.306-1.63-.97-2.115-.515-.392-1.238-.591-2.15-.597-.864 0-1.788.18-2.15.345a.21.21 0 00-.123.23l.065.352c.017.05.047.098.09.132a.19.19 0 00.165.025c.655-.157 1.179-.23 1.753-.23 1.107 0 1.54.23 1.787.426.435.345.622.773.622 1.412 0 .86-.294 1.387-1.745 3.098l-.17.205c-.942 1.123-1.214 1.73-1.214 2.68 0 .238.017.429.05.608a.21.21 0 00.205.165h.449a.204.204 0 00.204-.204c0-1.558.106-1.69 1.468-3.255 1.179-1.4 1.664-2.09 1.664-3.277z",
             fill: i