@telefonica/mistica 12.9.1 → 12.11.0

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

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        return o;
     }
 });
-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 z = function z(_param) {
-    var c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, r = _param.children, h = _objectWithoutProperties(_param, [
+var o = function o(_param) {
+    var c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, s = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, m = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : m ? a.inverse : a.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.26 19.05c-.245.25-.384.576-.384.926 0 .135.027.265.065.392a8.398 8.398 0 01-3.177-1.065V13.48c0-.85-.688-1.539-1.538-1.539H3.503A8.478 8.478 0 016.78 5.245a5.26 5.26 0 00-.17 1.312v.03c0 .047 0 .093.004.139 0 .046.004.092.008.138l.023.277c.004.046.012.093.016.135.007.046.011.088.019.135l.023.134c.008.046.015.089.027.13.007.043.019.09.03.132l.035.13.035.127c.011.043.027.085.038.127.016.043.027.085.043.127.015.043.03.085.046.123.015.043.03.081.05.123.015.043.034.081.05.123.019.039.034.081.054.12l.057.119c.02.038.039.077.062.115.019.039.042.077.061.116.023.038.043.077.066.115l.069.112.07.111.072.108c.023.034.05.073.077.108.027.034.05.069.077.103l.08.104c.028.035.055.066.086.1.026.035.057.066.084.1.03.031.058.066.089.096.03.031.061.062.088.093l.092.092c.031.03.062.062.097.089.034.026.065.057.096.088.03.027.065.058.1.085.034.027.065.053.1.084.034.031.069.054.104.081.034.027.069.054.103.077.035.027.07.05.108.077l.108.073.111.07c.039.022.073.045.112.068.038.023.077.043.115.066a1.7 1.7 0 00.116.061l.119.062c.038.02.08.038.12.057.038.02.08.039.118.054.043.02.081.035.123.05.043.016.081.035.123.05l.127.046c.043.016.085.027.127.043.043.015.085.027.127.038l.131.035.13.034c.043.012.09.02.132.031.046.008.088.02.134.027l.135.023c.046.008.092.016.134.02.047.007.093.011.139.015l.277.023c.046.004.092.004.138.008.058.004.12.004.177.004h.158c.046 0 .092-.004.138-.008l.277-.023c.046-.004.093-.012.135-.016.046-.007.088-.011.134-.019L13 11.85c.046-.008.089-.02.135-.027.042-.007.088-.02.13-.03l.131-.035.131-.035c.042-.011.085-.027.127-.038.042-.016.085-.027.127-.043l.127-.046c.042-.015.08-.03.123-.05.042-.015.08-.034.123-.05.042-.019.08-.034.12-.054l.119-.057.119-.062c.038-.02.077-.042.115-.061l.116-.066c.038-.023.076-.046.111-.069.039-.023.073-.046.111-.07.039-.022.074-.05.108-.072a1.8 1.8 0 00.108-.077 1.78 1.78 0 01.104-.077l.104-.08c.034-.028.069-.055.1-.086.03-.03.065-.057.1-.084.03-.03.065-.058.096-.089.03-.03.061-.061.096-.092l.092-.092a1.15 1.15 0 00.089-.096c.03-.031.057-.066.088-.097.027-.03.058-.065.085-.1.027-.034.054-.065.084-.1l.081-.103a1.82 1.82 0 00.077-.104c.027-.035.05-.07.077-.108l.073-.108.07-.111c.022-.039.046-.073.069-.112.023-.038.042-.077.065-.115.023-.039.042-.077.061-.116a1.89 1.89 0 00.058-.119c.02-.038.039-.08.058-.119.02-.038.035-.08.054-.12.019-.042.034-.08.05-.122.015-.043.03-.081.046-.123l.046-.127c.015-.043.027-.085.042-.127.016-.043.027-.085.039-.127.023-.087.045-.174.065-.262.012-.042.02-.088.031-.13.008-.043.02-.089.027-.135l.023-.135c.008-.046.012-.088.02-.134.007-.046.01-.093.015-.135l.011-.138c.004-.047.008-.093.008-.139.004-.046.004-.092.004-.138v-.139a5.26 5.26 0 00-.17-1.311 8.456 8.456 0 013.193 5.53 1.106 1.106 0 00-.42-.03l-.019.004c-.3.03-.58.165-.792.373l-.996.996a1.307 1.307 0 000 1.854l.88.88c.305.304.2.808.058 1.177-.211.547-.65 1.181-1.211 1.743-.562.561-1.193 1-1.743 1.211-.369.143-.873.246-1.176-.057l-.881-.881c-.489-.489-1.366-.489-1.858 0l-.992.992zm3.424-12.878h1.908a4.638 4.638 0 00-.458-1.646 4.638 4.638 0 00-2.404-2.242c.25.365.48.857.65 1.503.165.631.277 1.416.304 2.385zm-.954 4.654a4.624 4.624 0 002.861-3.885h-1.907c-.05 1.966-.462 3.158-.954 3.885zM9.614 3.787c.177-.653.408-1.146.662-1.511a4.662 4.662 0 00-2.423 2.25 4.558 4.558 0 00-.458 1.646h1.908c.03-.97.142-1.754.311-2.385zm.662 7.05c-.496-.723-.92-1.919-.97-3.896H7.4a4.625 4.625 0 002.877 3.897zm1.335.204v-4.1h-1.535c.077 2.904.992 3.816 1.535 4.1zm0-4.869v-4.1c-.327.173-.793.577-1.127 1.512-.216.607-.377 1.442-.408 2.588h1.535zm2.303.77H12.38v4.103c.538-.284 1.458-1.196 1.534-4.104zm-.407-3.358c-.335-.939-.8-1.343-1.127-1.516v4.104h1.534c-.03-1.146-.192-1.977-.407-2.588zM1.995 20.018c0 .424.346.77.77.77h3.461c.423 0 .77-.346.77-.77h-5zm0-5.769v5h5v-5h-5zm4.23-1.538h-3.46a.772.772 0 00-.77.769h5a.772.772 0 00-.769-.77zm15.532.23l-1.266-1.265c-.003-.004-.007-.004-.007-.008a.546.546 0 00-.377-.153l-.058.007a.555.555 0 00-.327.154l-.992.992a.551.551 0 000 .77l.88.88c.17.17.282.366.35.573.324 1-.442 2.37-1.503 3.431-1.039 1.039-2.373 1.796-3.366 1.527a1.43 1.43 0 01-.638-.373l-.88-.88a.55.55 0 00-.385-.158.538.538 0 00-.385.161l-.992.992a.55.55 0 000 .77l1.265 1.265c.173.173.68.339 1.412.312.646-.023 2.911-.273 4.95-2.6 2.68-3.07 2.842-5.877 2.319-6.397z",
-            fill: t
+            fill: i
         })
     }));
 };

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

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

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         return o;
     }
 });
