@telefonica/mistica 12.9.1 → 12.11.0

package/dist/generated/mistica-icons/icon-coins-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,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var a = _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)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = a != null ? a : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.957 6.535a8.06 8.06 0 00-1.19-1.062C15.29 3.372 12.873 2 10.148 2 5.654 2 2 5.724 2 10.302a8.336 8.336 0 003.398 6.738A8.264 8.264 0 007.9 19.358C9.39 20.981 11.502 22 13.848 22a8.072 8.072 0 003.882-1 .38.38 0 00.147-.512.365.365 0 00-.503-.15 7.31 7.31 0 01-3.526.909 7.22 7.22 0 01-3.568-.942c.554.12 1.128.188 1.72.188 4.493 0 8.147-3.724 8.147-8.302 0-1.246-.275-2.43-.758-3.492a7.584 7.584 0 011.867 4.999 7.731 7.731 0 01-.858 3.535.385.385 0 00.152.512.37.37 0 00.502-.155A8.414 8.414 0 0022 13.703a8.344 8.344 0 00-4.043-7.168zM2.744 10.297c0-4.163 3.322-7.544 7.403-7.544 4.085 0 7.403 3.386 7.403 7.544 0 4.164-3.323 7.545-7.403 7.545-4.08.004-7.403-3.381-7.403-7.544zM12 19.73a7.25 7.25 0 01-4.54-1.599c.843.3 1.749.469 2.692.469 4.493 0 8.147-3.724 8.147-8.303 0-.96-.162-1.883-.46-2.743a7.62 7.62 0 011.564 4.632c0 4.163-3.322 7.544-7.403 7.544zm.37-8.336c0 1.12-1.166 2.028-2.597 2.028-.612 0-1.209-.169-1.678-.478a.38.38 0 01-.11-.521.364.364 0 01.513-.111c.35.231.8.357 1.275.357 1.004 0 1.857-.585 1.857-1.275s-.82-1.26-1.834-1.275h-.398a.374.374 0 01-.37-.377c0-.208.166-.377.37-.377h.403c.995-.01 1.83-.512 1.83-1.096 0-.594-.849-1.096-1.858-1.096-.394 0-.773.077-1.095.217a.367.367 0 01-.488-.193.382.382 0 01.19-.498 3.459 3.459 0 011.393-.285c1.454 0 2.597.812 2.597 1.85 0 .618-.408 1.155-1.048 1.493.64.372 1.048.966 1.048 1.637zm7.038 8.713a.748.748 0 00.739-.754.747.747 0 00-.74-.753.747.747 0 00-.739.753c0 .416.332.754.74.754z",
-            fill: r
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-coins-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,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, n = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var r = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : s ? r.inverse : r.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = r != null ? r : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.526 7.632a7.91 7.91 0 00-2.144-2.144A7.844 7.844 0 009.858 2C5.525 2 2 5.525 2 9.858a7.85 7.85 0 003.483 6.524 7.908 7.908 0 002.144 2.144A7.85 7.85 0 0014.142 22C18.475 22 22 18.475 22 14.142c.005-2.707-1.38-5.097-3.474-6.51zM3.43 9.858a6.436 6.436 0 016.427-6.427 6.436 6.436 0 016.428 6.427 6.436 6.436 0 01-6.428 6.428c-3.543.004-6.427-2.88-6.427-6.428zm14.286 0a8.19 8.19 0 00-.05-.891c.488.905.767 1.938.767 3.035a6.436 6.436 0 01-6.427 6.428 6.364 6.364 0 01-3.036-.768c.288.036.586.055.887.055 4.334 0 7.859-3.525 7.859-7.859zm-3.57 10.716a6.365 6.365 0 01-3.036-.768c.292.032.59.05.891.05 4.334 0 7.858-3.525 7.858-7.858 0-.302-.018-.6-.05-.892.49.905.768 1.939.768 3.036-.004 3.547-2.889 6.432-6.432 6.432zm-4.65-7.402c1.605 0 2.862-1 2.862-2.276 0-.585-.284-1.125-.755-1.54.467-.371.75-.87.75-1.422 0-1.18-1.257-2.108-2.861-2.108a3.7 3.7 0 00-1.486.297.714.714 0 10.576 1.308 2.25 2.25 0 01.914-.179c.864 0 1.435.412 1.435.682 0 .233-.543.662-1.435.672h-.352a.714.714 0 000 1.426h.352c.823.009 1.435.462 1.435.86 0 .402-.59.85-1.435.85-.388 0-.759-.096-1.038-.28a.716.716 0 00-.772 1.203c.507.33 1.152.508 1.81.508z",
-            fill: i
+            fill: n
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, a = _param.children, r = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : l ? s.inverse : s.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : l ? _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"
-    }, r), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12 3h6.667C20.507 3 22 4.512 22 6.374v4.503c0 1.733-1.3 3.187-2.963 3.374v2.251c0 .15-.09.288-.228.346a.368.368 0 01-.403-.082l-2.518-2.515H12c-1.84 0-3.333-1.512-3.333-3.374V6.374C8.667 4.512 10.16 3 12 3z",
-                fill: i
+                fill: t
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.37 18.374c1.664-.187 2.963-1.267 2.963-3h-3.328c-2.452 0-4.448-2.02-4.448-4.502V7.123H5.333C3.493 7.123 2 8.635 2 10.498V15c0 1.733 1.3 3.187 2.963 3.374v2.252c0 .148.09.288.228.345a.368.368 0 00.403-.082l2.518-2.515h4.258z",
-                fill: i
+                fill: t
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-comment-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 e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, v = _param.children, h = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : n ? c.inverse : c.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : h ? _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"
-    }, h), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.906 10.877a.37.37 0 01.363-.375c.2 0 .363.164.363.37 0 1.738-1.275 3.168-2.909 3.355v2.27a.364.364 0 01-.363.374.358.358 0 01-.256-.11l-2.439-2.515h-3.849c-1.806 0-3.272-1.512-3.272-3.374v-3H5.272c-1.406 0-2.546 1.176-2.546 2.626V15c0 1.45 1.14 2.626 2.546 2.626.2 0 .363.168.363.374v1.718l1.922-1.982a.343.343 0 01.256-.11h3.999c1.056 0 2.01-.687 2.383-1.704a.364.364 0 01.47-.221c.19.077.284.293.214.485-.475 1.31-1.704 2.188-3.063 2.188h-3.85L5.529 20.89a.358.358 0 01-.396.081.372.372 0 01-.223-.345v-2.27C3.275 18.162 2 16.732 2 15v-4.502c0-1.863 1.466-3.375 3.272-3.375h3.272v-.749C8.544 4.512 10.01 3 11.816 3h6.544c1.806 0 3.272 1.512 3.272 3.374a.37.37 0 01-.363.375.37.37 0 01-.363-.375c0-1.45-1.14-2.625-2.546-2.625h-6.544c-1.405 0-2.546 1.176-2.546 2.625v4.503c0 1.45 1.14 2.625 2.546 2.625h3.998a.364.364 0 01.26.11l1.923 1.983v-1.718a.37.37 0 01.363-.375c1.406 0 2.546-1.176 2.546-2.625zm.368-1.503c.4 0 .726-.336.726-.748a.739.739 0 00-.726-.75.74.74 0 00-.726.75c0 .412.326.748.726.748z",
-            fill: r
+            fill: i
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, a = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, i = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: c,
-        height: c,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.364 2.5h-5.82c-2.006 0-3.635 1.703-3.635 3.799v.38H5.636C3.629 6.678 2 8.38 2 10.476v3.8c0 1.833 1.252 3.37 2.91 3.726v2.738a.76.76 0 00.447.7.703.703 0 00.796-.165L9.21 18.08h2.244c2.007 0 3.636-1.702 3.636-3.799v-.063l2.761 2.885c.14.146.326.223.512.223a.724.724 0 00.28-.058.76.76 0 00.446-.7v-2.739c1.658-.355 2.91-1.887 2.91-3.726v-3.8c0-2.1-1.63-3.803-3.636-3.803zm-4.73 11.781c0 1.255-.978 2.282-2.183 2.282H8.904a.696.696 0 00-.512.224l-2.03 2.12v-1.585c0-.419-.326-.76-.726-.76-1.201 0-2.183-1.02-2.183-2.28v-3.8c0-1.255.977-2.281 2.183-2.281h3.273v1.902c0 2.096 1.63 3.799 3.636 3.799h1.09v.38zm4.73-1.897c-.4 0-.726.34-.726.76v1.585l-2.03-2.121a.715.715 0 00-.512-.224h-2.547c-1.2 0-2.183-1.021-2.183-2.281v-3.8c0-1.254.978-2.28 2.183-2.28h5.82c1.2 0 2.183 1.021 2.183 2.28v3.8h-.005c0 1.255-.977 2.281-2.183 2.281z",
-            fill: h
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-computer-academic-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, o = _param.children, i = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : a ? l.inverse : l.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.841 16.996a.604.604 0 00-.602-.608h-8.636v-.482l6.263-.002c.95 0 1.684-.266 2.185-.79.485-.504.729-1.227.729-2.149V7.528c0-.918-.244-1.638-.729-2.137-.498-.512-1.232-.776-2.182-.776l-11.453.006c-.95 0-1.684.26-2.183.776-.481.496-.728 1.218-.728 2.137v3.092L7.36 9.343a1.917 1.917 0 011.583.003l4.86 2.185a1.938 1.938 0 011.153 1.793c0 .776-.454 1.479-1.154 1.793l-4.857 2.182a1.928 1.928 0 01-1.583 0l-3.566-1.605v1.156c0 .594.42 1.101 1 1.205.748.134 1.796.42 2.55 1.02.254.201.557.302.86.302.302 0 .604-.1.86-.302.753-.6 1.803-.886 2.548-1.02.3-.053.555-.221.734-.451h8.891a.604.604 0 00.602-.608zM7.69 16.56c.148.067.305.101.465.101.157 0 .317-.034.462-.104l4.86-2.185c.412-.182.678-.596.678-1.05 0-.462-.26-.865-.678-1.053l-4.86-2.185a1.138 1.138 0 00-.927 0l-4.86 2.188a1.137 1.137 0 00-.675 1.05c0 .462.26.863.678 1.053L7.69 16.56z",
-            fill: n
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-computer-academic-regular.js

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

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

