@telefonica/mistica 12.9.1 → 12.11.0

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

package/dist/generated/mistica-icons/icon-mouse-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, t = tmp === void 0 ? 24 : tmp, v = _param.children, i = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _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)(), r = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : n ? r.inverse : r.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.998 6.425v-.364c0-.02-.011-.308-.157-.577-.174-.322-.462-.47-.91-.47H9.01c-.896 0-1.663-.2-2.218-.575-.605-.411-.938-1.025-.938-1.725a.55.55 0 011.098 0c0 .888 1.064 1.204 2.062 1.204h1.918c.869 0 1.544.39 1.9 1.096.255.501.26.989.26 1.045v.37c1.503.09 2.694.545 3.546 1.352.995.95 1.502 2.356 1.502 4.185v4.311c0 1.896-.44 3.263-1.345 4.174-.924.93-2.322 1.38-4.277 1.38-1.776 0-3.163-.459-4.12-1.37-.998-.946-1.502-2.355-1.502-4.184v-4.31c0-1.83.504-3.239 1.501-4.186.86-.817 2.072-1.273 3.6-1.356zm.52 1.883a.55.55 0 00-.548.549v2.877a.55.55 0 001.098 0V8.857a.552.552 0 00-.55-.55zm4.757 5.09c.277-.029.47-.222.431-.43-.039-.206-.294-.35-.57-.321a44.533 44.533 0 01-4.614.232 44.533 44.533 0 01-4.614-.232c-.277-.031-.532.115-.571.322-.04.207.154.4.431.429 1.58.162 3.165.243 4.754.24 1.588 0 3.173-.078 4.753-.24z",
-            fill: c
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-mouse-light.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,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, a = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var e = _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)(), s = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : c ? s.inverse : s.neutralHigh;
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : c ? _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"
-    }, a), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.252 11.723c0 .156.126.283.282.283.155 0 .28-.127.283-.283V8.762a.282.282 0 00-.283-.283.282.282 0 00-.282.283v2.96z",
-                fill: i
+                fill: s
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.28 6.53v-.65a1.79 1.79 0 00-.185-.71c-.224-.43-.628-.649-1.194-.649H8.928c-1.804 0-2.97-.818-2.97-2.087a.283.283 0 11.566 0c0 .446.202.81.597 1.079.429.29 1.053.445 1.807.445h1.975c1 0 1.479.53 1.705.975.236.465.238.927.238.947v.651c3.401.107 5.196 1.979 5.196 5.433V16.4c0 1.873-.425 3.215-1.302 4.098-.9.902-2.272 1.338-4.205 1.338-3.602 0-5.506-1.879-5.506-5.436v-3.35a.275.275 0 010-.079v-1.008c0-3.473 1.814-5.347 5.252-5.434zm-4.69 6.8v3.072c0 3.233 1.664 4.872 4.944 4.872 1.776 0 3.02-.384 3.804-1.174.768-.773 1.14-1.983 1.14-3.7v-3.07c-1.614.21-3.26.313-4.89.313h-.112a38.54 38.54 0 01-4.885-.313zm9.889-.568v-.8c-.003-3.232-1.667-4.87-4.944-4.87-3.28 0-4.944 1.638-4.944 4.87v.801a38.29 38.29 0 004.938.317h.056a37.95 37.95 0 004.893-.318z",
-                fill: i
+                fill: s
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-mouse-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,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var e = _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)(), r = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var v = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : v ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("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: "M11.972 11.734a.55.55 0 001.098 0V8.857a.55.55 0 00-1.098 0v2.877z",
-                fill: r
+                fill: s
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.003 6.422v-.36c0-.02-.011-.309-.157-.578-.174-.322-.462-.47-.91-.47h-1.92c-.896 0-1.663-.2-2.218-.575-.605-.411-.938-1.025-.938-1.725a.55.55 0 011.098 0c0 .888 1.064 1.204 2.062 1.204h1.918c.869 0 1.544.39 1.9 1.096.254.501.26.989.26 1.045v.367c1.504.09 2.694.545 3.543 1.352.998.947 1.502 2.356 1.502 4.185v4.311c0 1.897-.44 3.264-1.348 4.174-.921.933-2.319 1.386-4.274 1.386-1.779 0-3.165-.462-4.12-1.37-.998-.946-1.502-2.355-1.502-4.184v-4.314c0-1.829.504-3.238 1.501-4.185.863-.82 2.073-1.276 3.603-1.359zm-4.009 6.082c1.481.183 2.986.274 4.476.274h.101a36.6 36.6 0 004.476-.274v-.538c.003-3.003-1.479-4.46-4.526-4.46-3.048 0-4.527 1.46-4.527 4.463v.535zm0 1.102v2.674c0 3 1.482 4.46 4.527 4.46 1.647 0 2.793-.348 3.498-1.06.692-.697 1.029-1.81 1.029-3.403v-2.671a37.78 37.78 0 01-4.474.268h-.106a37.8 37.8 0 01-4.474-.268z",
-                fill: r
+                fill: s
             })
         ]
     }));

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return H;
     }
 });
 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,41 +91,41 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var i = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var H = function H(_param) {
+    var i = _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)(), r = ref.skinName, n = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), c = i != null ? i : l ? n.inverse : n.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = i != null ? i : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), l = ref.skinName;
+    return l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.888 2H14.96c-1.162 0-2.112.964-2.112 2.144h9.146C22 2.964 21.05 2 19.889 2zM5.076 4.5h6.72v2.144H3v-.037C3 5.427 3.914 4.5 5.076 4.5zm9.885 12.857h2.112v1.425H3V7.713h8.795v6.43c0 1.787 1.405 3.213 3.166 3.213zM3 19.893C3 21.036 3.914 22 5.076 22h9.957c1.126 0 2.04-.928 2.04-2.107v-.037L3 19.893zm11.961-3.606c-1.162 0-2.112-.964-2.112-2.143H22c0 1.179-.95 2.143-2.112 2.143H14.96zm7.034-11.07H12.85v7.857h9.146V5.218z",
-            fill: c
+            fill: h
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M17.528 16.569c0-.457.294-.75.748-.75s.748.293.748.75c0 .28-.11.448-.2.54-.092.096-.263.208-.548.208-.286 0-.457-.112-.55-.207-.092-.093-.198-.26-.198-.541z",
-                fill: c
+                fill: h
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M18.83 8.437h.916c1.37 0 2.096.726 2.096 2.096v6.487c0 1.37-.726 2.095-2.096 2.095h-2.938c-1.37 0-2.095-.725-2.095-2.095v-.1H5.447c-1.101 0-1.942-.326-2.505-.97-.523-.6-.787-1.468-.787-2.583V8.43c0-1.115.264-1.983.787-2.58.563-.641 1.407-.97 2.505-.97h10.092c1.1 0 1.941.326 2.504.97.521.6.787 1.468.787 2.583v.005zm1.684 9.359c.137-.137.207-.398.207-.773v-6.49c0-.748-.227-.975-.975-.975h-2.94c-.73 0-.976.246-.976.975v6.49c0 .378.07.639.208.773.137.137.395.204.77.204h2.936c.375 0 .633-.07.77-.204z",
-                fill: c
+                fill: h
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.813 18.003H7.898a.562.562 0 00-.56.56c0 .309.251.56.56.56h4.915c.309 0 .56-.252.56-.56a.562.562 0 00-.56-.56z",
-                fill: c
+                fill: h
             })
         ]
     }));

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return H;
     }
 });
 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 p = function p(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, l = _param.children, t = _objectWithoutProperties(_param, [
+var H = function H(_param) {
+    var e = _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)(), n = ref.skinName, i = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), v = e != null ? e : r ? i.inverse : i.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)(), s = ref.skinName;
+    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",

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

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

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,13 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var z = function z(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, c = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : i ? s.inverse : s.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
@@ -105,7 +105,7 @@ var z = function z(_param) {
     }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M13.149 3.756c0 .467-.177.906-.495 1.236a1.641 1.641 0 01-2.383-.005 1.774 1.774 0 01-.495-1.236c0-.467.177-.906.495-1.237A1.65 1.65 0 0111.464 2c.45 0 .872.184 1.19.514.318.33.495.774.495 1.242zM9.866 5.78a.54.54 0 00-.53-.552H6.851a.54.54 0 00-.531.552.54.54 0 00.53.552h2.484a.54.54 0 00.531-.552zM3.66 22h6.742v-.368c0-1.397.704-2.605 1.844-3.403-.518-.698-1.322-1.236-2.302-1.524a3.345 3.345 0 001.516-2.817c0-1.827-1.43-3.313-3.187-3.313s-3.187 1.486-3.187 3.313c0 1.189.608 2.232 1.516 2.817-1.752.515-2.942 1.826-2.942 3.45V22zm15.246-6.635a3.345 3.345 0 01-1.517 2.817c1.753.515 2.942 1.827 2.938 3.45V22h-9.221v-.368c0-1.623 1.19-2.936 2.942-3.45a3.344 3.344 0 01-1.517-2.817c0-1.827 1.43-3.313 3.188-3.313 1.757 0 3.187 1.486 3.187 3.313zM11.9 3.298a.603.603 0 00-.876 0 .651.651 0 00-.181.458.65.65 0 00.181.457c.232.246.64.246.876 0a.66.66 0 00.182-.457.651.651 0 00-.182-.458zm5.33 4.695c0 .468-.177.906-.494 1.237-.332.34-.763.51-1.19.514-.431 0-.862-.17-1.19-.51a1.801 1.801 0 010-2.477c.318-.33.74-.514 1.19-.514.45 0 .872.184 1.19.514.317.33.494.77.494 1.236zm-1.248-.457a.578.578 0 00-.436-.184.603.603 0 00-.44.188c-.24.25-.24.661 0 .911s.635.25.876 0a.651.651 0 00.181-.458.651.651 0 00-.181-.457zm.822-4.314l-5.675 5.9a.519.519 0 01-.754 0 .568.568 0 010-.784l5.675-5.9a.518.518 0 01.754 0 .568.568 0 010 .784z",
-            fill: r
+            fill: i
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return h;
     }
 });
