@telefonica/mistica 12.9.1 → 12.11.0

package/dist/generated/mistica-icons/icon-data-network-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, e = tmp === void 0 ? 24 : tmp, a = _param.children, v = _objectWithoutProperties(_param, [
+var o = function o(_param) {
+    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, m = (0, _themeVariantContextJs.useIsInverseVariant)(), r = c != null ? c : m ? h.inverse : h.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), l = c != null ? c : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.437 7.894c.263.977.409 2.07.409 3.288 0 5.9-3.196 9.023-9.26 9.023-.894 0-1.734-.073-2.51-.207l-.007-.004-.005-.003a.054.054 0 00-.03-.01v.596c0 .39-.418.712-1.241.944-.723.208-1.684.325-2.695.325-1.003 0-1.963-.117-2.695-.325-.823-.232-1.24-.554-1.24-.944v-1.972c.28.19.655.364 1.106.49.765.225 1.776.34 2.84.34 1.07 0 2.076-.118 2.85-.34a3.29 3.29 0 001.078-.495v.596a.503.503 0 01.196-.017c.593.11 1.249.16 1.938.183v-4.076h-2.126a.421.421 0 01-.263-.098c-.213.174-.527.347-.978.479-.723.199-1.683.316-2.695.316-1.01 0-1.963-.117-2.686-.316-.647-.19-1.115-.47-1.258-.753v-2.222c.264.207.63.373 1.107.504.765.225 1.776.342 2.84.342 1.062 0 2.076-.115 2.849-.342.46-.131.815-.288 1.078-.487v1.748h2.135v-6.03h-3.93c-.18.811-.28 1.671-.289 2.568l.012.002c.296.05.577.097.831.171.715.208 1.124.474 1.216.796l-.008.008c-.12.297-.527.555-1.2.745-.73.208-1.683.322-2.694.322s-1.963-.114-2.686-.322c-.69-.199-1.107-.462-1.216-.77l-.008-.008c.11-.292.501-.555 1.14-.745v-.009c0-1.218.146-2.31.417-3.288a.149.149 0 00.009-.03.12.12 0 01.008-.03c1.053-3.719 4.048-5.674 8.818-5.674 4.787 0 7.781 1.955 8.835 5.675l.002.02c.001.012.002.025.006.036zm-9.266-.297l-.008-4.566c-1.583.28-2.995 2.104-3.71 4.566h3.718zm4.317 0c-.648-2.496-1.939-4.283-3.48-4.566l.009 4.566h3.47zm4.075 6.86c.289-.953.434-2.04.434-3.272 0-1.011-.092-1.93-.288-2.759h-3.154c.154.863.238 1.782.238 2.742a15.71 15.71 0 01-.348 3.292h3.118v-.003zm-5.51 4.697c2.558-.482 4.303-1.773 5.205-3.868H17.23c-.476 1.656-1.236 3.006-2.177 3.868zm1.292-3.868H13.02v4.05c1.42-.266 2.636-1.831 3.325-4.05zm.33-6.863h-3.658v6.034h3.555c.232-1.014.366-2.123.366-3.291 0-.961-.092-1.888-.263-2.743zm3.784-.826c-.834-2.403-2.644-3.86-5.4-4.384 1.036.953 1.854 2.493 2.314 4.384h3.086zm-12.907 0c.493-1.863 1.353-3.398 2.44-4.359-2.687.538-4.448 1.998-5.272 4.359h2.832zm-.196.83H4.482c-.188.77-.28 1.63-.289 2.576.58-.1 1.224-.157 1.905-.157.347-.003.678.014 1.003.048.017-.863.1-1.69.255-2.468zm-5.193 9.442c.142.285.607.56 1.252.747.725.208 1.675.323 2.697.32 1.014 0 1.972-.115 2.692-.32.712-.207 1.104-.518 1.235-.753v-2.224c-.28.204-.65.375-1.084.496-.767.221-1.778.341-2.846.341-1.064 0-2.072-.123-2.846-.341-.45-.126-.82-.294-1.1-.49v2.224z",
-            fill: r
+            fill: l
         })
     }));
 };

