@telefonica/mistica 12.10.0 → 12.11.1

package/dist/generated/mistica-icons/icon-lifeguard-float-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return z;
     }
 });
-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, c = tmp === void 0 ? 24 : tmp, s = _param.children, t = _objectWithoutProperties(_param, [
+var z = function z(_param) {
+    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, m = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : r ? a.inverse : a.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: c,
-        height: c,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.65 2.151c.258 0 .524.006.756.011 1.927.045 9.431.807 9.434 9.86 0 9.073-7.515 9.78-9.395 9.813a33.92 33.92 0 01-.902.002c-1.977-.027-9.392-.745-9.392-9.873 0-9.118 7.348-9.796 9.322-9.813h.177zm0 .821h-.168a10.79 10.79 0 00-1.51.126l.644 3.126a7.164 7.164 0 011.065-.098h.109c.151 0 .308.003.445.006.378.014.754.056 1.123.126L14 3.15a11.292 11.292 0 00-1.616-.17 30.423 30.423 0 00-.734-.009zM6.51 4.339C4.807 5.412 3.723 7.062 3.25 9.252l3.148.65c.6-2.165 2.12-3.098 3.428-3.493L9.174 3.26c-.843.197-1.78.522-2.664 1.079zm-.283 6.364l-3.115-.644a13.235 13.235 0 00.03 3.994l3.116-.644a8.278 8.278 0 01-.132-1.434c0-.462.042-.877.1-1.272zm7.907 6.854l.65 3.143c2.208-.538 4.995-1.988 5.916-5.843l-3.154-.65c-.633 2.048-2.129 2.955-3.412 3.35zm-2.577 3.46c.292.003.583.003.874-.003a11.55 11.55 0 001.555-.143l-.644-3.12a6.937 6.937 0 01-1.076.112l-.163.001-.19.002c-.423 0-.843-.037-1.26-.11l-.645 3.118a11.04 11.04 0 001.55.143zm-8.26-6.16c.498 2.107 1.574 3.709 3.246 4.762.883.558 1.818.885 2.659 1.09l.65-3.149a5.626 5.626 0 01-.437-.14c-1.174-.454-2.42-1.375-2.984-3.21l-3.134.647zm8.95 2.182c1.442-.025 4.795-.568 4.8-5.03 0-4.463-3.372-5.026-4.823-5.062-.062 0-.13 0-.2-.002l-.226-.001h-.103c-1.429.011-4.748.53-4.748 5.03 0 2.396.933 3.97 2.767 4.681a6.029 6.029 0 002.025.387h.171c.118 0 .236 0 .336-.003zm5.327-7.134l3.14-.647c-.49-2.143-1.588-3.773-3.308-4.846-.868-.544-1.779-.874-2.605-1.084l-.647 3.129c1.303.411 2.81 1.35 3.42 3.448zm.18.8a7.846 7.846 0 01-.017 2.706l3.109.642c.1-.627.17-1.288.17-2.033 0-.695-.06-1.34-.153-1.958l-3.11.644z",
             fill: i

package/dist/generated/mistica-icons/icon-lifeguard-float-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return z;
     }
 });