-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 v = function v(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, r = _objectWithoutProperties(_param, [
+var h = function h(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), m = a != null ? a : s ? t.inverse : t.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), m = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.19 4.7a1.58 1.58 0 01-2.231 0 1.589 1.589 0 010-2.238 1.58 1.58 0 012.232 0 1.589 1.589 0 010 2.239zm-6.311.93c0-.205.166-.372.37-.372h2.598a.371.371 0 010 .743H6.25a.371.371 0 01-.37-.372zm5.51 12.393a.371.371 0 00-.096-.52l-.408-.285a5.218 5.218 0 00-1.373-.576 3.349 3.349 0 00-1.781-6.178 3.345 3.345 0 00-1.786 6.173c-1.848.476-3.035 1.71-3.035 3.315v1.676a.37.37 0 10.74 0v-1.671c0-1.644 1.678-2.791 4.08-2.791 1.06 0 2.043.242 2.751.676l.39.271a.37.37 0 00.517-.09zm-6.251-4.206a2.602 2.602 0 012.598-2.605 2.602 2.602 0 012.598 2.605 2.602 2.602 0 01-2.598 2.605 2.605 2.605 0 01-2.598-2.605zm13.731 1.486a3.348 3.348 0 01-1.567 2.834c.779.21 1.458.557 1.98 1.038a.37.37 0 01-.498.548c-.751-.69-1.905-1.071-3.254-1.071-2.327 0-4.08 1.28-4.08 2.976a.371.371 0 01-.37.372.371.371 0 01-.371-.372c0-1.638 1.24-2.962 3.068-3.481a3.345 3.345 0 011.753-6.192c1.843 0 3.339 1.5 3.339 3.348zm-5.942 0a2.602 2.602 0 002.598 2.606 2.602 2.602 0 002.598-2.606 2.602 2.602 0 00-2.598-2.605 2.602 2.602 0 00-2.598 2.605zM20.351 22a.743.743 0 000-1.486.743.743 0 000 1.486zM10.48 2.99a.854.854 0 00-.247.591.83.83 0 00.242.59.86.86 0 001.183 0 .83.83 0 00.242-.59.83.83 0 00-1.42-.59zm3.743 3.754a1.58 1.58 0 012.232 0 1.589 1.589 0 010 2.239c-.309.31-.712.462-1.116.462a1.57 1.57 0 01-1.116-.462 1.593 1.593 0 010-2.239zm1.705 1.71a.774.774 0 00.237-.596.83.83 0 00-.242-.59.81.81 0 00-.589-.248.83.83 0 00-.589.248.847.847 0 000 1.186.837.837 0 001.183 0zm.076-6.063l-5.937 5.953a.37.37 0 00.261.633.37.37 0 00.261-.109l5.937-5.953a.37.37 0 000-.524.364.364 0 00-.522 0z",
             fill: m

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return z;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, l = _param.children, r = _objectWithoutProperties(_param, [
+var z = function z(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, m = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : s ? e.inverse : e.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M9.652 3.723c0 .459.174.89.485 1.214a1.61 1.61 0 002.338-.005c.312-.324.486-.755.486-1.214a1.74 1.74 0 00-.486-1.213A1.62 1.62 0 0011.306 2c-.442 0-.856.18-1.168.505-.311.324-.485.76-.485 1.218zM6.436 5.168a.53.53 0 00-.52.542.53.53 0 00.52.542h2.437a.53.53 0 00.52-.542.53.53 0 00-.52-.542H6.436zm4.262-1.45c0-.166.063-.329.174-.449a.591.591 0 01.432-.185c.165 0 .316.065.432.185a.64.64 0 01.178.45.64.64 0 01-.178.449.602.602 0 01-.86 0 .648.648 0 01-.178-.45zm6.267 4.16c0-.459-.174-.89-.486-1.214a1.67 1.67 0 00-1.166-.51c-.441 0-.856.181-1.167.506a1.768 1.768 0 000 2.431 1.613 1.613 0 002.333 0 1.74 1.74 0 00.486-1.213zm-1.047.004a.614.614 0 01-.182.445.594.594 0 01-.86 0 .653.653 0 010-.894.598.598 0 01.864 0 .64.64 0 01.178.45zm-5.304 1.265a.508.508 0 01-.37-.158.562.562 0 01-.004-.769l5.567-5.79a.507.507 0 01.74 0 .558.558 0 010 .77l-5.563 5.79a.509.509 0 01-.37.157zm.592 8.522a.684.684 0 01-.957.241c-.642-.407-1.399-.616-2.245-.616-1.643 0-3.304.672-3.304 2.172v1.811c0 .399-.312.723-.695.723-.383 0-.695-.324-.695-.723v-1.81c0-1.455.9-2.608 2.347-3.192a3.485 3.485 0 01-.957-2.413c0-1.894 1.483-3.437 3.304-3.437 1.822 0 3.305 1.543 3.305 3.437 0 .963-.383 1.834-1.002 2.46.231.101.454.222.668.36.33.2.432.645.231.987zM9.92 13.85c0-1.099-.86-1.992-1.915-1.992-1.055 0-1.915.893-1.915 1.991s.86 1.992 1.915 1.992c1.056 0 1.915-.894 1.915-1.992zm10.782 7.239c0 .398-.311.722-.694.722a.71.71 0 01-.695-.722c0-1.4-1.483-2.534-3.305-2.534-1.821 0-3.304 1.135-3.304 2.534a.71.71 0 01-.695.722.71.71 0 01-.695-.722c0-1.524.962-2.821 2.414-3.493a3.49 3.49 0 01-1.02-2.478c0-1.894 1.483-3.437 3.305-3.437 1.821 0 3.304 1.543 3.304 3.437a3.49 3.49 0 01-1.02 2.478c1.443.672 2.405 1.969 2.405 3.493zm-2.783-5.97c0-1.098-.86-1.992-1.915-1.992-1.056 0-1.915.894-1.915 1.991 0 1.098.864 1.992 1.915 1.992 1.055 0 1.915-.894 1.915-1.992z",
             fill: i

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        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 m = function m(_param) {
-    var e = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var i = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : n ? l.inverse : l.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), t = i != null ? i : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: s,
-        height: s,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M19.443 7.062l-4.37-4.49A1.868 1.868 0 0013.725 2H8.343c-.865 0-1.601.597-1.83 1.418h5.838a2.9 2.9 0 012.083.885l3.323 3.416c.557.573.86 1.333.86 2.146V20.21H20V8.444a2 2 0 00-.557-1.382z",

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,31 +90,31 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var t = _param.color, tmp = _param.size, i = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var a = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), e = t != null ? t : r ? h.inverse : h.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: i,
-        height: i,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M20 19.5c0 .395-.32.716-.713.716a.714.714 0 01-.713-.716.714.714 0 111.426 0z",
-                fill: e
+                fill: t
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.171 4.5c.418 0 .833.172 1.127.468l3.397 3.416c.294.3.462.712.462 1.132V22H4V6.1c0-.884.713-1.6 1.593-1.6h.896v-.896A1.6 1.6 0 018.082 2h5.507c.418 0 .828.172 1.127.468l4.46 4.496c.294.3.466.712.466 1.136v9.256c0 .196-.16.356-.355.356a.356.356 0 01-.354-.356V8.1a.903.903 0 00-.259-.628L14.21 2.976a.885.885 0 00-.621-.26H8.082a.883.883 0 00-.88.888V4.5h4.97zM4.713 21.284h11.731V9.516a.91.91 0 00-.259-.628l-3.389-3.412a.885.885 0 00-.62-.26H5.592a.882.882 0 00-.88.884v15.184z",
-                fill: e
+                fill: t
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M7.464 11.644h6.228c.538 0 .976.436.976.98v6.88h-8.18v-6.88c0-.54.439-.98.976-.98zm-.262 7.14h6.753V12.62a.266.266 0 00-.263-.264H7.464a.266.266 0 00-.262.264v6.164z",
-                fill: e
+                fill: t
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-multisim-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,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var r = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, v = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : r ? s.inverse : s.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), e = r != null ? r : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M15.076 2.572l4.363 4.492A2 2 0 0120 8.448v11.048a.706.706 0 01-.697.716.706.706 0 01-.698-.716V8.444a.538.538 0 00-.152-.372l-4.367-4.488a.497.497 0 00-.362-.156H8.336a.52.52 0 00-.514.528V4.5h4.519c.502 0 .993.208 1.348.572l3.323 3.42c.35.364.553.868.553 1.38V22H4V6.456C4 5.376 4.853 4.5 5.905 4.5h.53v-.544C6.435 2.876 7.288 2 8.34 2h5.388a1.9 1.9 0 011.348.572zm.946 6.924l-3.315-3.412a.51.51 0 00-.362-.156h-6.44a.52.52 0 00-.514.528v14.116h10.783v-10.7a.558.558 0 00-.152-.376z",
-                fill: a
+                fill: e
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M13.83 10.928c.716 0 1.3.6 1.3 1.336h-.004V19.5H6.431v-7.236c0-.736.584-1.336 1.301-1.336h6.097zm-6.004 7.144h5.913v-5.716H7.826v5.716z",
-                fill: a
+                fill: e
             })
         ]
     }));

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         return c;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -91,21 +91,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var c = function c(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, l = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : n ? r.inverse : r.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.818 9.392a.61.61 0 01-.585.432V9.82h-1.799v7.852h1.745c.34 0 .614.277.614.616v2.938a.616.616 0 01-.614.616H2.824a.616.616 0 01-.614-.616V18.29c0-.34.275-.616.614-.616h1.778V9.82H2.773a.613.613 0 01-.585-.431.618.618 0 01.235-.69l9.23-6.43a.616.616 0 01.7 0l9.23 6.43a.626.626 0 01.235.692zM8.233 17.675h1.974V9.824H8.233v7.851zm5.599 0h1.975V9.824h-1.975v7.851z",
-            fill: h
+            fill: n
         })
     }));
 };