@telefonica/mistica 12.9.1 → 12.11.0

package/dist/generated/mistica-icons/icon-euro-symbol-regular.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return u;
     }
 });
 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 +91,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, r = _objectWithoutProperties(_param, [
+var u = function u(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.skinName, s = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = t != null ? t : n ? s.inverse : s.neutralHigh;
-    return c.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), t = r != null ? r : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), a = ref.skinName;
+    return a.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M8.931 13.976a3.983 3.983 0 003.469 2.032 3.97 3.97 0 003.08-1.458l1.049.86a5.323 5.323 0 01-4.129 1.955 5.344 5.344 0 01-4.966-3.39h-1.39v-1.357h1.051a5.51 5.51 0 01-.035-.592c0-.2.014-.398.035-.592H6.044v-1.358h1.39a5.344 5.344 0 014.966-3.39c1.583 0 3.074.697 4.092 1.911l-1.04.872a3.98 3.98 0 00-6.52.607h4.739v1.358H8.467c-.029.193-.049.39-.049.592 0 .202.02.398.049.592h5.204v1.358h-4.74z",
-                fill: i
+                fill: t
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M1.976 12c0-5.327 4.673-10 10-10s10 4.673 10 10-4.673 10-10 10-10-4.673-10-10zm1.358 0c0 4.604 4.038 8.642 8.642 8.642 4.604 0 8.642-4.038 8.642-8.642 0-4.604-4.038-8.643-8.642-8.643-4.604 0-8.642 4.039-8.642 8.643z",
-                fill: i
+                fill: t
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
@@ -118,10 +119,10 @@ var p = function p(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.167 19.036c-1.084.538-2.443.81-4.034.81-3.812 0-6.126-1.494-7.02-4.527h5.519c.515 0 .935-.44.935-.986 0-.544-.417-.986-.935-.986H7.766c-.04-.434-.081-.863-.081-1.342 0-.207.028-.386.036-.588h5.91c.516 0 .936-.44.936-.986s-.417-.986-.935-.986H7.95c.723-3.53 3.073-5.286 7.182-5.286 1.574 0 2.916.266 3.995.79.47.23 1.025.014 1.243-.479.216-.493.014-1.078-.456-1.308-1.325-.647-2.936-.972-4.782-.972-5.143 0-8.3 2.557-9.106 7.255h-1.59c-.516 0-.936.44-.936.986s.42.986.936.986h1.397c-.005.196-.02.386-.02.588 0 .465.023.908.06 1.342H4.436c-.516 0-.936.44-.936.986 0 .543.42.986.936.986h1.736c1.006 4.216 4.098 6.496 8.958 6.496 1.871 0 3.496-.337 4.832-.998.468-.232.67-.817.448-1.31-.218-.494-.773-.706-1.243-.471z",
-            fill: i
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-exchange-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,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var l = _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)(), a = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : n ? a.inverse : a.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: l,
-        height: l,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.144 4.002l2.575 2.605a.525.525 0 01.058.575.529.529 0 01-.481.308l-1.026.008c-.131 1.048-.641 3.216-2.59 4.852 3.79 2.092 3.834 6.213 3.834 6.255 0 .882-.711 1.596-1.588 1.596a1.595 1.595 0 01-1.588-1.585c-.003-.384-.202-3.482-4.283-4.123l-.045.058c-.037.05-.074.098-.118.14-.445.429-1.084.645-1.904.645-.818 0-1.457-.216-1.9-.645-.043-.04-.078-.09-.114-.138l-.054-.072c-4.196.617-4.392 3.748-4.397 4.14a1.599 1.599 0 01-1.589 1.575 1.597 1.597 0 01-1.588-1.591c0-.043.048-4.2 3.91-6.28-1.918-1.65-2.417-3.86-2.543-4.827l-1.03-.005a.528.528 0 01-.48-.309.551.551 0 01.073-.582l2.6-2.636a.493.493 0 01.322-.163c.14-.02.28.023.392.112l.087.09 2.529 2.569c.16.193.188.423.098.613a.532.532 0 01-.482.308l-.919.006c.174.938.818 2.583 3.154 3.308l.015-.018a.115.115 0 01.014-.018c.442-.429 1.084-.647 1.902-.647.82 0 1.459.218 1.904.647l.01.01a.067.067 0 00.016.018c2.344-.74 2.986-2.426 3.16-3.3l-.917-.006a.53.53 0 01-.476-.305.557.557 0 01.067-.583l2.591-2.638c.286-.233.62-.194.801.033zm-5.818 10.104c.132-.132.233-.3.306-.499.09-.243.137-.53.137-.862 0-.404-.07-.731-.196-.998a1.241 1.241 0 00-.25-.37 1.376 1.376 0 00-.54-.308 2.582 2.582 0 00-.793-.109c-.305 0-.568.037-.795.11-.216.07-.392.17-.532.305-.104.1-.183.23-.25.372-.123.267-.193.594-.193.998 0 .336.048.624.134.862.073.2.171.37.306.502.126.12.291.213.482.28.235.084.518.132.848.132.33 0 .608-.048.846-.132.196-.067.362-.16.49-.283z",
-            fill: r
+            fill: i
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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 p = function p(_param) {
-    var c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = c != null ? c : n ? a.inverse : a.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.148 3.994l2.574 2.603a.555.555 0 01.065.585.529.529 0 01-.482.308l-1.025.011c-.132 1.048-.642 3.213-2.591 4.852 3.79 2.09 3.834 6.21 3.834 6.255 0 .877-.711 1.594-1.588 1.594a1.595 1.595 0 01-1.588-1.586c-.006-.383-.202-3.482-4.283-4.123l-.045.059c-.037.049-.073.098-.117.14-.446.426-1.084.641-1.905.641s-1.46-.215-1.902-.641a1.202 1.202 0 01-.114-.139l-.054-.071c-4.196.619-4.392 3.75-4.398 4.14a1.602 1.602 0 01-1.588 1.574 1.596 1.596 0 01-1.588-1.591c0-.045.044-4.202 3.907-6.289-1.919-1.65-2.417-3.86-2.543-4.826l-1.031-.008a.528.528 0 01-.48-.308.553.553 0 01.074-.583l2.6-2.633c.055-.078.181-.146.321-.163.14-.016.28.023.392.113l.087.09 2.53 2.568c.16.193.187.426.098.613a.532.532 0 01-.482.308l-.919.009c.174.938.818 2.582 3.154 3.308a.11.11 0 00.014-.018.115.115 0 01.014-.018c.443-.432 1.084-.648 1.902-.648.82 0 1.462.216 1.905.648l.01.011.015.017c2.348-.743 2.986-2.426 3.16-3.3l-.916-.009a.525.525 0 01-.476-.305.557.557 0 01.067-.583l2.59-2.638c.287-.233.62-.194.802.033zM4.705 18.608c.009-.46.225-4.104 4.835-4.902a3.49 3.49 0 01-.134-.975c0-.468.075-.877.215-1.224-3.165-1.104-3.54-3.77-3.585-4.39l-.03-.44 1.153-.005-1.896-1.927L3.36 6.672l1.053.011.084.381c.034.533.334 3.28 2.773 5.006l.597.423-.67.291c-3.938 1.717-4.025 5.782-4.025 5.824 0 .417.342.762.76.764a.777.777 0 00.772-.764zM19.501 7.062l.025-.387 1.11-.003-1.905-1.927-1.891 1.927 1.11.011.016.437c-.042.62-.417 3.286-3.588 4.39.14.347.218.753.218 1.224 0 .367-.05.692-.137.986 4.487.826 4.703 4.431 4.711 4.888.003.426.348.77.768.77a.77.77 0 00.768-.77v-.006c-.008-.18-.158-4.101-3.956-5.798l-.666-.3.599-.417c2.479-1.726 2.782-4.49 2.818-5.025zm-8.353 7.313c.235.087.518.132.849.132.328 0 .608-.045.846-.129.196-.07.361-.16.49-.286.132-.128.232-.296.305-.495.087-.241.137-.53.137-.869 0-.403-.07-.734-.196-.997a1.245 1.245 0 00-.249-.37 1.376 1.376 0 00-.54-.308 2.57 2.57 0 00-.793-.11 2.6 2.6 0 00-.796.11c-.215.07-.392.171-.532.305a1.27 1.27 0 00-.25.373c-.123.263-.193.594-.193.997 0 .34.048.625.135.863.073.202.17.373.305.501a1.3 1.3 0 00.482.283z",
-            fill: r
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-exchange-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,13 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var f = function f(_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, t = (0, _themeVariantContextJs.useIsInverseVariant)(), n = a != null ? a : t ? l.inverse : l.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), n = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,

package/dist/generated/mistica-icons/icon-exit-door-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return c;
+        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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var c = function c(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, d = _param.children, l = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var r = _param.color, tmp = _param.size, i = tmp === void 0 ? 24 : tmp, h = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : n ? s.inverse : s.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), t = r != null ? r : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: r,
-        height: r,
+        width: i,
+        height: i,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M17.677 21.993h3.694V3.347l-3.694 3.695v14.951z",

package/dist/generated/mistica-icons/icon-exit-door-light.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,12 +91,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, v = _param.children, l = _objectWithoutProperties(_param, [
+    var r = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : n ? s.inverse : s.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), s = r != null ? r : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: t,
         height: t,
@@ -106,11 +106,11 @@ var p = function p(_param) {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M18.424 17.821l-2.964 2.965V5.714l2.857-2.857v10.929c0 .214.143.357.357.357s.357-.143.357-.357V2H7.96v7.857h-2L7.138 8.68a.345.345 0 000-.5.345.345 0 00-.5 0l-2.036 2.035 2.036 2.036a.386.386 0 00.25.107.386.386 0 00.25-.107.345.345 0 000-.5l-1.178-1.18h7c.214 0 .357-.142.357-.357 0-.214-.143-.357-.357-.357H8.674V2.714h8.786l-2.608 2.607a.324.324 0 00-.107.25v12.143H8.674V12c0-.214-.143-.357-.357-.357-.215 0-.357.143-.357.357v6.429h6.785v3.214c0 .143.072.286.215.321.035.036.107.036.142.036a.324.324 0 00.25-.107l3.572-3.572a.345.345 0 000-.5.345.345 0 00-.5 0z",
-                fill: i
+                fill: s
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M18.674 16.643a.714.714 0 100-1.429.714.714 0 000 1.429z",
-                fill: i
+                fill: s
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-exit-door-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, h = _param.children, i = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), s = r != null ? r : l ? _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"
     }, i), {

package/dist/generated/mistica-icons/icon-exit-fullscreen-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,16 +90,16 @@ 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, s = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, v = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : i ? a.inverse : a.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = 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"
     }, s), {

package/dist/generated/mistica-icons/icon-exit-fullscreen-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var u = function u(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, v = _param.children, n = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var a = _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)(), r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : s ? r.inverse : r.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: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.366 2.155c.465 0 .843.378.843.843v5.353a.844.844 0 01-.843.843H3.013a.845.845 0 010-1.689H7.52V2.998c0-.465.378-.843.846-.843zm.843 13.49a.844.844 0 00-.843-.843H3.013a.845.845 0 00-.812.812.84.84 0 00.812.874h4.51v4.51a.845.845 0 001.686 0v-5.353zm12.614.034a.845.845 0 00-.813-.877h-5.353a.842.842 0 00-.843.843v5.356a.844.844 0 001.69 0v-4.51h4.506a.846.846 0 00.813-.812zM14.817 8.35c0 .465.378.843.843.843h5.353a.846.846 0 000-1.689h-4.51V2.998a.845.845 0 00-1.686 0v5.353z",
-            fill: i
+            fill: n
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return c;
+        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,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var c = function c(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, l = _param.children, n = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var r = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, l = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : s ? r.inverse : r.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = r != null ? r : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.838 2.201a.748.748 0 00-.185.126L5.755 8.222a.583.583 0 00.824.823l4.897-4.91v12.08a.581.581 0 001.16 0V4.134l4.805 4.807a.583.583 0 00.824-.824l-5.792-5.79a.9.9 0 00-.196-.127.546.546 0 00-.44 0zm10.007 14.86a.58.58 0 00-.58-.58.577.577 0 00-.577.58v3.624H3.315V17.06a.581.581 0 00-1.16 0v4.205c0 .32.26.58.58.58h18.53c.32 0 .58-.26.58-.58V17.06z",
-            fill: a
+            fill: n
         })
     }));
 };

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,21 +91,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, h = _param.children, n = _objectWithoutProperties(_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, s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : s ? 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"
-    }, n), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M5.497 8.729a.842.842 0 001.436.59l4.278-4.282v11.05a.845.845 0 001.689 0V5.037l4.21 4.213.008.008.014.014a.845.845 0 001.171-1.216l-5.65-5.655a.847.847 0 00-1.193 0L5.743 8.129a.858.858 0 00-.246.6zM21.84 16.91a.844.844 0 00-.843-.844.84.84 0 00-.84.844v3.243H3.844V16.91a.845.845 0 00-1.69 0v4.086c0 .465.379.844.844.844h18a.844.844 0 00.843-.844V16.91z",
-            fill: i
+            fill: n
         })
     }));
 };

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,26 +91,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, n = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, v = _param.children, n = _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"
     }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M16.455 11.998c0 2.543-2.003 4.605-4.473 4.605-2.47 0-4.473-2.062-4.473-4.605 0-2.543 2.003-4.605 4.473-4.605 2.47 0 4.473 2.062 4.473 4.605z",