-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, c = tmp === void 0 ? 24 : tmp, n = _param.children, r = _objectWithoutProperties(_param, [
+var z = function z(_param) {
+    var l = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, m = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = l != null ? l : t ? e.inverse : e.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = l != null ? l : 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"
-    }, r), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.665 2.155c.252 0 .518.006.745.011 1.927.045 9.431.807 9.431 9.857 0 9.073-7.512 9.78-9.392 9.813-.182.003-.386.005-.594.005-.103 0-.207 0-.308-.003-1.975-.027-9.392-.742-9.392-9.87 0-9.115 7.347-9.793 9.322-9.81.062-.003.123-.003.188-.003zm0 1.23l-.177.003c-.35.002-.767.025-1.22.084l.562 2.725c.356-.05.658-.064.86-.067h.11c.15 0 .307.003.445.005.21.006.532.026.918.087l.56-2.708a11.883 11.883 0 00-1.344-.118 28.36 28.36 0 00-.714-.011zm-2.61.308c-2.102.53-4.51 1.927-5.35 5.442l2.75.569c.605-1.919 1.952-2.815 3.173-3.227l-.574-2.784zM3.487 10.35a13.215 13.215 0 00-.103 1.616c0 .656.056 1.244.131 1.807l2.7-.557a8.871 8.871 0 01-.086-1.236c0-.383.025-.736.067-1.07l-2.709-.56zm.266 4.627c.886 3.384 3.253 4.765 5.334 5.303l.574-2.779-.102-.032a2.193 2.193 0 01-.139-.046c-1.129-.437-2.32-1.317-2.907-3.014l-2.76.569zm10.58 2.519l.575 2.773c2.083-.54 4.459-1.922 5.338-5.291l-2.756-.57c-.63 1.813-1.96 2.679-3.157 3.088zm-2.479 3.115c.202 0 .398-.003.572-.006.361-.008.798-.04 1.269-.098l-.56-2.717a6.995 6.995 0 01-1.035.077l-.19.001c-.061 0-.126 0-.185-.003a7.233 7.233 0 01-.87-.072l-.564 2.72a11.351 11.351 0 001.563.098zm.387-3.978c3.966-.07 4.395-3.255 4.395-4.622s-.432-4.554-4.423-4.65a19.42 19.42 0 00-.418-.005h-.098c-1.621.014-4.339.633-4.339 4.619 0 2.24.818 3.647 2.505 4.3.804.31 1.585.355 1.882.358l.168.003c.115 0 .23 0 .328-.003zm5.277-6.924l2.748-.566c-.863-3.404-3.238-4.818-5.342-5.384l-.571 2.765c1.216.426 2.552 1.325 3.165 3.185zm3.093 2.313c0-.602-.048-1.148-.115-1.67l-2.703.558a7.957 7.957 0 01-.017 2.303l2.708.557c.076-.543.127-1.115.127-1.748z",
             fill: s

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, l = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, v = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : s ? a.inverse : a.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), l = 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), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.029 3.787V22H2.91V3.787C2.91 2.805 3.709 2 4.694 2h8.555c.981 0 1.78.805 1.78 1.787zM7.724 6.645c0 .685.556 1.248 1.24 1.248a1.248 1.248 0 00.005-2.496c-.689 0-1.245.562-1.245 1.248zm12.653 4.288a.693.693 0 01-.502-.21l-1.278-1.28-1.277 1.28a.712.712 0 01-1.009 0 .716.716 0 010-1.011l2.286-2.29 2.286 2.29a.715.715 0 01-.506 1.22zm.502 3.36a.715.715 0 000-1.01.712.712 0 00-1.009 0l-1.277 1.28-1.278-1.28a.712.712 0 00-1.009 0 .716.716 0 000 1.01l2.287 2.29 2.285-2.29zM10.784 8.08c.31-.398.502-.896.502-1.435 0-1.28-1.04-2.323-2.317-2.323a2.323 2.323 0 00-2.318 2.323c0 .544.187 1.042.501 1.435-.912.375-1.57 1.285-1.57 2.313v4.823h1.069v3.927a.532.532 0 101.068 0v-4.997H6.651v-3.748c0-.773.652-1.427 1.423-1.427H9.86c.771 0 1.424.654 1.424 1.427v3.748h-1.068v5.001c0 .298.237.535.534.535a.532.532 0 00.534-.535v-3.926h1.068v-4.828h.004c0-1.028-.662-1.938-1.57-2.313z",
-            fill: n
+            fill: l
         })
     }));
 };

package/dist/generated/mistica-icons/icon-lifts-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 e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var a = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : r ? a.inverse : a.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M14.772 21.287H3.994v-17.5c0-.59.467-1.07 1.042-1.07h8.343c.574 0 1.041.48 1.041 1.07V17.36c0 .197.156.357.347.357.192 0 .348-.16.348-.357V3.787c0-.982-.78-1.787-1.74-1.787H5.04c-.957 0-1.74.8-1.74 1.787V22h11.472c.191 0 .347-.16.347-.357a.352.352 0 00-.347-.356zm1.842-11.319a.353.353 0 10.498.503l1.491-1.531 1.49 1.53a.343.343 0 00.246.106.357.357 0 00.245-.608L18.598 7.93l-1.985 2.04zm1.985 5.097l1.49-1.531a.353.353 0 11.499.503l-1.985 2.039-1.984-2.04a.361.361 0 010-.502.335.335 0 01.49 0l1.49 1.531zM14.078 19.5c0-.393.311-.713.694-.713.383 0 .694.32.694.713a.705.705 0 01-.694.713.705.705 0 01-.694-.713zm-2.434-5.174v-3.927c0-.873-.717-1.61-1.567-1.61H8.342c-.85 0-1.567.737-1.567 1.61v3.927h1.042v4.823a.352.352 0 01-.347.356.352.352 0 01-.347-.357v-4.105H6.08v-4.649c0-1.047.717-1.952 1.66-2.23a2.153 2.153 0 01-.618-1.518c0-1.18.934-2.144 2.087-2.144 1.152 0 2.086.96 2.086 2.144 0 .594-.235 1.129-.614 1.517a2.352 2.352 0 011.66 2.231v4.645H11.3v4.105a.352.352 0 01-.347.357.352.352 0 01-.347-.357v-4.818h1.037zM9.2 8.07c.77 0 1.397-.64 1.397-1.427 0-.786-.623-1.426-1.388-1.426-.766 0-1.393.64-1.393 1.426 0 .787.623 1.427 1.384 1.427z",
             fill: s

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, l = _param.children, s = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var r = _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)(), r = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : i ? r.inverse : r.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), v = r != null ? r : i ? _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"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.257 4.144V22H2.91V4.144C2.91 2.964 3.832 2 4.97 2h8.232c1.133 0 2.055.965 2.055 2.144zm1.23 5.568a.736.736 0 000 1.01.673.673 0 00.975 0l1.23-1.28 1.229 1.28a.662.662 0 00.966 0 .736.736 0 000-1.01l-2.2-2.29-2.2 2.29zm2.204 4.85l1.23-1.28a.667.667 0 01.97 0 .735.735 0 010 1.01l-2.2 2.29-2.2-2.29a.736.736 0 010-1.01.667.667 0 01.97 0l1.23 1.28zM13.202 3.431H4.97c-.377 0-.685.32-.685.713v16.43h9.608V4.144h-.005c0-.393-.307-.713-.685-.713zm-.86 6.962v4.823h-1.028v3.927a.522.522 0 01-.513.535.523.523 0 01-.514-.535v-4.997h1.027v-3.748c0-.773-.628-1.427-1.37-1.427H8.227c-.742 0-1.37.654-1.37 1.427v3.748h1.028v5.001a.522.522 0 01-.514.535.522.522 0 01-.514-.535v-3.926H5.83v-4.828A2.54 2.54 0 017.34 8.08a2.362 2.362 0 01-.483-1.435c0-1.28 1.002-2.323 2.231-2.323 1.23 0 2.23 1.043 2.23 2.323 0 .544-.18 1.042-.482 1.435a2.54 2.54 0 011.506 2.313zm-3.263-2.5c.668 0 1.203-.563 1.203-1.248 0-.686-.54-1.248-1.198-1.248-.659 0-1.199.557-1.199 1.248 0 .685.536 1.248 1.194 1.248z",
-            fill: n
+            fill: v
         })
     }));
 };