-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 o = function o(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, s = _param.children, h = _objectWithoutProperties(_param, [
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, t = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, m = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : m ? l.inverse : l.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), m = a != null ? a : h ? _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"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.526 12.283l-1.155-1.155a1.413 1.413 0 00-.569-.343 7.854 7.854 0 00-2.875-4.956 5.104 5.104 0 00-4.845-3.825h-.017c-.011 0-.025-.004-.036-.004-.01 0-.018-.004-.029-.004-.007 0-.028 0-.06.004a5.095 5.095 0 00-4.867 3.826 7.862 7.862 0 00-2.96 5.814h-.526a1.6 1.6 0 00-1.588 1.609v6.085a1.6 1.6 0 001.588 1.61H6.74a1.6 1.6 0 001.587-1.61v-.347a7.844 7.844 0 002.557.823c.068.179.171.343.31.483l1.156 1.154c.35.35.994.547 1.78.547.054 0 .108 0 .165-.003 1.813-.06 3.736-1.058 5.149-2.675 2.51-2.857 3.11-6.003 2.08-7.033zM9.372 7.631c.05 1.327.29 2.267.608 2.932a4.017 4.017 0 01-1.96-2.932h1.352zm3.165 3.208V7.63h1.019c-.079 1.849-.562 2.793-1.02 3.208zm0-4.28V3.35c.421.369.94 1.223 1.019 3.208h-1.02zm-1.073-3.197V6.56h-1.02c.083-1.963.602-2.821 1.02-3.197zm0 4.27v3.196c-.418-.375-.937-1.234-1.02-3.197h1.02zm3.164 0h1.352a4.037 4.037 0 01-1.945 2.924c.31-.668.543-1.609.593-2.925zm1.352-1.073h-1.352c-.05-1.32-.286-2.256-.593-2.925a4.037 4.037 0 011.945 2.925zm-6-2.936c-.315.665-.558 1.606-.608 2.932H8.021a4.017 4.017 0 011.96-2.932zM6.923 7.438a5.09 5.09 0 005.013 4.745c.032.004.053.004.06.004l.047-.004h.036a5.099 5.099 0 004.991-4.737 6.76 6.76 0 011.656 3.454 1.33 1.33 0 00-.318.228l-.905.905a1.37 1.37 0 00-.404.976c0 .368.143.715.404.976l.805.805c.371.372-.1 1.444-1.052 2.395-.95.952-2.027 1.423-2.395 1.052l-.805-.805c-.522-.522-1.434-.522-1.956 0l-.904.905a1.3 1.3 0 00-.272.397 6.8 6.8 0 01-2.596-.99v-4.488a1.6 1.6 0 00-1.587-1.61H5.185a6.778 6.778 0 011.738-4.208zm-3.85 7.076h4.186v3.551H3.072v-3.55zm.514-1.794H6.74c.282 0 .514.239.514.536v.186H3.072v-.186c0-.297.232-.537.515-.537zm3.157 7.158H3.587a.527.527 0 01-.515-.537v-.2H7.26v.2a.53.53 0 01-.515.537zm11.896-1.259c-1.81 2.067-3.808 2.288-4.376 2.306-.662.025-1.044-.125-1.152-.228l-1.155-1.155a.309.309 0 010-.436l.905-.905a.308.308 0 01.436 0l.805.804c.986.99 2.678.183 3.911-1.05 1.238-1.238 2.038-2.926 1.052-3.913l-.805-.804a.308.308 0 010-.436l.905-.905a.32.32 0 01.186-.086l.032-.007c.082 0 .16.032.218.09l1.155 1.154c.35.336.357 2.743-2.117 5.571z",
-            fill: r
+            fill: m
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, l = _param.children, i = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _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)(), v = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.743 12.197c.207-.51.084-1.078-.325-1.479l-8.274-8.106c-.62-.608-1.673-.608-2.292 0l-8.274 8.106c-.41.4-.532.97-.322 1.482.232.566.81.933 1.47.933h.625v7.274c0 .79.703 1.434 1.569 1.434h.857v-9.033c0-.342.277-.617.616-.617h9.18c.34 0 .615.278.615.617v9.03h.77c.866 0 1.57-.641 1.57-1.434V13.13h.744c.662 0 1.239-.367 1.471-.933zM8.009 15.452v-2.053h7.947v2.053H8.009zm0 1.204v2.054h7.947v-2.054H8.009zm0 3.135v2.05h7.95v-2.05h-7.95z",
-            fill: s
+            fill: v
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return H;
+        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 H = function H(_param) {
-    var e = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, a = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var r = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, a = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, v = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : v ? c.inverse : c.neutralHigh;
+    var v = (0, _themeVariantContextJs.useIsInverseVariant)(), i = r != null ? r : v ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.416 10.714l-8.272-8.107c-.621-.608-1.672-.608-2.29 0L2.58 10.714c-.409.4-.535.969-.325 1.481.233.566.807.933 1.468.933h.63v7.275c0 .79.704 1.434 1.57 1.434h1.472c.003 0 .005 0 .007-.002l.007-.001.012.003h9.106c.004 0 .008 0 .011-.002l.011-.001c.005 0 .008.001.012.003l.01.003h1.385c.865 0 1.568-.645 1.568-1.435v-7.277h.745c.662 0 1.239-.367 1.471-.933.21-.512.084-1.078-.325-1.481zm-.434 1.17c-.081.194-.314.423-.712.423h-1.156a.408.408 0 00-.41.41V20.4c0 .339-.335.616-.747.616h-.975v-8.213a.41.41 0 00-.41-.409H7.397a.41.41 0 00-.408.41v8.212H5.926c-.412 0-.748-.274-.748-.613v-7.684a.41.41 0 00-.409-.409H3.724c-.395 0-.63-.23-.708-.423-.05-.117-.096-.356.137-.582l8.274-8.112c.3-.295.846-.295 1.146 0l8.272 8.106c.232.23.187.465.137.585zm-4.82 3.39H7.804v-2.062h8.356v2.062zm0 5.74H7.804v-2.051h8.356v2.05zm-8.357-2.87v-2.05h8.356v2.05H7.805z",
             fill: i

package/dist/generated/mistica-icons/icon-garaje-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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, s = _param.children, v = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var h = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, s = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : a ? r.inverse : r.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), c = h != null ? h : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.363 10.6l-8.104-7.94c-.683-.67-1.843-.67-2.526 0l-8.107 7.943a1.51 1.51 0 00-.361 1.67c.258.63.896 1.039 1.625 1.039h.414v6.927c0 .885.779 1.605 1.737 1.605h1.442l.007-.001a.02.02 0 01.007-.002l.009.003h8.921c.009 0 .014-.003.02-.003h.004l.009.002h.008l.004.001h1.356c.958 0 1.737-.72 1.737-1.605v-6.927h.53c.727 0 1.366-.406 1.624-1.04.243-.582.103-1.22-.356-1.672zm-.753 1.213c-.054.135-.222.289-.51.289h-1.132a.601.601 0 00-.602.602v7.53c0 .218-.244.4-.532.4h-.754v-7.846a.601.601 0 00-.602-.602H7.486a.601.601 0 00-.602.602v7.846h-.84c-.289 0-.533-.182-.533-.4v-7.53a.601.601 0 00-.602-.602H3.892c-.29 0-.456-.157-.51-.289-.053-.126-.022-.243.09-.353l8.104-7.944c.215-.213.624-.213.84 0l8.104 7.944c.112.11.14.23.09.353zm-4.734 3.2H8.088v-1.62h7.788v1.62zm0 5.621H8.088v-1.608h7.788v1.608zm-7.788-2.81v-1.607h7.788v1.607H8.088z",
             fill: c

package/dist/generated/mistica-icons/icon-gas-station-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, l = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : i ? t.inverse : t.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), a = c != null ? c : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.834 8.7a.412.412 0 00-.003.051l.003 10.28c0 2.04-1.46 2.79-2.709 2.813h-.143c-1.327-.017-2.79-.768-2.79-2.824v-3.874a1.54 1.54 0 00-1.54-1.535h-.48v6.855c0 .733-.658 1.378-1.408 1.378H3.559c-.75 0-1.409-.645-1.409-1.378V3.552c0-.72.673-1.378 1.41-1.378h9.204c.737 0 1.409.659 1.409 1.378v8.852h.479a2.748 2.748 0 012.748 2.742v3.874c0 1.387.952 1.608 1.52 1.616h.183c.568-.01 1.524-.235 1.524-1.605l-.006-8.098a3.02 3.02 0 01-1.291.322c-.05.003-.11.003-.168.003h-.073c-.527-.008-2.504-.199-2.504-2.63 0-2.076 1.428-2.51 2.173-2.594l-2.823-2.851a.602.602 0 11.86-.846l4.333 4.378c.028.025.053.05.078.078l.009.009c0 .002 0 .002.003.005.355.392.619.97.619 1.84 0 .019-.002.036-.003.052zm-10.065.261v-3.09c0-.616-.484-1.159-1.039-1.159h-5c-.557 0-1.042.543-1.042 1.16v3.09c0 .627.48 1.159 1.042 1.159h5c.563 0 1.04-.532 1.04-1.16zm8.86-.277c0-.011 0-.025-.002-.028 0-.23-.003-.692-.306-1.028l-.047-.05c-.2-.19-.502-.33-.984-.342l-.162-.003h-.045c-1.288.008-1.288 1.022-1.288 1.406 0 .384 0 1.404 1.313 1.423h.056l.149-.003c1.126-.02 1.288-.756 1.31-1.207V8.71a.04.04 0 01.004-.012.04.04 0 00.002-.013z",
-            fill: n
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-gas-station-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, i = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, s = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = c != null ? c : n ? t.inverse : t.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.837 19.173L21.83 8.627a.093.093 0 00-.004-.026l-.002-.005.003-.028c0-1.118-.423-1.768-.933-2.149a.056.056 0 01-.008-.013.052.052 0 00-.014-.017L16.745 2.27a.41.41 0 00-.58.58l3.042 3.036-.157-.003h-.047c-.54.006-2.54.19-2.54 2.67 0 2.482 2.022 2.675 2.56 2.683h.246c.297-.005 1.112-.075 1.742-.613l.006 8.549c0 1.633-1.227 1.832-1.756 1.843h-.194c-.53-.008-1.756-.204-1.756-1.857v-3.952a2.598 2.598 0 00-2.6-2.594h-.697v-9.24c0-.63-.588-1.202-1.232-1.202H3.383c-.645 0-1.233.572-1.233 1.202v17.266c0 .639.577 1.202 1.233 1.202h9.398c.655 0 1.23-.563 1.23-1.202v-7.202h.697c.98-.002 1.776.79 1.778 1.77v3.953c0 1.947 1.325 2.661 2.558 2.678h.087l.142-.003c1.183-.02 2.563-.731 2.563-2.661zm-8.646 1.462c0 .19-.208.381-.41.384l-9.397-.003c-.202 0-.41-.19-.41-.38V3.371c0-.177.222-.381.41-.381h9.398c.187 0 .409.207.409.38v17.264zm6.064-10.218l-.219-.003c-.798-.011-1.748-.342-1.748-1.863 0-1.513.939-1.837 1.726-1.846h.04l.187.003c.804.02 1.765.359 1.765 1.86 0 1.501-.953 1.832-1.751 1.849zm-8.521-1.53a.33.33 0 01-.025.116c-.01.024-.015.04-.006.044H5.625a.237.237 0 01-.062-.16V5.733c0-.043.015-.084.026-.114.009-.025.015-.042.008-.045l5.058-.009c.029.017.079.093.079.168v3.154zm.823-3.154c0-.524-.4-.98-.857-.98L5.597 4.75c-.457 0-.858.46-.858.98v3.157c0 .532.393.98.858.98H10.7c.465 0 .857-.45.857-.98V5.733z",
-            fill: r
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-gas-station-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), h = c != null ? c : r ? l.inverse : l.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = 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: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M10.73 4.702c.555 0 1.04.54 1.04 1.16v3.09c0 .627-.477 1.159-1.04 1.159h-5c-.563 0-1.042-.532-1.042-1.16v-3.09c0-.618.487-1.159 1.042-1.159h5zm-.17 1.204H5.903l-.009 2.998 4.659.002.005-3z",