package/dist/generated/mistica-icons/icon-data-network-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return l;
+        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 l = function l(_param) {
-    var c = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, i = _param.children, e = _objectWithoutProperties(_param, [
+var o = function o(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), m = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), v = c != null ? c : t ? m.inverse : m.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), v = c != null ? c : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.42 7.806a.12.12 0 00.009.028c.266.972.409 2.056.409 3.269 0 5.849-3.143 8.938-9.076 8.938a13.54 13.54 0 01-2.46-.204h-.008v.221c0 .667-.515 1.157-1.54 1.462-.692.205-1.594.32-2.536.32-.94 0-1.831-.115-2.523-.32-1.026-.302-1.544-.795-1.544-1.462v-7.655c0-.107.017-.216.042-.325.152-.51.659-.894 1.502-1.149.02-1.134.15-2.162.4-3.09a.089.089 0 00.008-.021.136.136 0 01.017-.043c1.023-3.686 3.958-5.619 8.642-5.619 4.683 0 7.616 1.933 8.65 5.622.004.01.006.02.008.028zm-9.076-.269v-4.52c-1.548.282-2.932 2.089-3.64 4.52h3.64zm.833-4.518v4.518h3.408c-.633-2.473-1.907-4.238-3.409-4.518zm4.333 11.322h3.059c.285-.944.434-2.022.434-3.238a11.99 11.99 0 00-.294-2.745h-3.09c.151.854.233 1.767.233 2.72 0 1.16-.124 2.26-.342 3.263zm-.2.82c-.475 1.645-1.218 2.984-2.133 3.838 2.51-.476 4.21-1.759 5.1-3.837h-2.966zm-4.133 4.02c1.392-.263 2.59-1.815 3.26-4.02h-3.26v4.02zm3.59-10.82h-3.59v5.983h3.481a14.31 14.31 0 00.359-3.263c0-.956-.09-1.866-.25-2.72zm.687-.824h3.025c-.818-2.372-2.594-3.826-5.291-4.339 1.005.939 1.815 2.465 2.266 4.34zm-7.16 6.804h2.05v-5.98H8.502a12.616 12.616 0 00-.283 2.448c.18.03.356.073.533.123 1.028.303 1.543.796 1.543 1.47v1.94zm2.05 4.866s0-4.045-.002-4.045h-2.05v3.874a.51.51 0 01.159 0 13.67 13.67 0 001.893.17zm-3.826-3.773c.507-.157.824-.387.941-.566 0 0 0-1.603-.002-1.603a3.715 3.715 0 01-.71.289c-.683.204-1.582.32-2.523.32-.941 0-1.84-.116-2.524-.32a3.234 3.234 0 01-.717-.294v1.624c.101.163.384.379.961.55 1.216.364 3.35.364 4.574 0zm.941 2.112s0-1.628-.002-1.628c-.208.118-.44.224-.7.306-.693.196-1.592.31-2.533.31-.941 0-1.84-.114-2.524-.313a3.545 3.545 0 01-.717-.303v1.636c.093.165.384.39.961.56 1.216.362 3.347.362 4.574 0 .54-.165.835-.398.941-.568zm-.95 3.196c.36-.107.95-.34.95-.684v-1.46c-.207.116-.44.222-.7.295-.692.204-1.591.322-2.532.322-.941 0-1.84-.118-2.524-.322a3.535 3.535 0 01-.717-.294v1.46c0 .347.591.576.95.683 1.224.361 3.35.361 4.574 0zm-4.573-9.023c-.485.14-.793.33-.9.516.107.199.415.386.908.535 1.216.361 3.35.361 4.566 0 .624-.19.832-.387.907-.518-.131-.261-.607-.443-.907-.533-1.224-.361-3.35-.361-4.574 0zm3.7-3.358H4.81a11.702 11.702 0 00-.275 2.4 11.563 11.563 0 012.852-.075c.022-.782.106-1.558.249-2.325zm2.574-5.143c-2.625.54-4.358 1.977-5.16 4.32h2.768c.485-1.85 1.333-3.368 2.392-4.32z",
             fill: v

package/dist/generated/mistica-icons/icon-data-network-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return l;
+        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 l = function l(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, m = _objectWithoutProperties(_param, [
+var o = function o(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), r = c != null ? c : t ? h.inverse : h.neutralHigh;
+    var m = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : m ? _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"
-    }, m), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.387 7.735c.04.064.065.145.073.224.252.941.381 1.983.384 3.132 0 5.837-3.123 8.924-9.036 8.924a14.02 14.02 0 01-2.32-.185v.073c0 .513-.283 1.218-1.647 1.619-.692.21-1.59.322-2.524.322-.932 0-1.826-.112-2.515-.322-1.364-.4-1.647-1.106-1.647-1.62V12.43c0-.128.014-.249.048-.36v-.01c.162-.562.697-.988 1.582-1.251.098-5.661 3.213-8.653 9.02-8.653 4.569 0 7.52 1.955 8.582 5.58zm-9.19-.328V3.455c-1.291.375-2.434 1.899-3.076 3.952h3.076zm1.216-3.944v3.944h2.863c-.575-2.076-1.622-3.566-2.863-3.944zm4.266 10.583h2.571c.244-.866.376-1.852.373-2.958 0-.908-.09-1.726-.252-2.48h-2.597c.123.78.188 1.597.188 2.463a15.7 15.7 0 01-.283 2.975zm-.3 1.204c-.38 1.3-.941 2.39-1.63 3.207 1.916-.515 3.269-1.58 4.056-3.207h-2.426zm-3.966 3.462c1.137-.35 2.109-1.641 2.7-3.456h-2.7v3.456zM16.536 8.61h-3.123v5.445l3.033-.008c.194-.916.3-1.925.3-2.975 0-.857-.073-1.686-.21-2.462zm1.008-1.202h2.465c-.73-1.877-2.143-3.112-4.201-3.68.764.913 1.364 2.182 1.736 3.68zm-7.058 6.647h1.711V8.61H8.822a12.263 12.263 0 00-.236 2.134c.082.014.171.031.252.056 1.365.41 1.648 1.107 1.648 1.628v1.627zm1.711 4.731V15.26h-1.711v3.375a.479.479 0 00.053-.004c.018-.002.036-.004.053-.004.501.095 1.045.137 1.605.16zM8.5 15.195c.42-.13.663-.306.77-.427h.003v-1.176l-.031.012c-.128.052-.25.1-.392.14-.692.21-1.583.321-2.524.321-.933 0-1.835-.114-2.516-.322a4.36 4.36 0 01-.436-.16v1.202c.09.104.333.272.787.41 1.15.335 3.179.335 4.339 0zm.77 2.187h.003V16.18c-.14.065-.278.12-.423.16-.692.21-1.583.322-2.524.322-.933 0-1.835-.112-2.516-.322a2.31 2.31 0 01-.358-.127 11.57 11.57 0 00-.078-.033v1.22c.08.098.302.266.787.409 1.15.336 3.179.336 4.339 0 .42-.13.663-.306.77-.426zm-.779 2.991c.535-.162.779-.353.779-.473h.003v-1.106a8.074 8.074 0 00-.095.038 3.203 3.203 0 01-.328.121c-.692.21-1.583.322-2.524.322-.933 0-1.835-.114-2.516-.322a4.36 4.36 0 01-.436-.16V19.9c0 .12.243.311.778.474 1.16.336 3.171.336 4.34 0zm-4.342-8.42c-.364.112-.565.224-.672.311.104.096.308.216.68.328 1.152.336 3.18.336 4.331 0 .39-.118.583-.232.681-.32-.112-.095-.33-.215-.68-.319-1.152-.344-3.188-.344-4.34 0zM7.572 8.61H5.245c-.138.602-.21 1.26-.236 1.955a12.376 12.376 0 012.37-.022c.023-.667.087-1.309.193-1.933zm2.126-4.85c-2.002.583-3.375 1.804-4.095 3.65H7.85c.406-1.468 1.045-2.728 1.848-3.65z",
-            fill: r
+            fill: t
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return l;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, c = _objectWithoutProperties(_param, [
+var l = function l(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, c = _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)(), i = r != null ? r : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12 2.155c1.63 0 3.183.196 4.367.555 1.732.523 2.608 1.367 2.605 2.507v13.568c0 1.135-.88 1.978-2.607 2.502-1.194.358-2.743.554-4.367.554-1.622 0-3.171-.196-4.362-.554-1.73-.527-2.607-1.367-2.607-2.505V5.214c0-.185.025-.364.075-.538.25-.871 1.101-1.532 2.532-1.966 1.185-.356 2.737-.555 4.365-.555zm-4.002 1.76c-.9.27-1.462.632-1.642 1.019.168.39.745.756 1.653 1.03 1.07.323 2.49.502 4.003.502 1.512 0 2.932-.18 4.003-.501.899-.272 1.476-.634 1.65-1.02-.216-.496-.99-.832-1.659-1.034-1.073-.322-2.493-.501-4.005-.501-1.51 0-2.93.18-4.003.504zm9.728 5.716h.003V6.595a6.06 6.06 0 01-1.353.574c-1.182.356-2.731.555-4.362.555-1.63 0-3.179-.196-4.36-.555a5.807 5.807 0 01-1.373-.588v3.07c.179.308.711.723 1.73 1.033 1.07.325 2.494.502 4.004.502 1.51 0 2.932-.177 4.002-.502.972-.296 1.513-.734 1.709-1.053zm0 4.728h.003v-3.07c-.387.236-.838.44-1.35.594-1.182.359-2.731.555-4.362.555-1.63 0-3.179-.196-4.364-.555a6.221 6.221 0 01-1.372-.59v3.094c.176.311.708.726 1.73 1.034 1.07.325 2.494.504 4.004.504 1.51 0 2.932-.176 4.002-.501.986-.3 1.521-.745 1.709-1.065zm-1.717 5.723c.781-.238 1.717-.655 1.717-1.3v-2.747a5.86 5.86 0 01-1.35.593c-1.182.359-2.731.555-4.362.555-1.63 0-3.179-.199-4.364-.558a6.091 6.091 0 01-1.372-.588v2.748c0 .644.935 1.062 1.72 1.3 1.075.322 2.498.501 4.003.501 1.507 0 2.93-.179 4.008-.504z",
-            fill: s
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-data-rollover-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return c;
+        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,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var c = function c(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, d = _param.children, l = _objectWithoutProperties(_param, [
+var v = function v(_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 a = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M21.778 10.776a.69.69 0 00-1 0l-.928.936C19.706 6.888 15.743 3 10.923 3 6 2.996 2 7.03 2 11.998 2 16.967 6 21 10.927 21a.72.72 0 00.716-.722.72.72 0 00-.716-.722c-4.14 0-7.5-3.384-7.5-7.562 0-4.178 3.357-7.558 7.5-7.558 4.036 0 7.32 3.238 7.5 7.235l-.892-.9a.69.69 0 00-1 0 .703.703 0 000 1.01l2.643 2.665 2.644-2.666a.733.733 0 00-.044-1.004z",
-                fill: s
+                fill: t
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M10.927 7.678c-2.356 0-4.283 1.944-4.283 4.32 0 2.376 1.927 4.32 4.283 4.32 2.356 0 4.284-1.945 4.284-4.32 0-2.376-1.928-4.32-4.284-4.32z",
-                fill: s
+                fill: t
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-data-rollover-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, c = _param.children, i = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var s = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), l = s != null ? s : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: s,
-        height: s,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.5 13.585l2.392-2.412a.348.348 0 000-.504.341.341 0 00-.5 0l-1.536 1.549V12c0-4.968-4-9-8.928-9C6 3 2 7.032 2 12s4 9 8.932 9c.212 0 .356-.141.356-.359 0-.214-.14-.359-.356-.359-4.536 0-8.216-3.71-8.216-8.282 0-4.573 3.676-8.282 8.212-8.282s8.216 3.71 8.216 8.282v.181l-1.5-1.548a.341.341 0 00-.5 0 .348.348 0 000 .504l2.356 2.448zm-.716 1.657c0-.4.324-.722.716-.722a.72.72 0 01.716.722c0 .4-.32.722-.716.722a.718.718 0 01-.716-.722zM15.216 12c0 2.375-1.928 4.319-4.284 4.319S6.644 14.375 6.644 12s1.928-4.319 4.284-4.319S15.216 9.625 15.216 12zm-4.288-3.6c-1.964 0-3.572 1.62-3.572 3.6s1.608 3.6 3.572 3.6S14.5 13.98 14.5 12s-1.608-3.6-3.572-3.6z",
-            fill: a
+            fill: l
         })
     }));
 };

package/dist/generated/mistica-icons/icon-data-rollover-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, c = _param.children, i = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : l ? t.inverse : t.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = r != null ? r : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: s,
-        height: s,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M21.778 10.776a.69.69 0 00-1 0l-.928.936C19.706 6.888 15.743 3 10.923 3 6 2.996 2 7.03 2 11.998 2 16.967 6 21 10.927 21a.72.72 0 00.716-.722.72.72 0 00-.716-.722c-4.14 0-7.5-3.384-7.5-7.562 0-4.178 3.357-7.558 7.5-7.558 4.036 0 7.32 3.238 7.5 7.235l-.892-.9a.69.69 0 00-1 0 .703.703 0 000 1.01l2.643 2.665 2.644-2.666a.733.733 0 00-.044-1.004z",
-                fill: r
+                fill: s
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M6.644 11.998c0-2.376 1.927-4.32 4.283-4.32 2.356 0 4.284 1.944 4.284 4.32 0 2.376-1.928 4.32-4.284 4.32s-4.283-1.945-4.283-4.32zm1.427 0c0 1.585 1.284 2.88 2.856 2.88 1.568 0 2.856-1.295 2.856-2.88s-1.284-2.88-2.856-2.88c-1.572 0-2.856 1.295-2.856 2.88z",
-                fill: r
+                fill: s
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-data-settings-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,13 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
+var m = function m(_param) {
     var c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : s ? a.inverse : a.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
@@ -105,7 +105,7 @@ var d = function d(_param) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M10.004 5.505c-1.227-.35-1.972-.824-2.174-1.37v-.007a.042.042 0 00-.008-.013c.199-.546.944-1.03 2.163-1.38 1.294-.368 3.002-.575 4.815-.575 1.812 0 3.523.204 4.806.574s2.011.852 2.171 1.426c0 0-.011.008-.011.017-.216.53-.952.986-2.151 1.328-1.294.366-2.992.574-4.807.574-1.815 0-3.51-.208-4.804-.574zM7.59 14.74c0-1.306.669-1.941 2.044-1.941 1.378 0 2.048.636 2.048 1.94 0 1.309-.672 1.942-2.048 1.942-1.375 0-2.044-.636-2.044-1.941zm2.044 3.151c2.079 0 3.32-1.18 3.32-3.151 0-1.975-1.238-3.152-3.32-3.152-2.078 0-3.319 1.177-3.319 3.152s1.24 3.151 3.32 3.151zm-2.392.504a.666.666 0 00-.728.115l-1.034.908-.764-.802.952-.904a.58.58 0 00.104-.723c-.168-.283-.311-.804-.379-1.199-.047-.291-.316-.507-.627-.507l-1.336-.042.048-1.039h1.288a.628.628 0 00.627-.507c.068-.395.21-.919.379-1.199a.58.58 0 00-.104-.725l-.952-.98.843-.726.955.905c.193.184.49.23.734.114a4.634 4.634 0 011.288-.375.612.612 0 00.533-.597l.047-1.249v-.022l1.095.042v1.227c0 .296.227.549.535.596l.034.009c.468.072.871.19 1.258.37a.664.664 0 00.728-.118l1.034-.905.764.801-.955.905a.59.59 0 00-.168.549c.008.05.022.1.048.148.185.356.316.768.395 1.224a.63.63 0 00.63.51l1.336.045-.048 1.036h-1.29a.63.63 0 00-.631.51 4.33 4.33 0 01-.219.799c-.053.145-.106.29-.176.423a.576.576 0 00-.023.47.6.6 0 00.143.224l.953.98-.843.729-.065-.062-.193-.182-.698-.664a.657.657 0 00-.728-.115c-.218.101-.443.18-.678.244a5.54 5.54 0 01-.616.135.615.615 0 00-.535.596v1.224c0 .025-.02.045-.045.045l-1.095-.045v-1.224a.612.612 0 00-.532-.596 4.73 4.73 0 01-1.289-.376zm12.65-6.77c-1.342.386-3.104.6-4.97.608l.544-.521c.13-.12.224-.26.292-.415 1.465-.067 2.826-.26 3.887-.574 1.272-.378 1.964-.941 2.197-1.364l-.04-3.944c-.467.364-1.106.655-1.927.896-1.372.406-3.173.639-5.073.656-1.896.017-3.703-.185-5.084-.566-.843-.224-1.495-.524-1.972-.88l.034 3.384.02.003v.703a7.315 7.315 0 00-.69.207l-.646-.613c-.502-.476-1.376-.476-1.88 0l-.765.722a1.22 1.22 0 00-.392.894c0 .336.14.655.39.894l.64.607c-.089.227-.159.46-.21.662h-.77c-.728 0-1.319.56-1.319 1.252v.994c0 .689.591 1.252 1.32 1.252h.77c.05.205.117.437.21.661l-.642.608a1.22 1.22 0 00-.392.893c0 .337.14.656.39.894l.764.728c.505.48 1.379.477 1.88 0l.647-.613c.221.081.448.148.689.204v.734c0 .69.591 1.252 1.32 1.252h1.047c.345 0 .658-.128.894-.336 1.112.213 2.403.328 3.747.328 1.804 0 3.513-.204 4.807-.574 1.473-.423 2.219-.997 2.219-1.695v-3.54c-.502.366-1.163.68-1.936.896-1.274.364-2.924.569-4.68.596l-.398-.375c.067-.162.12-.339.17-.512 1.748-.012 3.393-.213 4.633-.57 1.275-.369 1.973-.924 2.21-1.344v-3.98c-.5.367-1.162.672-1.935.888z",
-            fill: i
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-data-settings-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 a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, i = _param.children, v = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, v = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : v ? l.inverse : l.neutralHigh;
+    var e = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : e ? _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), {
+    }, v), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M22 4.928c0-1.061-.877-1.855-2.601-2.362C18.164 2.2 16.539 2 14.829 2c-1.71 0-3.333.202-4.574.566-1.437.421-2.287 1.053-2.53 1.872v.003a1.748 1.748 0 00-.068.487v4.416c0 .028.008.053.015.079l.005.018v.256a5.48 5.48 0 00-.967.296l-.757-.74a1.134 1.134 0 00-1.58 0l-.768.754a1.072 1.072 0 000 1.545l.748.731a5.6 5.6 0 00-.296.953h-.95c-.609 0-1.107.487-1.107 1.084v1.033c0 .598.498 1.084 1.107 1.084h.95c.072.328.171.646.296.956l-.748.732c-.21.204-.327.478-.327.77 0 .294.116.573.327.775l.771.756a1.134 1.134 0 001.58 0l.757-.74c.313.129.637.228.967.297v.933c0 .597.498 1.084 1.107 1.084h1.059c.42 0 .777-.242.964-.583 2.112.478 3.262.48 4.021.48 1.705 0 3.327-.201 4.57-.566C21.127 20.822 22 20.028 22 18.97V4.928zm-.84 14.039c0 .651-.674 1.18-2 1.573-1.17.345-2.706.532-4.326.524-.728 0-1.83-.003-3.878-.47v-.62a5.51 5.51 0 00.967-.296l.754.74a1.134 1.134 0 001.58 0l.77-.754.027-.026a1.074 1.074 0 00-.026-1.52l-.754-.739c.027-.067.048-.14.07-.215a4.06 4.06 0 01.038-.126.433.433 0 00.134.028l.327.003c1.71 0 3.332-.2 4.57-.563.7-.205 1.295-.498 1.747-.84v3.3zm-11.05.674l.006 1.27c0 .144-.12.261-.267.261H8.793a.264.264 0 01-.268-.262v-1.272a.415.415 0 00-.353-.404 4.86 4.86 0 01-1.36-.41.424.424 0 00-.484.077l-.961.942a.284.284 0 01-.393 0l-.771-.757a.265.265 0 01-.08-.19.258.258 0 01.08-.19l.959-.94a.401.401 0 00.068-.492c-.196-.339-.342-.92-.407-1.315a.422.422 0 00-.415-.347H3.107a.266.266 0 01-.268-.262v-1.032a.268.268 0 01.268-.262h1.295a.416.416 0 00.415-.345c.066-.395.21-.976.407-1.314a.402.402 0 00-.068-.492l-.96-.94a.264.264 0 01-.079-.19.258.258 0 01.08-.19l.771-.755a.284.284 0 01.393 0l.962.942a.424.424 0 00.483.077c.43-.202.888-.341 1.36-.41a.417.417 0 00.354-.407V8.761a.268.268 0 01.267-.262h1.056c.145 0 .265.116.267.262v1.271a.41.41 0 00.353.407c.473.069.93.208 1.36.413a.43.43 0 00.484-.08l.962-.942a.284.284 0 01.393 0l.771.754c.051.049.08.12.08.191a.258.258 0 01-.08.19l-.962.943a.403.403 0 00-.08.472c.206.421.348.87.419 1.334.037.2.21.348.415.345h1.3a.262.262 0 01.266.261v1.03c0 .146-.12.262-.268.262h-1.3a.419.419 0 00-.416.347c-.08.498-.222.945-.418 1.332a.403.403 0 00.08.472l.964.942c.051.049.08.12.08.19a.258.258 0 01-.08.191l-.771.757a.284.284 0 01-.393 0l-.962-.942a.43.43 0 00-.483-.08c-.43.206-.888.345-1.36.413a.415.415 0 00-.354.407zM8.55 4.635c.172-.512.843-.956 1.953-1.283 1.158-.342 2.695-.53 4.326-.53 1.63 0 3.167.188 4.328.53 1.15.338 1.807.78 1.964 1.317a.119.119 0 01-.007.008.064.064 0 00-.01.018c-.194.492-.863.919-1.941 1.234-1.158.345-2.695.533-4.326.533-1.628 0-3.164-.191-4.325-.533-1.102-.321-1.779-.762-1.95-1.271a.025.025 0 00-.005-.013.027.027 0 01-.006-.01zm6.475 5.369s-.771-.754-.768-.754a1.134 1.134 0 00-1.58 0l-.757.74a5.716 5.716 0 00-.967-.296v-.93c0-.598-.495-1.085-1.107-1.085H8.79c-.086 0-.164.023-.243.045l-.044.012V5.884c.426.333 1.015.615 1.77.836 1.238.367 2.86.567 4.567.567 1.71 0 3.332-.202 4.57-.567.743-.219 1.324-.495 1.75-.822v3.66c-.216.392-.836.915-1.991 1.254-1.08.319-2.513.492-3.993.518.102-.168.176-.353.176-.555 0-.29-.116-.566-.327-.771zm1.608 4.316c0-.597-.498-1.084-1.107-1.084l-.95.003a5.59 5.59 0 00-.302-.947l.13-.128.221.001.22.002c1.711 0 3.333-.2 4.571-.564.7-.208 1.295-.498 1.747-.84v3.705c-.213.39-.84.914-1.992 1.252-.834.248-1.87.41-2.988.484.268-.2.45-.498.45-.85V14.32z",
-            fill: s
+            fill: r
         })
     }));
 };