@@ -5,11 +5,12 @@ 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,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, r = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.skinName, n = ref.colors, o = (0, _themeVariantContextJs.useIsInverseVariant)(), h = i != null ? i : o ? n.inverse : n.neutralHigh;
-    return l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), n = t != null ? t : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), s = ref.skinName;
+    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.787 5.5c.782 0 1.426.647 1.426 1.442h.005v7.947H3.792V6.942c0-.79.64-1.442 1.426-1.442h13.569zM2 16.332v-.36h20v.36c0 1.192-.964 2.168-2.143 2.168H4.144C2.964 18.5 2 17.524 2 16.332z",
-            fill: h
+            fill: n
         })
     })) : /* @__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: "M5.598 17.454l12.803.008c1.118 0 1.986-.31 2.58-.927.572-.591.86-1.437.86-2.512V7.745c0-2.199-1.221-3.412-3.44-3.412L5.595 4.325c-2.219 0-3.44 1.21-3.44 3.412v6.277c0 1.076.289 1.922.863 2.513.59.616 1.46.927 2.58.927zm-2.883 2.213l18.566.008c.308 0 .56-.252.56-.56a.562.562 0 00-.56-.56l-18.566-.009a.562.562 0 00-.56.56c0 .309.252.56.56.56z",
-            fill: h
+            fill: n
         })
     }));
 };

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

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "default", {
 });
 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,31 +92,31 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var d = function d(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, i = _objectWithoutProperties(_param, [
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.skinName, r = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : l ? r.inverse : r.neutralHigh;
-    return h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var o = (0, _themeVariantContextJs.useIsInverseVariant)(), i = r != null ? r : o ? _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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M4.861 6.893c0-.644.466-1.133 1.07-1.133H18.07c.607 0 1.069.494 1.069 1.133v4.92c0 .228.142.378.356.378.215 0 .357-.15.357-.377v-4.92c0-1.061-.786-1.894-1.787-1.894H5.93c-1.001 0-1.787.833-1.787 1.893v9.08H2v.378C2 17.601 2.891 19 4.144 19h15.713C21.104 19 22 17.6 22 16.351v-.378H4.861v-9.08zm14.995 11.352H4.145c-.713 0-1.248-.756-1.394-1.511h18.496c-.142.75-.676 1.51-1.39 1.51zm-.36-3.41c-.394 0-.714-.339-.714-.755 0-.417.32-.755.713-.755.393 0 .713.338.713.755 0 .416-.32.755-.713.755z",
-            fill: n
+            fill: i
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M5.319 17.462c-1.042 0-1.84-.283-2.381-.84-.518-.538-.782-1.32-.782-2.32V8.025c0-1 .264-1.776.782-2.305.535-.55 1.336-.827 2.378-.827l13.356-.008c1.042 0 1.843.277 2.378.826.518.533.781 1.308.781 2.306v6.277c0 1-.263 1.782-.781 2.32-.538.557-1.34.84-2.381.84l-13.35.008zM18.674 5.445L5.32 5.454c-1.751 0-2.603.84-2.603 2.571v6.277c0 .852.21 1.499.625 1.93.429.446 1.093.67 1.978.67l13.355-.009c.883 0 1.55-.224 1.978-.67.415-.428.625-1.077.625-1.929V8.017c-.003-1.731-.855-2.572-2.603-2.572zM2.156 18.83c0 .154.126.28.28.28l19.118-.008a.28.28 0 00.28-.28.28.28 0 00-.28-.28l-19.118.008a.28.28 0 00-.28.28z",
-            fill: n
+            fill: i
         })
     }));
 };

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

@@ -5,11 +5,12 @@ 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,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var h = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, l = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, c = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = h != null ? h : n ? c.inverse : c.neutralHigh;
-    return r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = r != null ? r : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), i = ref.skinName;
+    return i.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -105,9 +106,9 @@ var p = function p(_param) {
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M5.252 14.333h13.334v-8H5.252v8zM19.309 17l-.928-1.334H5.458L4.528 17H19.31zM1.976 18.333l1.944-2.79V5h15.999v10.542l1.943 2.79H1.976zm9.275-10h1.333V7h-1.333v1.333z",
-            fill: i
+            fill: h
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -115,7 +116,7 @@ var p = function p(_param) {
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.217 15.685V7.212c0-1.217-.964-2.212-2.144-2.212H5.931c-1.179 0-2.144.995-2.144 2.212v8.473H2v.552C2 17.746 3.18 19 4.642 19h14.752C20.821 19 22 17.746 22 16.237v-.552h-1.783zM5.218 7.212c0-.406.32-.736.713-.736h12.142c.393 0 .713.33.713.736v8.473H5.218V7.212zm-.571 10.685c-.677 0-1.248-.481-1.463-1.104h17.678c-.252.623-.823 1.104-1.468 1.104H4.647z",
-            fill: i
+            fill: h
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
@@ -125,7 +126,7 @@ var p = function p(_param) {
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.401 17.462l-12.803-.008c-1.12 0-1.99-.311-2.58-.927-.574-.591-.863-1.437-.863-2.513V7.737c0-2.202 1.221-3.412 3.44-3.412l12.806.008c2.219 0 3.44 1.213 3.44 3.412v6.278c0 1.075-.288 1.921-.86 2.512-.594.616-1.462.927-2.58.927zM5.595 5.445c-.807 0-1.406.194-1.779.575-.358.367-.54.944-.54 1.717v6.277c0 1.583.736 2.32 2.319 2.32l12.804.008c1.582 0 2.32-.737 2.32-2.32V7.746c0-.773-.183-1.35-.544-1.717-.373-.38-.97-.574-1.78-.574l-12.8-.009zm-2.88 14.222l18.566.008c.308 0 .56-.252.56-.56a.562.562 0 00-.56-.56l-18.566-.009a.562.562 0 00-.56.56c0 .309.252.56.56.56z",
-            fill: i
+            fill: h
         })
     }));
 };

package/dist/generated/mistica-icons/icon-computer-user-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,13 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, h = _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)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
@@ -105,7 +105,7 @@ var p = function p(_param) {
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M10.474 11.354c-1.406 0-2.518-.39-3.305-1.154-.818-.798-1.235-1.955-1.235-3.437 0-1.482.414-2.639 1.232-3.443.787-.77 1.9-1.162 3.306-1.162 1.406 0 2.52.39 3.31 1.16.824.803 1.241 1.96 1.241 3.442 0 1.482-.417 2.639-1.24 3.44-.788.764-1.902 1.154-3.309 1.154zm11.367 2.54c0-.652-.176-1.162-.53-1.51-.36-.358-.904-.54-1.613-.543l-9.036.006c-.703 0-1.244.182-1.608.54-.35.35-.53.858-.53 1.513v4.115c0 .658.18 1.168.53 1.521.367.367.908.552 1.61.552l9.037-.006c.706 0 1.247-.185 1.61-.552.354-.353.53-.865.53-1.52v-4.116zm-.092 7.356a.601.601 0 00-.61-.594H9.336a.603.603 0 00-.61.594.6.6 0 00.61.594h11.801c.336 0 .61-.266.61-.594zM8.29 12.23l.004-.005v.006H8.29zm-.472 1.707c0-.681.161-1.25.472-1.706h-.707c-1.703 0-3.112.512-4.073 1.487-.888.896-1.356 2.126-1.356 3.555v1.33c0 .577.485 1.048 1.081 1.048h4.98c-.26-.443-.397-.975-.397-1.6v-4.114z",
-            fill: c
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-computer-user-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,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, o = _param.children, s = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _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)(), t = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : i ? t.inverse : t.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"
     }, s), {

package/dist/generated/mistica-icons/icon-computer-user-regular.js

@@ -5,11 +5,11 @@ 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,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+var h = function h(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = 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), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M9.962 11.475c-1.443 0-2.58-.392-3.39-1.17-.843-.81-1.266-1.981-1.266-3.488 0-1.502.423-2.678 1.266-3.488.81-.784 1.947-1.179 3.39-1.179 1.442 0 2.59.392 3.4 1.18.849.809 1.275 1.988 1.275 3.487 0 1.507-.426 2.678-1.275 3.487-.81.779-1.95 1.171-3.4 1.171zM6.508 6.817c0 1.168.305 2.05.896 2.622.577.552 1.434.834 2.558.834 1.131 0 1.989-.28 2.566-.834.602-.577.907-1.46.907-2.622 0-1.165-.305-2.045-.907-2.622-.578-.56-1.443-.84-2.566-.84-1.112 0-1.978.28-2.558.84-.59.577-.896 1.46-.896 2.622zm4.12 13.244c-.641 0-1.131-.16-1.49-.482H3.222a1.065 1.065 0 01-1.067-1.06v-1.352c0-1.451.457-2.695 1.33-3.6.947-.994 2.334-1.515 4-1.515h1.813c.336-.224.776-.344 1.33-.344l8.874-.009c.698 0 1.227.185 1.577.552.345.353.521.866.521 1.532v4.177c0 .666-.168 1.179-.512 1.537-.362.37-.9.564-1.586.564h-8.874zm-.907-2.101c0 .336.064.585.185.706.16.168.52.193.72.193H19.5c.198 0 .551-.025.72-.193.111-.12.176-.376.176-.706v-4.177c0-.33-.065-.577-.177-.689-.12-.12-.378-.193-.72-.193l-8.873.008c-.353 0-.608.065-.72.185-.118.12-.185.37-.185.698v4.168zm-1.171.417a3.445 3.445 0 01-.034-.417v-4.168c0-.194.026-.37.05-.538H7.484c-1.33 0-2.42.395-3.135 1.137-.65.68-.994 1.644-.994 2.773l.003 1.213H8.55zm12.689 3.462a.601.601 0 100-1.204H8.919a.601.601 0 100 1.204h12.32z",
-            fill: i
+            fill: n
         })
     }));
 };