package/dist/generated/mistica-icons/icon-lightbulb-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,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, h = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.skinName, l = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), m = e != null ? e : i ? l.inverse : l.neutralHigh;
-    return t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), h = 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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.309 3.427c0 .393.31.713.691.713.381 0 .691-.32.691-.713v-.714A.703.703 0 0012 2a.703.703 0 00-.691.713v.714zm9 7.146c.38 0 .691.32.691.714 0 .393-.31.713-.691.713h-.519a.703.703 0 01-.691-.713c0-.394.31-.714.691-.714h.519zM4.9 11.287a.703.703 0 00-.691-.714H3.69a.703.703 0 00-.691.714c0 .393.31.713.691.713h.519c.38 0 .691-.32.691-.713zm.87-4.537a.723.723 0 01.252.974.691.691 0 01-.598.356.681.681 0 01-.346-.096l-.616-.365a.723.723 0 01-.252-.974.678.678 0 01.944-.261l.616.366zM8.54 5.1a.724.724 0 00.252-.975l-.346-.617a.679.679 0 00-.944-.26.724.724 0 00-.252.973l.345.617a.686.686 0 00.599.357.694.694 0 00.345-.096zm8.21-.879l-.354.636a.686.686 0 01-.598.356.682.682 0 01-.346-.096.728.728 0 01-.253-.974l.355-.635a.678.678 0 01.944-.26.728.728 0 01.252.973zm2.172 3.763l.616-.365a.725.725 0 00.252-.974.675.675 0 00-.944-.261l-.616.366a.725.725 0 00-.252.974.686.686 0 00.598.356.67.67 0 00.346-.096zm-4.152 9.017H9.23a6.316 6.316 0 01-3.288-5.537c0-3.448 2.717-6.25 6.058-6.25 3.341 0 6.058 2.802 6.058 6.25a6.31 6.31 0 01-3.288 5.537zm.69 1.784a.703.703 0 00-.69-.714H9.23a.703.703 0 00-.69.713c0 .394.31.714.69.714h5.54c.38.004.69-.316.69-.713zm-.69 1.787c.38 0 .69.32.69.714 0 .398-.31.718-.69.713H9.23a.704.704 0 01-.69-.713c0-.394.31-.714.69-.714h5.54z",
-            fill: m
+            fill: h
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.3 4.205a.625.625 0 001.25 0V2.771a.622.622 0 00-.626-.616.622.622 0 00-.625.616v1.434zm3.389 14.704c.344 0 .624.277.624.616 0 .339-.28.616-.624.616H9.397a.622.622 0 01-.624-.616c0-.34.28-.616.624-.616h5.292zm-.715 1.7c.345 0 .625.277.625.616 0 .339-.28.616-.625.616H9.95a.622.622 0 01-.624-.616c0-.339.28-.616.624-.616h4.025zm3.054-14.137a.619.619 0 01-.44-.18.61.61 0 010-.87l1.028-1.015a.629.629 0 01.882 0 .61.61 0 010 .871L17.47 6.292a.63.63 0 01-.442.18zm-10.286.176c.157 0 .32-.059.44-.18a.61.61 0 000-.87L6.154 4.584a.629.629 0 00-.883 0 .61.61 0 000 .87L6.3 6.47a.647.647 0 00.443.179zm-1.686 3.46c.344 0 .624.277.624.616 0 .339-.28.616-.624.616H3.602a.622.622 0 01-.625-.616c0-.34.28-.617.625-.617h1.454zm15.972.543a.622.622 0 00-.625-.617h-1.451a.622.622 0 00-.625.617c0 .339.28.616.625.616h1.451a.622.622 0 00.625-.616zm-5.866 1.252a.619.619 0 01-.655-.583c-.13-2.476-2.107-2.787-2.953-2.804-.052-.002-.104-.002-.155-.002-.062 0-.124.001-.186-.003a.622.622 0 01-.625-.616c0-.34.28-.617.625-.617.123 0 .26 0 .378.006 1.907.042 4.01 1.106 4.162 3.972a.618.618 0 01-.59.647zm2.454-.894c0-5.134-4.311-5.568-5.415-5.593-.17-.006-.364-.006-.54-.003-1.135.005-5.353.392-5.353 5.568 0 2.614 1.087 4.014 2.305 4.754l.009 1.112c0 .512.15.91.453 1.173.286.255.723.387 1.891.387h1.997c1.196 0 1.63-.129 1.913-.387.297-.263.443-.66.443-1.173l-.008-1.12c1.218-.746 2.305-2.135 2.305-4.718z",
-            fill: m
+            fill: h
         })
     }));
 };

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var h = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, z = _param.children, e = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var h = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, m = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.skinName, l = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), m = h != null ? h : i ? l.inverse : l.neutralHigh;
-    return t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), l = 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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, m), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.66 3.783V2.357A.35.35 0 0112 2c.187 0 .34.16.34.357v1.426a.349.349 0 01-.34.357.349.349 0 01-.34-.357zm8.5 6.79h-1.357c-.188 0-.34.16-.34.357 0 .197.152.357.34.357h1.357c.188 0 .34-.16.34-.357a.349.349 0 00-.34-.357zm-16.32 0h1.362c.187 0 .335.16.335.357a.349.349 0 01-.34.357H3.84a.349.349 0 01-.339-.357c0-.197.152-.357.34-.357zm2.567-3.04a.366.366 0 00-.126-.49l-1.18-.713a.33.33 0 00-.465.133.366.366 0 00.126.489l1.18.713a.333.333 0 00.466-.133zM8.601 5.1a.337.337 0 01-.296-.178l-.683-1.24a.373.373 0 01.126-.489.336.336 0 01.466.133l.683 1.24a.373.373 0 01-.126.488.327.327 0 01-.17.046zm6.628-.05a.327.327 0 00.17.046c.118 0 .23-.064.296-.179l.679-1.239a.366.366 0 00-.126-.49.33.33 0 00-.466.133l-.679 1.24a.372.372 0 00.126.489zm3.665 1.28a.337.337 0 01.466.133.365.365 0 01-.127.489l-1.179.713a.337.337 0 01-.466-.133.373.373 0 01.127-.489l1.179-.713zm-1.114 4.6a6.209 6.209 0 01-1.288 3.827h-.005a.33.33 0 01-.257.133.349.349 0 01-.34-.357c0-.087.036-.165.084-.228l-.005-.005a5.493 5.493 0 001.127-3.365c0-2.954-2.289-5.36-5.1-5.36-2.812 0-5.101 2.406-5.101 5.36 0 1.888.918 3.603 2.454 4.581.005.005.01.01.014.01.718.484 1.144 1.298 1.153 2.194h3.351c.657 0 1.188.558 1.188 1.248 0 .352-.139.668-.357.892.222.229.357.544.357.892 0 .69-.53 1.248-1.188 1.248h-3.739c-.657 0-1.188-.558-1.188-1.248 0-.352.14-.668.357-.892a1.275 1.275 0 01-.357-.892c0-.585.383-1.074.901-1.207v-.018c0-.663-.322-1.271-.857-1.623-1.732-1.116-2.764-3.05-2.764-5.18 0-3.348 2.594-6.073 5.78-6.073 3.186 0 5.78 2.711 5.78 6.063zm-3.909 9.287H10.13a.52.52 0 00-.51.535.52.52 0 00.51.535h3.742c.279 0 .51-.238.51-.535a.52.52 0 00-.51-.535zm-3.742-1.788a.52.52 0 00-.51.535.52.52 0 00.51.535h3.742a.52.52 0 00.51-.535.52.52 0 00-.51-.535H10.13zm4.252-2.145c0-.393.304-.713.679-.713.374 0 .679.32.679.713 0 .394-.305.714-.68.714-.374 0-.678-.32-.678-.714z",
-            fill: m
+            fill: l
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, m), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.5 4.03c0 .23.187.415.42.415.23 0 .42-.185.42-.414V2.566a.417.417 0 00-.42-.415.417.417 0 00-.42.415V4.03zm6.25 6.953c0-5.246-4.415-5.692-5.547-5.717-.174-.006-.37-.006-.55-.006-1.162.006-5.484.401-5.484 5.692 0 2.67 1.112 4.104 2.362 4.857v1.513c0 .524.154.933.465 1.202.29.26.74.395 1.935.395h2.045c1.224 0 1.67-.135 1.96-.395.303-.27.452-.678.452-1.202v-1.518c1.249-.762 2.361-2.182 2.361-4.82zm-.841 0c0 1.939-.661 3.322-1.964 4.118l-.398.243v1.978c0 .196-.03.457-.179.588-.132.12-.6.18-1.395.18h-2.045c-.966 0-1.277-.096-1.38-.188-.15-.129-.18-.387-.18-.58v-1.975l-.4-.243c-1.3-.787-1.961-2.185-1.961-4.152 0-4.367 3.25-4.857 4.647-4.865h.028c.162 0 .339 0 .501.005 4.387.096 4.726 3.768 4.726 4.891zm-4.975-3.779c.641.014 3.866.27 4.056 3.855a.415.415 0 01-.398.434h-.022a.42.42 0 01-.42-.392C15 8.317 12.63 8.048 11.909 8.03c-.112-.003-.238-.003-.353-.003a.417.417 0 01-.42-.415c0-.23.187-.414.42-.414l.189.003.189.002zm3.238 12.7a.417.417 0 00-.42-.414h-5.42a.417.417 0 00-.42.415c0 .23.187.414.42.414h5.42c.232 0 .42-.185.42-.414zm-1.151 1.107c.232 0 .42.185.42.415 0 .23-.188.414-.42.414H9.898a.417.417 0 01-.42-.414c0-.23.187-.415.42-.415h4.123zm3.882-16.624a.423.423 0 01.594 0 .413.413 0 010 .585l-1.053 1.036a.415.415 0 01-.297.12.412.412 0 01-.297-.706l1.053-1.035zm-12.641.767L6.315 6.19a.42.42 0 00.297.12.413.413 0 00.297-.706L5.856 4.57a.423.423 0 00-.594 0 .413.413 0 000 .585zm-.376 5.126c.233 0 .42.185.42.415 0 .23-.187.414-.42.414H3.4a.417.417 0 01-.42-.414c0-.23.187-.415.42-.415h1.487zm16.138.336a.417.417 0 00-.42-.414h-1.488a.417.417 0 00-.42.414c0 .23.188.415.42.415h1.487c.233 0 .42-.185.42-.415z",
-            fill: m
+            fill: l
         })
     }));
 };

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var h = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, z = _param.children, l = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var h = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.skinName, e = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), m = h != null ? h : i ? e.inverse : e.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), e = h != null ? h : r ? _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,
@@ -105,7 +106,7 @@ var d = function d(_param) {
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.309 3.402V2.7c0-.387.31-.701.691-.701.381 0 .691.314.691.7v.702c0 .386-.31.7-.691.7a.697.697 0 01-.691-.7zm9 7.017h-.519a.697.697 0 00-.691.7c0 .387.31.701.691.701h.519a.697.697 0 00.691-.7.697.697 0 00-.691-.701zm-16.618 0h.519c.38 0 .691.314.691.7 0 .387-.31.701-.691.701h-.52a.697.697 0 01-.691-.7c0-.387.31-.701.691-.701zM5.77 6.663l-.616-.36a.684.684 0 00-.944.257.704.704 0 00.252.957l.616.359a.683.683 0 00.944-.256.709.709 0 00-.252-.957zm2.42-1.527a.688.688 0 01-.6-.35l-.345-.607a.705.705 0 01.253-.957.685.685 0 01.944.256l.345.606c.19.333.08.764-.252.957a.69.69 0 01-.346.095zm7.262-.072a.683.683 0 00.944-.256l.354-.625a.708.708 0 00-.252-.957.684.684 0 00-.944.256l-.355.625c-.19.332-.08.76.253.957zm3.399 1.24a.685.685 0 01.944.256c.19.337.08.763-.253.957l-.616.359a.688.688 0 01-.944-.256.705.705 0 01.253-.957l.616-.36zm-.793 4.995c0 2.13-1.055 4.061-2.828 5.193-.066.04-.16.122-.221.176a1.752 1.752 0 01.443 2.524c.217.292.354.656.354 1.052 0 .97-.775 1.756-1.732 1.756H9.917a1.744 1.744 0 01-1.732-1.756c0-.396.133-.76.354-1.052a1.746 1.746 0 01.448-2.525 2.512 2.512 0 00-.222-.175C6.993 15.36 5.938 13.43 5.938 11.3c0-3.387 2.716-6.14 6.058-6.14 3.345 0 6.062 2.753 6.062 6.14zm-3.98 8.599H9.922a.348.348 0 00-.346.35c0 .193.155.35.346.35h4.156c.19 0 .346-.157.346-.35a.348.348 0 00-.346-.35zm.346-1.757a.348.348 0 00-.346-.35H9.922a.348.348 0 00-.346.35c0 .193.155.35.346.35h4.156c.19 0 .346-.157.346-.35zM12 6.56c-2.579 0-4.675 2.125-4.675 4.74a4.723 4.723 0 002.179 4.007c.08.052.76.501 1.003 1.082h2.982c.242-.58.923-1.03 1.003-1.082l.007-.005a4.729 4.729 0 002.176-4.003c0-2.614-2.096-4.74-4.675-4.74z",
-            fill: m
+            fill: e
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
@@ -115,7 +116,7 @@ var d = function d(_param) {
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.301 4.205a.622.622 0 00.625.617.621.621 0 00.624-.614V2.771a.62.62 0 00-.624-.616.62.62 0 00-.625.616v1.434zm6.317 6.807c0-5.137-4.308-5.571-5.415-5.594-.17-.008-.364-.008-.538-.008-1.134.008-5.353.395-5.353 5.571 0 2.614 1.087 4.014 2.306 4.754l.008 1.115c0 .512.151.91.451 1.173.286.258.723.39 1.89.39h1.998c1.196 0 1.63-.132 1.916-.39.294-.263.44-.66.44-1.173l-.009-1.12c1.219-.746 2.306-2.135 2.306-4.718zm-1.25 0c0 1.762-.56 2.964-1.714 3.67 0 0-.594.361-.585.361l.002.692.009 1.112a.936.936 0 01-.031.25c-.09.027-.358.08-1.078.08h-1.998c-.722 0-.98-.058-1.061-.084a.715.715 0 01-.034-.255l-.014-1.795-.59-.356c-1.138-.689-1.712-1.935-1.712-3.703 0-3.756 2.574-4.33 4.109-4.339h.036c.149 0 .311 0 .468.006 3.784.081 4.193 3.078 4.193 4.361zm-4.775-3.725c1.907.042 4.01 1.106 4.162 3.972a.62.62 0 01-.591.647h-.034a.618.618 0 01-.622-.583C14.38 8.847 12.4 8.536 11.556 8.52h-.145c-.065 0-.131 0-.197-.003a.622.622 0 01-.624-.616.62.62 0 01.624-.616c.124 0 .26 0 .378.003zm3.722 12.238a.622.622 0 00-.624-.616H9.396a.62.62 0 00-.624.616.622.622 0 00.624.616h5.294a.62.62 0 00.625-.616zm-1.339 1.084c.345 0 .625.277.625.616a.62.62 0 01-.625.616H9.951a.622.622 0 01-.625-.616.62.62 0 01.625-.616h4.025zM17.03 6.472a.628.628 0 01-.44-.18.61.61 0 01-.008-.862l.009-.009 1.025-1.017a.629.629 0 01.882 0 .612.612 0 01.006.866l-.006.005L17.47 6.29a.614.614 0 01-.44.183zM6.301 6.469a.63.63 0 00.882 0l.006-.006a.611.611 0 00-.006-.865L6.158 4.58a.629.629 0 00-.882 0l-.008.008a.614.614 0 00.008.866L6.3 6.469zm-1.244 3.638c.345 0 .625.278.625.617a.62.62 0 01-.625.616h-1.45a.622.622 0 01-.625-.616.62.62 0 01.624-.617h1.451zm15.97.544a.62.62 0 00-.625-.616h-1.451a.62.62 0 00-.625.616.621.621 0 00.625.616h1.451a.62.62 0 00.625-.616z",
-            fill: m
+            fill: e
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_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)(), l = e != null ? e : s ? i.inverse : i.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), l = 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: "M18.131 11.45a.601.601 0 00-.434-.428l-4.504-1.11 2.723-6.904a.625.625 0 00-.23-.745.582.582 0 00-.754.092l-8.916 9.569a.628.628 0 00-.142.597.6.6 0 00.43.422l4.113 1.017-2.697 7.05a.622.622 0 00.23.737.58.58 0 00.747-.08l9.286-9.617a.627.627 0 00.148-.6z",
             fill: l

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