package/dist/generated/mistica-icons/icon-data-settings-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        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 z = function z(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, i = _param.children, t = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, i = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : r ? l.inverse : l.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), v = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.84 5.2c0-1.127-.897-1.964-2.659-2.485-1.213-.359-2.801-.555-4.468-.552-1.67 0-3.257.196-4.47.554-1.462.432-2.33 1.09-2.583 1.953a1.86 1.86 0 00-.075.53v3.73c0 .019.005.038.01.056l.006.028v.617a5.288 5.288 0 00-.666.204l-.625-.616a1.304 1.304 0 00-1.815 0l-.737.725a1.248 1.248 0 00-.003 1.784l.62.608c-.087.227-.155.46-.205.662h-.745c-.703 0-1.275.563-1.275 1.252v.994c0 .689.572 1.252 1.275 1.252h.745c.05.199.118.434.204.658l-.616.608a1.246 1.246 0 00-.003 1.784l.74.726c.487.476 1.33.476 1.815 0l.625-.613c.213.078.434.148.666.204v.731c0 .692.572 1.252 1.275 1.252h1.008c.376 0 .709-.162.941-.417 1.127.263 2.477.412 3.883.412 1.666 0 3.255-.197 4.473-.555 1.765-.521 2.658-1.359 2.658-2.485V5.2zM10.592 3.87c1.1-.324 2.563-.504 4.115-.504 1.554 0 3.017.18 4.117.504.698.208 1.505.55 1.723 1.062-.18.398-.779.768-1.714 1.045-1.098.325-2.56.504-4.115.504-1.555 0-3.014-.18-4.115-.504-.947-.283-1.546-.656-1.717-1.059.18-.4.768-.77 1.706-1.048zM20.61 6.535v3.098c-.202.325-.762.773-1.77 1.079-.959.283-2.202.445-3.516.487a1.26 1.26 0 00.056-.356c0-.338-.134-.655-.375-.89l-.74-.729a1.304 1.304 0 00-1.815 0l-.625.614a4.957 4.957 0 00-.663-.207v-.732c0-.691-.572-1.252-1.275-1.252H8.876a.442.442 0 00-.058.005h-.007V6.52c.39.238.866.445 1.44.613 1.21.358 2.799.555 4.468.555 1.672 0 3.258-.197 4.47-.555a6.152 6.152 0 001.42-.597zM9.38 11.6c2.006 0 3.204 1.176 3.204 3.148 0 1.972-1.198 3.149-3.204 3.149-2.006 0-3.204-1.177-3.204-3.149S7.374 11.6 9.38 11.6zm0 5.086c1.328 0 1.975-.635 1.975-1.94 0-1.306-.647-1.942-1.975-1.942s-1.975.636-1.975 1.941c0 1.309.647 1.941 1.975 1.941zm11.23-2.3c-.202.326-.762.774-1.77 1.07-.687.205-1.519.343-2.415.424a1.24 1.24 0 00.182-.636v-.994c0-.692-.572-1.252-1.275-1.252h-.745a5.417 5.417 0 00-.185-.583 12.131 12.131 0 01.32.003c1.666 0 3.255-.196 4.47-.555a5.89 5.89 0 001.418-.619v3.143zm0 1.612V18.8c0 .661-.97 1.087-1.782 1.33-1.106.326-2.571.505-4.12.505-.395 0-.784-.014-1.168-.04.266-.035.526-.13.725-.324l.74-.725a1.242 1.242 0 000-1.782l-.608-.6.162.003c.054.002.108.003.163.003 1.67 0 3.255-.196 4.47-.555a5.943 5.943 0 001.418-.618zm-8.21 2.515a.637.637 0 00-.709-.12 4.41 4.41 0 01-1.247.378c-.3.047-.518.3-.518.596v1.224a.046.046 0 01-.045.045l-1.056-.045v-1.224a.607.607 0 00-.515-.596 4.374 4.374 0 01-1.244-.376.622.622 0 00-.706.115l-.997.905-.74-.801.92-.905a.595.595 0 00.1-.723c-.16-.28-.3-.8-.364-1.196a.614.614 0 00-.608-.507l-1.29-.045.044-1.039H4.67a.614.614 0 00.608-.507c.065-.392.202-.913.364-1.196a.595.595 0 00-.1-.723l-.92-.977.816-.726.921.905a.63.63 0 00.71.115 4.427 4.427 0 011.243-.375c.3-.048.518-.3.518-.597l.045-1.266 1.056.045v1.224c0 .297.218.549.518.596a4.47 4.47 0 011.247.378.624.624 0 00.703-.114l.997-.905.74.801-.922.905a.593.593 0 00-.118.694c.18.353.308.765.384 1.222a.612.612 0 00.608.507l1.291.045-.045 1.039H14.09a.612.612 0 00-.608.507 4.223 4.223 0 01-.384 1.221.593.593 0 00.118.695l.921.98-.815.726-.921-.905zm.47 2.025a13.742 13.742 0 01-1.708-.272h.002v-.4c.23-.056.449-.123.664-.207l.625.613c.12.118.263.207.417.266z",
-            fill: s
+            fill: v
         })
     }));
 };