-                fill: i
+                fill: s
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M22 12.146c-.036 0-.036.037-.036.037-.02.021-.03.03-.033.041-.003.008-.003.018-.003.033v.037C20.104 16.496 16.383 19 11.982 19c-4.4 0-8.122-2.504-9.946-6.631v-.037c-.02-.022-.03-.03-.033-.042C2 12.283 2 12.274 2 12.258v-.444c.02-.022.03-.03.033-.042.003-.008.003-.017.003-.033v-.037C3.86 7.504 7.581 5 11.982 5c4.4 0 8.122 2.504 9.982 6.664v.037c.02.022.03.03.033.041.003.009.003.018.003.033v.371zm-18.532-.148c1.645 3.46 4.793 5.523 8.514 5.523 3.72 0 6.87-2.06 8.514-5.523-1.645-3.464-4.793-5.523-8.514-5.523-3.72 0-6.87 2.059-8.514 5.523z",
-                fill: i
+                fill: s
             })
         ]
     }));

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return g;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,27 +91,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, r = _objectWithoutProperties(_param, [
+var g = function g(_param) {
+    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.skinName, c = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), n = i != null ? i : a ? c.inverse : c.neutralHigh;
-    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = i != null ? i : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), a = ref.skinName;
+    return a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M2.027 12.154C3.803 16.322 7.719 19 12.036 19c4.244 0 8.124-2.598 9.936-6.69.072-.19 0-.422-.18-.498-.18-.076-.4 0-.472.19-1.704 3.788-5.332 6.234-9.284 6.234-3.989 0-7.617-2.446-9.285-6.234.688-1.531 1.704-2.906 2.94-3.944C7.503 6.565 9.68 5.763 12 5.763c2.612 0 5.08 1.034 7 2.907a.34.34 0 00.508 0 .386.386 0 000-.536C17.476 6.11 14.828 5 12.036 5 9.572 5 7.25 5.84 5.29 7.447c-1.416 1.147-2.54 2.678-3.264 4.399a.45.45 0 000 .308z",
-                fill: n
+                fill: r
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M7.647 12.002c0 2.523 1.96 4.59 4.353 4.59 2.392 0 4.352-2.067 4.352-4.59 0-2.522-1.96-4.59-4.352-4.59-2.392 0-4.353 2.068-4.353 4.59zm.724 0c0-2.105 1.633-3.826 3.629-3.826s3.628 1.721 3.628 3.826-1.632 3.826-3.628 3.826c-1.996 0-3.629-1.721-3.629-3.826zm13.057-1.911c0 .422-.324.764-.724.764-.4 0-.724-.342-.724-.764 0-.421.324-.763.724-.763.4 0 .724.342.724.763z",
-                fill: n
+                fill: r
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
@@ -118,10 +119,10 @@ var v = function v(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.905 11.747a.39.39 0 01.002.508c-.199.235-4.945 5.745-9.88 5.745-4.931 0-9.729-5.507-9.931-5.742a.388.388 0 010-.51C2.296 11.511 7.067 6 12.002 6c4.928.003 9.7 5.512 9.903 5.747zM12.027 17.2c3.967 0 8.014-4.12 9.004-5.196-.993-1.076-5.065-5.198-9.03-5.198-3.966 0-8.033 4.12-9.028 5.198.998 1.074 5.09 5.196 9.054 5.196zm2.547-5.114c0-2.273-1.96-2.464-2.467-2.475a3.74 3.74 0 00-.247 0c-.516.003-2.44.172-2.44 2.461 0 2.292 1.941 2.473 2.46 2.478a3.577 3.577 0 00.236 0c.492-.011 2.458-.189 2.458-2.464z",
-            fill: n
+            fill: r
         })
     }));
 };

package/dist/generated/mistica-icons/icon-eye-off-filled.js

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