@@ -5,11 +5,11 @@ 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 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
+var g = function g(_param) {
+    var r = _param.color, tmp = _param.size, t = 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 = r != null ? r : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.832 11.208a.41.41 0 01.3.292.409.409 0 01-.104.406L8.437 21.72a.405.405 0 01-.516.056.421.421 0 01-.156-.502l2.874-7.417-4.477-1.095a.412.412 0 01-.297-.289.43.43 0 01.098-.406l9.21-9.77a.405.405 0 01.519-.062c.165.11.23.322.157.507l-2.9 7.275 4.883 1.19zm-6.258 2.513l-2.316 5.983 7.678-7.854-4.636-1.13a.419.419 0 01-.286-.563l2.274-5.708-7.235 7.678 4.238 1.037a.41.41 0 01.266.212.422.422 0 01.017.345z",
             fill: a

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        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,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var g = function g(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
+var f = function f(_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)(), n = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : s ? n.inverse : n.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), l = r != null ? r : a ? _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), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.697 11.023c.21.053.375.216.434.428a.627.627 0 01-.151.6L8.694 21.67a.584.584 0 01-.748.078.618.618 0 01-.23-.736l2.701-7.05-4.112-1.018a.6.6 0 01-.431-.423.626.626 0 01.142-.596l8.916-9.572a.582.582 0 01.754-.09c.24.16.336.474.23.746l-2.72 6.905 4.501 1.109zm-5.919 2.731l-1.893 4.944 6.504-6.74-4.146-1.022a.595.595 0 01-.389-.316.633.633 0 01-.022-.51l1.815-4.605L7.597 12l3.767.932a.6.6 0 01.39.314.638.638 0 01.024.507z",
-            fill: a
+            fill: l
         })
     }));
 };