package/dist/generated/mistica-icons/icon-data-shield-filled.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, s = _param.children, a = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, t = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : r ? t.inverse : t.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
     return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.119 10.93a.71.71 0 00.704.713c.388 0 .709-.32.704-.713C21.527 6 17.578 2 12.708 2a.71.71 0 00-.704.713.71.71 0 00.704.714c4.096 0 7.41 3.36 7.41 7.503zm-3.527 0a.71.71 0 00.704.713c.389 0 .705-.32.71-.708 0-2.968-2.367-5.36-5.293-5.36a.71.71 0 00-.705.714.71.71 0 00.705.713c2.15 0 3.879 1.747 3.879 3.928zm-3.423-1.788c-2.102 0-3.789-1.329-4.16-1.621a.618.618 0 00-.076-.057l-.668-.608-.46.393-.177.179c-.004 0-.03.02-.075.057-.37.299-2.055 1.657-4.16 1.657H2.48v7.216c0 3.324 3.035 4.75 5.329 5.5L8.3 22l.492-.142c2.294-.713 5.329-2.144 5.329-5.464V9.142h-.953zm-6.458 8.61l-2.15-2.18a.521.521 0 010-.75.506.506 0 01.741 0l1.378 1.394 4.2-4.253a.506.506 0 01.74 0 .574.574 0 01.068.787L6.71 17.752z",