package/dist/generated/mistica-icons/icon-gift-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, h = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var c = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, a = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, i = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), v = c != null ? c : r ? i.inverse : i.neutralHigh;
+    var v = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : v ? _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: h,
         height: h,
@@ -105,7 +106,7 @@ var f = function f(_param) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.422 10.334v1.294h-7.86V8.3h2.62c1.446 0 2.62-1.161 2.62-2.593s-1.174-2.593-2.62-2.593c-1.385 0-2.534 1.071-2.616 2.441-.004.052-.004.1-.004.152V8.3h-1.117v3.333H3.58v-1.294c0-1.124.925-2.039 2.06-2.039h1.878a2.742 2.742 0 01-.566-1.669c0-1.53 1.26-2.777 2.807-2.777.719 0 1.37.27 1.868.71A3.74 3.74 0 0115.188 2c2.064 0 3.74 1.66 3.74 3.702a3.68 3.68 0 01-1.072 2.593h.512c1.13.005 2.055.915 2.055 2.039zM11.441 8.3V6.636a1.68 1.68 0 00-1.686-1.668c-.93 0-1.682.744-1.682 1.663 0 .92.757 1.67 1.686 1.67h1.682zM3.58 21.445c0 .308.248.555.56.555h7.295v-9.258H3.58v8.703zM19.856 22h-7.295v-9.258h7.855v8.703a.555.555 0 01-.56.555z",
-            fill: v
+            fill: i
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: h,
@@ -115,7 +116,7 @@ var f = function f(_param) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.841 8.491c0-.851-.691-1.63-1.45-1.63v-.003h-2.91c.363-.367.613-.778.71-1.232.15-.678-.022-1.41-.492-2.118-.47-.709-1.087-1.16-1.779-1.302-.692-.146-1.443.025-2.165.484-.807.513-1.454 1.656-1.894 2.658-.437-1-1.087-2.145-1.893-2.658-.723-.46-1.471-.63-2.166-.484-.694.145-1.308.593-1.778 1.302-.471.706-.639 1.44-.493 2.118.098.454.347.868.708 1.232H3.606c-.759 0-1.45.779-1.45 1.63v2.953c0 .753.484 1.403 1.114 1.58h8.048V7.47h1.252v5.553h8.003c.02 0 .04.005.06.01a.357.357 0 00.038.01c.658-.155 1.17-.824 1.17-1.6V8.49zm-5.196-4.313c.289.434.398.837.32 1.196-.076.358-.342.683-.787.966-.7.445-2.46.457-3.521.375.35-.988 1.072-2.543 1.781-2.994.445-.286.854-.392 1.221-.314.365.076.698.336.986.77zM3.388 20.21v-5.963h7.93v7.596h-6.48c-.784 0-1.45-.742-1.45-1.633zm9.182-5.963h7.975v5.972c0 .882-.659 1.627-1.454 1.627H12.57v-7.6zM7.545 6.34c-.446-.283-.712-.608-.79-.964-.079-.358.03-.761.319-1.196.291-.434.622-.694.989-.77.075-.017.154-.025.235-.025.303 0 .636.112.986.336.709.451 1.431 2.008 1.782 2.994-1.062.084-2.818.07-3.521-.375z",
-            fill: v
+            fill: i
         })
     }));
 };

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        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 z = function z(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, s = _param.children, t = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, v = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : r ? v.inverse : v.neutralHigh;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), v = e != null ? e : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), a = ref.skinName;
+    return a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -105,7 +106,7 @@ var z = function z(_param) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.675 21.242H12.19v-8.677h7.107v4.53c0 .207.167.376.373.376a.376.376 0 00.374-.377V10.3a1.883 1.883 0 00-1.873-1.888h-1.005a3.589 3.589 0 001.379-2.83C18.545 3.609 16.95 2 14.992 2c-1.686 0-3.099 1.193-3.463 2.786a2.599 2.599 0 00-1.963-.898 2.632 2.632 0 00-2.62 2.641c0 .739.302 1.405.79 1.888H5.453c-1.03 0-1.872.845-1.872 1.888v11.318c0 .208.168.377.374.377h15.712a.376.376 0 00.373-.377.372.372 0 00-.364-.381zM12.19 5.588c0-1.56 1.26-2.83 2.806-2.83 1.547 0 2.807 1.27 2.807 2.83s-1.26 2.83-2.807 2.83H12.19v-2.83zm5.986 3.582c.618 0 1.12.507 1.12 1.13v1.507H12.19V9.17h5.986zm-6.733 12.072H4.337v-8.677h7.106v8.677zm-7.106-9.43v-1.507c0-.623.502-1.13 1.12-1.13h5.986v2.637H4.337zm7.106-3.395H9.571A1.883 1.883 0 017.698 6.53a1.88 1.88 0 011.873-1.888 1.88 1.88 0 011.872 1.888v1.888zm8.232 11.69a.751.751 0 00.747-.753.751.751 0 00-.747-.753.751.751 0 00-.747.753.75.75 0 00.747.753z",
-            fill: i
+            fill: v
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
@@ -115,7 +116,7 @@ var z = function z(_param) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.26 7.06h3.317c.664 0 1.27.69 1.266 1.446v2.997c0 .77-.593 1.445-1.268 1.445h-.056V20.4c0 .77-.594 1.446-1.27 1.446H4.693c-.678 0-1.271-.678-1.271-1.448V13.04c0-.026.006-.05.013-.072l.006-.02H3.43c-.675 0-1.269-.678-1.269-1.449V8.506c0-.756.605-1.445 1.269-1.445h3.255c-.608-.432-1.009-.961-1.137-1.555-.14-.65.028-1.356.487-2.042.46-.686 1.056-1.123 1.723-1.26.666-.14 1.392.027 2.1.476.93.588 1.676 2.08 2.113 3.19.44-1.106 1.184-2.602 2.117-3.19.709-.451 1.437-.617 2.101-.477.667.138 1.263.575 1.723 1.26.46.69.627 1.396.487 2.043-.129.594-.526 1.126-1.137 1.555zm-2.705-3.689c-.89.563-1.728 2.51-2.053 3.507 1.047.115 3.243.171 4.137-.394 1.048-.664 1.24-1.55.56-2.566-.339-.507-.737-.81-1.185-.902-.448-.096-.938.025-1.459.355zm-6.622-.355c-.448.092-.846.395-1.185.902-.339.507-.46.983-.364 1.42.093.431.406.82.927 1.148.894.563 3.093.507 4.137.395-.327-.997-1.168-2.947-2.056-3.507-.408-.257-.798-.386-1.162-.386-.1 0-.199.008-.297.028zM3.014 11.5c0 .35.252.617.415.617h8.095v-4.23H3.432c-.14 0-.418.28-.418.619V11.5zm17.978 0V8.51c0-.34-.277-.62-.417-.62h-8.202v4.23h8.202c.165 0 .417-.266.417-.619zm-1.322 8.897v-7.448h-7.294v8.067h6.876c.166 0 .418-.266.418-.62zM4.278 13.038v7.356c-.003.353.252.619.414.619h6.832v-8.067H4.258l.006.02a.246.246 0 01.014.072z",
-            fill: i
+            fill: v
         })
     }));
 };

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, a = _param.children, t = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, s = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, v = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : n ? v.inverse : v.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), t = 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: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.998 8.037h-.167a3.88 3.88 0 00.712-2.265C18.543 3.657 16.946 2 14.907 2c-1.578 0-2.886.99-3.398 2.42a2.952 2.952 0 00-1.69-.532c-1.555 0-2.728 1.218-2.728 2.83 0 .484.107.933.298 1.32H6.002C4.88 8.037 4 9.031 4 10.301v10.945c0 .415.326.753.726.753h14.548c.4 0 .726-.338.726-.753v-10.95c0-1.265-.88-2.26-2.002-2.26zm.545 2.26v1.13h-5.82V9.54h5.275c.4.005.545.46.545.758zM17.09 5.772c0 1.29-.935 2.265-2.183 2.265h-2.183V5.772c0-1.29.94-2.265 2.183-2.265 1.243 0 2.183.975 2.183 2.265zm-8.546.942c0-.778.52-1.319 1.27-1.319.699 0 1.453.507 1.453 1.319v1.318H9.814c-.75.005-1.27-.54-1.27-1.318zm2.727 2.83v1.888H5.452v-1.13c0-.304.145-.758.545-.758h5.274zM5.452 12.94h5.82v7.544h-5.82V12.94zm7.272 0h5.819v7.544h-5.82V12.94z",
-            fill: i
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.74 6.95h2.638c.768 0 1.465.776 1.465 1.63v2.927c0 .821-.577 1.513-1.294 1.614v7.087c0 .885-.672 1.633-1.465 1.633H4.857c-.792 0-1.465-.748-1.465-1.633v-7.093c-.686-.129-1.232-.81-1.232-1.605V8.583c0-.854.697-1.633 1.465-1.633h2.577c-.37-.373-.628-.796-.728-1.258-.152-.692.025-1.437.507-2.16.983-1.47 2.532-1.79 4.044-.831.827.52 1.496 1.694 1.947 2.717.454-1.023 1.12-2.194 1.947-2.717 1.513-.958 3.062-.639 4.045.832.482.722.658 1.467.507 2.16-.101.461-.359.884-.731 1.257zm-3.123-3.207c-.729.462-1.471 2.05-1.833 3.056 1.087.087 2.9.075 3.622-.381.457-.289.732-.622.81-.986.081-.367-.03-.776-.328-1.222-.594-.887-1.358-1.044-2.272-.467zm-6.3-.34c-.48 0-.902.27-1.264.81-.296.443-.409.855-.327 1.224.078.365.353.698.81.986.72.457 2.532.468 3.618.381-.358-1.008-1.1-2.6-1.829-3.059-.358-.226-.697-.341-1.008-.341zM3.44 8.58h.003v2.927c0 .21.134.364.193.387h7.672v-3.7H3.625a.556.556 0 00-.185.386zm17.12 2.93V8.583c0-.193-.15-.367-.212-.39l-7.762.003v3.7h7.79c.044-.013.184-.173.184-.386zm-1.476 9.084c.042-.014.182-.174.185-.386V13.14h-6.68v7.454h6.495zM4.673 13.14v7.068c0 .213.14.37.198.386h6.435V13.14H4.673z",
-            fill: i
+            fill: t
         })
     }));
 };

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

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