package/dist/generated/mistica-icons/icon-like-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,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var c = _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)(), h = ref.skinName, t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), a = c != null ? c : n ? t.inverse : t.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), r = c != null ? c : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), h = ref.skinName;
     return h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
@@ -105,7 +106,7 @@ var f = function f(_param) {
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.107 5.904l.64-2.193c.191-.72.868-1.211 1.68-1.211.942 0 1.787.803 1.787 1.794l-.178 1.253-.89 3.046h5.711a2.15 2.15 0 011.394 3.78 2.151 2.151 0 01-1.188 3.313c.096.248.155.515.155.794 0 .991-.672 1.827-1.581 2.074.096.248.155.514.155.794A2.15 2.15 0 0116.65 21.5h-6.077c-.854 0-1.713-.349-2.29-.927-.31-.312-.799-.505-1.279-.505H2v-10.4h4.999c.192 0 .37-.074.507-.211l3.6-3.552z",
-            fill: a
+            fill: r
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
@@ -115,7 +116,7 @@ var f = function f(_param) {
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.841 10.942c0 .672-.168 1.16-.38 1.504.212.334.38.787.383 1.387 0 .658-.26 1.263-.748 1.748.126.294.221.678.221 1.168 0 .787-.411 1.468-1.148 1.93.07.347.064.74-.011 1.196-.009.036-.017.073-.031.11-.563 1.526-1.465 1.856-5.076 1.856-2.24 0-3.2-.28-3.968-.503l-.015-.004-.21-.059c-.316-.095-.569-.165-.731-.165l-2.807-.036a.475.475 0 01-.13-.024 1.126 1.126 0 00-.06-.015c-.252.21-.574.341-.927.341H3.612a1.457 1.457 0 01-1.457-1.456v-7.594c0-.807.653-1.46 1.457-1.46h2.585c.333 0 .639.118.885.309.55-.283 1.768-1.042 1.885-2.275.11-1.123.096-2.527.07-3.639l-.001-.02-.001-.022a3.032 3.032 0 00-.018-.241l-.002-.016-.02-.23c-.067-.95.275-1.53.569-1.849.443-.476 1.11-.728 1.927-.728 1.566 0 2.499.95 2.499 2.535l-.003.098-.006.132c0 1.26-.002 2.787-.005 3.613l2.07.062h3.412c1.204.067 2.383.818 2.383 2.347zm-1.59 1.958a.584.584 0 01-.191-.45c0-.175.073-.34.202-.455.235-.21.358-.574.358-1.05 0-.95-.832-1.098-1.19-1.118h-3.395l-2.687-.081a.614.614 0 01-.596-.616s.008-2.398.008-4.222v-.033l.006-.12c0-.975-.379-1.365-1.27-1.365-.324 0-.767.06-1.027.336-.19.205-.272.516-.244.925l.017.19.001.015c.008.079.016.156.021.249.003.022.006.044.006.067.025 1.157.042 2.641-.076 3.851-.173 1.818-1.781 2.857-2.54 3.25v.014a.235.235 0 01.005.042v7.52l2.476.034c.328 0 .653.093 1.062.21l.216.062.01.003c.73.212 1.558.454 3.628.454 3.44 0 3.653-.334 3.902-.998.084-.546.003-.79-.08-.94a.609.609 0 01-.04-.5.604.604 0 01.342-.36c.414-.174.91-.5.91-1.062 0-.395-.087-.706-.255-.902a.617.617 0 01.118-.908c.44-.3.664-.672.664-1.104 0-.4-.12-.717-.362-.938zM4.882 14.472c.449 0 .76-.314.76-.762 0-.451-.311-.762-.76-.762-.448 0-.762.313-.762.762 0 .448.314.761.762.761z",
-            fill: a
+            fill: r
         })
     }));
 };

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,32 +91,32 @@ 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, l = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var l = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, s = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.skinName, e = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = h != null ? h : n ? e.inverse : e.neutralHigh;
-    return i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), e = l != null ? l : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), r = ref.skinName;
+    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M22 10.912c0 .688-.386 1.277-.945 1.591.358.332.582.805.591 1.32 0 1.01-.82 1.829-1.82 1.829h-.01c.229.304.373.683.373 1.095 0 1.01-.82 1.829-1.82 1.829h-.01c.228.304.373.683.373 1.095 0 1.01-.82 1.829-1.82 1.829h-6.183c-.777 0-1.555-.314-2.076-.837-.382-.384-.978-.623-1.56-.623H4.91a.365.365 0 010-.73h2.183c.778 0 1.555.314 2.076.838.382.384.978.622 1.56.622h6.183c.6 0 1.089-.491 1.089-1.095 0-.603-.489-1.095-1.09-1.095a.364.364 0 010-.73h1.453a1.094 1.094 0 000-2.19h-.363a.364.364 0 010-.729h1.816c.6 0 1.089-.491 1.089-1.095 0-.603-.489-1.094-1.09-1.094h-1.452a.365.365 0 010-.73h1.82a1.095 1.095 0 000-2.19h-7.272a.365.365 0 010-.73h.731a.46.46 0 01.014-.112l1.076-3.42V4.52c0-.702-.536-1.277-1.192-1.277-.577 0-1.057.327-1.187.823l-.545 2.185a.411.411 0 01-.098.169l-3.938 3.958a1.82 1.82 0 01-1.285.533H2.726a.364.364 0 010-.73h3.762c.293 0 .568-.117.773-.322l3.868-3.888.522-2.096c.219-.829.978-1.376 1.89-1.376 1.057 0 1.918.903 1.918 2.012v1.095c0 .037-.01.074-.019.112l-1.056 3.364h5.796c1.005 0 1.82.823 1.82 1.83zM2.726 20.41a.729.729 0 000-1.46.729.729 0 000 1.46z",
-            fill: t
+            fill: e
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.841 13.88c0-.642-.201-1.104-.434-1.42.233-.325.434-.818.437-1.538 0-1.518-1.182-2.123-2.218-2.18h-3.493l-2.33-.07.001-1.407c.002-.78.004-1.698.004-2.506l.005-.134.003-.095c0-1.504-.851-2.37-2.333-2.37-.773 0-1.398.232-1.81.675-.392.42-.574 1.017-.524 1.723l.02.232c.014.104.022.208.025.311.025 1.143.04 2.588-.073 3.756-.14 1.46-1.644 2.309-2.165 2.56a1.24 1.24 0 00-.863-.35H3.4c-.687 0-1.244.56-1.244 1.247v7.807c0 .686.557 1.246 1.244 1.246h2.694c.328 0 .642-.129.874-.361.079.034.163.05.25.053l2.865.037c.192 0 .441.07.788.167l.022.006.213.063c.773.226 1.734.509 4.014.509 3.764 0 4.479-.395 5.002-1.827.087-.512.082-.927-.022-1.291.779-.431 1.204-1.084 1.204-1.865 0-.55-.123-.953-.274-1.241.527-.471.812-1.079.812-1.737zm-1.277-1.698a.411.411 0 00.022.58c.295.27.44.644.437 1.115 0 .647-.42 1.073-.773 1.314l-.01.007a.405.405 0 00-.068.595c.207.238.314.608.314 1.065 0 .7-.58 1.086-1.068 1.29l-.033.018a.41.41 0 00-.168.554c.154.286.184.645.117 1.09-.3.812-.45 1.218-4.218 1.218-2.163 0-3.025-.252-3.787-.476l-.224-.064c-.398-.115-.718-.205-1.02-.205l-2.754-.036v-.076l.002-.006a.235.235 0 00.004-.041v-7.81a.13.13 0 00-.003-.024l-.002-.024v-.123c.672-.328 2.42-1.347 2.599-3.207.115-1.23.098-2.737.073-3.91L10 5a3.6 3.6 0 00-.025-.294l-.017-.204c-.036-.485.067-.857.305-1.112.252-.272.673-.415 1.213-.415 1.037 0 1.518.496 1.518 1.63l-.005.124v.022c0 1.863-.009 4.317-.009 4.317-.002.22.174.4.395.409l2.74.08h3.482c.336.02 1.425.172 1.425 1.365 0 .549-.15.977-.437 1.238l-.022.022zM5.491 13.748c0-.454-.316-.767-.767-.767-.454 0-.768.316-.768.767s.317.768.768.768c.453 0 .767-.314.767-.768zm.602 6.807l-2.694.003a.43.43 0 01-.429-.432v-7.81a.43.43 0 01.429-.43h2.694c.227 0 .415.179.426.406v7.854a.428.428 0 01-.426.409z",
-            fill: t
+            fill: e
         })
     }));
 };