-            fill: i
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.94 4.068c.181.53.868.992 2 1.33 1.193.356 2.761.555 4.43.558 1.67 0 3.239-.202 4.432-.557 1.107-.33 1.784-.773 1.986-1.286 0-.008.008-.017.008-.017-.148-.557-.817-1.028-2.002-1.384-1.182-.358-2.762-.557-4.432-.557-1.67 0-3.246.199-4.437.557-1.126.34-1.812.81-1.994 1.34.008.008.008.008.008.016zm4.683 7.64l-.003.15c-.014.68-.036 1.359-.064 2.036H9.063V8.822c.834.114 1.392.476 1.972.86.67.445 1.417.938 2.602.938l-.003.356c-.002.22-.007.467-.011.732zm-.291 4.699a1.843 1.843 0 01-.188.53c-.07.134-.154.263-.244.383l-.01.016c-.016.022-.03.043-.049.065-.098.127-.201.25-.316.376a7.04 7.04 0 01-.4.392l-.068.064a13.703 13.703 0 01-1.485 1.129l-.053.037c-.473.31-.96.602-1.456.874v-5.168h4.417c-.01.14-.024.275-.037.406l-.013.129c-.017.156-.034.305-.054.445l-.006.052c-.012.094-.024.19-.038.27zm-5.48-7.571v5.061H3.456a86.116 86.116 0 01-.084-3.266h.011c1.155 0 1.91-.5 2.587-.947l.004-.002c.557-.37 1.092-.718 1.88-.846zm0 11.389c-1.773-.975-3.955-2.55-4.176-3.818a15.7 15.7 0 01-.151-1.303h4.328v5.121zm7.121-9.178c.132.005.264.01.4.01 1.67-.003 3.247-.19 4.432-.552 1.176-.356 1.82-.896 2.036-1.305V5.376c-.434.35-1.025.628-1.784.855-1.272.38-2.933.59-4.683.59-1.751 0-3.412-.21-4.684-.59-.776-.224-1.378-.521-1.812-.869v2.23l-.116-.007a4.105 4.105 0 00-.257-.01H8.5c-1.533 0-2.418.586-3.196 1.101-.74.49-1.325.877-2.401.711a.604.604 0 00-.748.583v.018c0 .362-.004 4.713.33 6.63.454 2.596 5.216 4.91 5.762 5.167a.594.594 0 00.516 0c.709-.339 1.398-.72 2.062-1.137l.103.034c1.202.358 2.776.557 4.44.557 1.664 0 3.238-.202 4.431-.558 1.359-.408 2.045-.963 2.045-1.644v-3.434c-.46.356-1.07.661-1.784.868-1.263.384-2.925.591-4.684.591-.327 0-.65-.01-.966-.027.047-.14.09-.278.115-.42.022-.135.045-.286.064-.443.258.011.518.022.784.022 1.673 0 3.247-.199 4.432-.554 1.176-.359 1.82-.897 2.036-1.306v-3.86c-.46.356-1.07.65-1.784.86-1.263.381-2.924.591-4.683.591-.14 0-.276-.005-.412-.01-.044 0-.088-.002-.132-.004.005-.28.008-.54.01-.778l.001-.09.132.005z",
-            fill: i
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-data-shield-light.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 a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, m = _param.children, l = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, v = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.skinName, t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = a != null ? a : n ? t.inverse : t.neutralHigh;
-    return i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : r ? _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: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -105,7 +106,7 @@ var d = function d(_param) {
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.575 8.776h-.104a.352.352 0 01-.352-.255c-1.061-3.491-4.164-5.81-7.763-5.81-.212 0-.352-.14-.352-.355 0-.215.14-.356.352-.356 3.915 0 7.302 2.533 8.467 6.347a.396.396 0 01-.248.43zM12.004 6.28c0-.214.14-.356.352-.356 2.786 0 4.94 2.172 4.94 4.992 0 .215-.14.356-.352.356-.212 0-.352-.141-.352-.356 0-2.39-1.874-4.28-4.236-4.28-.212 0-.352-.141-.352-.356zM8.514 7.6l-.39-.356L7.7 7.6c-.036.036-2.01 1.889-4.62 1.889h-.6v7.06c0 3.207 2.998 4.562 5.292 5.347l.353.105.388-.105c2.258-.748 5.257-2.14 5.257-5.311V9.488h-.601c-2.61 0-4.624-1.853-4.656-1.89zm-.218 13.584l-.176.073-.14-.036c-2.258-.749-4.796-1.962-4.796-4.668v-6.316c2.61-.036 4.588-1.71 4.94-2.067.425.393 2.362 1.999 4.941 2.067v6.311h-.005c0 2.71-2.537 3.92-4.764 4.636zm12.527-11.34a.71.71 0 00-.704.713.71.71 0 00.704.712.71.71 0 00.705-.712.71.71 0 00-.705-.712zm-16.121 5.6l2.01 2.03 4.831-4.882a.347.347 0 000-.497.339.339 0 00-.492 0l-4.34 4.385-1.517-1.534a.338.338 0 00-.492 0 .347.347 0 000 .498z",
-            fill: h
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
@@ -115,7 +116,7 @@ var d = function d(_param) {
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.296 2c-1.594 0-3.108.19-4.264.538-1.346.404-2.146 1.007-2.374 1.79v.003c-.042.153-.065.31-.065.47v2.868a2.747 2.747 0 01-.087-.006 2.005 2.005 0 00-.138-.006c-1.529 0-2.417.586-3.2 1.104l-.015.01c-.798.528-1.43.945-2.635.756A.42.42 0 002 9.93v.022c0 .4-.005 4.859.339 6.813.455 2.63 5.625 5.091 5.847 5.193a.41.41 0 00.356 0l.015-.007c.177-.086 1.374-.664 2.643-1.52 1.139.315 2.58.495 4.094.495 1.588 0 3.105-.191 4.267-.538 1.62-.487 2.439-1.25 2.439-2.265V4.803c0-1.016-.82-1.779-2.44-2.265C18.409 2.19 16.89 2 15.297 2zm4.025 17.592c-1.087.324-2.516.5-4.027.5-1.159 0-2.266-.105-3.214-.3 1.121-.875 2.123-1.933 2.314-3.023.026-.148.046-.296.066-.444l.136.006c.234.01.468.02.709.02 1.594 0 3.108-.191 4.264-.538.635-.19 1.176-.456 1.597-.769v3.077c.003.609-.62 1.1-1.845 1.47zM2.985 15.033h4.916v5.85c-1.645-.87-4.463-2.663-4.742-4.26a16.56 16.56 0 01-.174-1.59zm2.642-5.575c.657-.432 1.28-.842 2.274-.941v5.685h-4.97a88.904 88.904 0 01-.097-3.802c1.256.057 2.038-.444 2.793-.942zm5.417-2.93c1.155.347 2.67.537 4.264.537 1.594 0 3.108-.19 4.264-.538.677-.202 1.204-.45 1.597-.745V9.19c-.2.367-.772.854-1.836 1.17-1.079.324-2.508.503-4.022.503-.131 0-.26-.005-.388-.01l-.193-.007c.003-.518.003-.865.003-.916a.423.423 0 00-.16-.313.445.445 0 00-.347-.091c-1.224.188-1.859-.23-2.664-.763-.58-.384-1.221-.805-2.135-.996V5.765c.398.304.936.558 1.617.762zm.225-3.193c1.081-.322 2.507-.501 4.025-.501 1.517 0 2.946.179 4.025.5 1.053.316 1.656.726 1.807 1.224a.07.07 0 01-.006.009.053.053 0 00-.005.008c-.177.461-.794.86-1.788 1.159-1.079.321-2.508.5-4.022.5-1.514 0-2.943-.179-4.022-.5-1.02-.308-1.643-.718-1.802-1.196 0-.003-.003-.005-.006-.008.162-.475.777-.888 1.794-1.195zm3.642 8.35c.132.005.264.01.397.01 1.594 0 3.108-.19 4.264-.538.638-.19 1.176-.455 1.597-.765v3.455c-.2.367-.777.85-1.836 1.169-1.079.324-2.508.5-4.022.5-.186 0-.366-.006-.545-.014l-.213-.008c.097-1.206.143-2.683.163-3.816l.195.007zM8.735 8.511c1.045.082 1.691.504 2.366.95l.002.002c.745.492 1.52 1.003 2.79.932 0 .173-.002.396-.005.648v.114l-.01.031a.248.248 0 00-.01.046.308.308 0 00.012.096l.004.018c-.01.953-.04 1.904-.085 2.854H8.735V8.511zm0 6.522h5.013c-.02.268-.04.524-.066.763a.317.317 0 01-.01.032.203.203 0 00-.01.039c0 .01.002.02.003.029a.155.155 0 01.003.025 10.72 10.72 0 01-.094.703c-.284 1.625-3.213 3.457-4.839 4.305v-5.896z",
-            fill: h
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-data-shield-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,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, h = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, m = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.skinName, i = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : r ? i.inverse : i.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), t = ref.skinName;
     return t.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,