@telefonica/mistica 12.9.1 → 12.11.0

package/dist/generated/mistica-icons/icon-hotline-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, a = tmp === void 0 ? 24 : tmp, o = _param.children, l = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : i ? 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: a,
-        height: a,
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M9.006 21.39a.34.34 0 00.329.269.232.232 0 00.073-.014c2.33-.57 4.95-2.286 7.38-4.827 2.265-2.376 3.799-4.85 4.43-7.163.638-2.326.282-4.33-1-5.645L18.846 2.6c-.741-.76-1.889-.804-2.564-.1l-2.058 2.157c-.67.705-.619 1.9.122 2.658l1.438 1.478c1.03 1.06.363 3.255-1.629 5.34-1.996 2.092-4.114 2.815-5.145 1.755l-1.438-1.477a1.957 1.957 0 00-1.29-.598 1.626 1.626 0 00-1.274.503l-2.057 2.156c-.671.705-.62 1.9.121 2.658l1.373 1.41c.22.225.468.432.74.607.16.103.369.054.468-.112a.358.358 0 00-.108-.486 3.708 3.708 0 01-.624-.511L3.557 18.64c-.476-.49-.528-1.235-.117-1.666l2.057-2.156a.966.966 0 01.763-.292c.307.014.61.153.844.396L8.542 16.4c1.312 1.347 3.824.624 6.103-1.765 2.269-2.38 2.936-4.985 1.624-6.332L14.83 6.826c-.477-.49-.529-1.235-.117-1.667l2.057-2.155c.411-.431 1.13-.386 1.607.103l1.373 1.41c1.113 1.141 1.399 2.856.823 4.954-.602 2.2-2.075 4.571-4.262 6.862-2.339 2.447-4.847 4.095-7.055 4.634a.351.351 0 00-.251.422zm-2.36-.09c0-.387.302-.701.675-.701.377 0 .675.314.675.7a.69.69 0 01-.675.701.69.69 0 01-.676-.7zm5.313-9.225a.354.354 0 00.087-.336L11.37 9.12a4.67 4.67 0 00.373-1.84c0-2.52-1.98-4.572-4.41-4.572-2.429 0-4.408 2.047-4.408 4.571 0 2.524 1.98 4.572 4.409 4.572.62 0 1.212-.13 1.775-.386l2.525.7a.29.29 0 00.087.014.332.332 0 00.238-.104zm-4.625-.925C5.277 11.15 3.6 9.412 3.6 7.28c0-2.134 1.677-3.872 3.734-3.872s3.733 1.738 3.733 3.871a3.94 3.94 0 01-.36 1.657.36.36 0 00-.021.243l.559 2.155-2.08-.579a.29.29 0 00-.086-.013.34.34 0 00-.147.035 3.59 3.59 0 01-1.598.373zM7.32 4.81a.514.514 0 00-.507.525c0 .292.225.525.507.525a.514.514 0 00.506-.525.514.514 0 00-.506-.526zm.36 2.105v2.457a.367.367 0 01-.36.373c-.2 0-.36-.167-.36-.373V6.915c0-.206.16-.372.36-.372.199 0 .36.166.36.372z",
-            fill: n
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-hotline-regular.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 a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : n ? l.inverse : l.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), c = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.686 12.338a.733.733 0 01-.175-.023l-2.432-.68a4.576 4.576 0 01-1.811.374c-2.641 0-4.785-2.244-4.785-5C2.483 4.254 4.623 2 7.263 2c2.642 0 4.785 2.245 4.785 5a5.1 5.1 0 01-.358 1.898l.65 2.54a.746.746 0 01-.174.69.653.653 0 01-.48.21zm-7.208 8.284C5.373 21.553 6.548 22 7.883 22c2.637 0 5.911-1.743 8.989-4.986 4.61-4.868 5.968-10.192 3.3-12.952L18.85 2.694a2.191 2.191 0 00-1.476-.69 1.92 1.92 0 00-1.497.598l-1.982 2.09c-.389.41-.585.967-.555 1.57a2.4 2.4 0 00.672 1.536l1.384 1.433c.459.474.385 1.209.24 1.738-.248.908-.89 1.944-1.811 2.915-1.746 1.843-3.62 2.56-4.449 1.702l-1.384-1.433c-.85-.88-2.187-.921-2.973-.09l-1.982 2.089c-.388.41-.584.967-.554 1.569.03.57.27 1.118.672 1.533l1.323 1.368zm1.506-5.56a.576.576 0 01.428-.179.87.87 0 01.616.283L8.412 16.6c1.436 1.482 3.998.793 6.378-1.716 1.095-1.158 1.838-2.377 2.152-3.53.345-1.274.13-2.387-.594-3.14l-1.384-1.432a.96.96 0 01-.27-.602.648.648 0 01.161-.488l1.982-2.09a.57.57 0 01.463-.173c.21.01.419.11.58.278l1.323 1.369c2.096 2.167.738 6.665-3.309 10.935-4.064 4.288-8.364 5.766-10.46 3.6l-1.323-1.37a.96.96 0 01-.27-.601.648.648 0 01.161-.488l1.982-2.09zm3.213-4.873l1.524.424-.406-1.592a.722.722 0 01.043-.488c.219-.48.328-.995.328-1.533 0-1.97-1.537-3.577-3.423-3.577C5.377 3.423 3.841 5.03 3.841 7s1.536 3.577 3.422 3.577a3.29 3.29 0 001.467-.342.657.657 0 01.467-.046zM7.25 4.673a.52.52 0 00-.51.534.52.52 0 00.51.534.52.52 0 00.511-.534.52.52 0 00-.51-.534zm.511 2.318v1.784a.52.52 0 01-.51.533.52.52 0 01-.512-.533V6.99a.52.52 0 01.511-.534.52.52 0 01.511.534z",
-            fill: s
+            fill: c
         })
     }));
 };

package/dist/generated/mistica-icons/icon-id-card-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, m = _param.children, i = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, c = _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 i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = 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"
-    }, i), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.41 19.38H3.586c-.79 0-1.431-.67-1.431-1.49V6.103c0-.821.641-1.488 1.431-1.488h16.827c.79 0 1.43.667 1.43 1.488V17.89c-.002.82-.643 1.49-1.433 1.49zm-9.393-4.986c.334 0 .603-.28.603-.627a.616.616 0 00-.602-.628H4.777a.614.614 0 00-.603.628c0 .347.272.627.603.627h6.24zm-1.4-3.978a.617.617 0 00-.605-.627H4.777a.617.617 0 00-.605.627c0 .348.271.628.605.628h4.235c.333 0 .605-.28.605-.628zm6.653-2.243c-.569 0-1.014.157-1.32.465-.319.319-.479.795-.479 1.411 0 .617.16 1.09.48 1.41.305.308.75.462 1.319.462.571 0 1.014-.157 1.322-.463.32-.319.482-.795.482-1.411 0-.617-.163-1.09-.482-1.412-.308-.308-.75-.462-1.322-.462zm-1.098 4.568c-.667 0-1.216.213-1.583.61-.339.368-.515.878-.515 1.474v.625a.21.21 0 00.204.213h5.992a.21.21 0 00.204-.213v-.625c0-.596-.18-1.106-.518-1.473-.373-.398-.919-.61-1.585-.61h-2.2z",
             fill: s

package/dist/generated/mistica-icons/icon-id-card-light.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,18 +91,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var v = function v(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, m = _param.children, r = _objectWithoutProperties(_param, [
+    var a = _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)(), h = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : c ? h.inverse : h.neutralHigh;
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : c ? _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"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.837 5.935c0-.725-.563-1.316-1.254-1.316H3.406c-.692 0-1.255.59-1.255 1.316V18.07c0 .725.563 1.316 1.258 1.316h17.174c.692 0 1.255-.59 1.255-1.316V5.935zm-.82 0V18.07a.446.446 0 01-.434.453H3.406a.444.444 0 01-.434-.453V5.935a.442.442 0 01.434-.453h17.177c.246.005.44.21.434.453zm-10.025 7.46a.42.42 0 01.408.431.42.42 0 01-.408.431H4.328a.422.422 0 01-.412-.43.42.42 0 01.409-.432h6.667zm-7.073-3.017a.42.42 0 00.409.431h4.52a.42.42 0 00.41-.431.42.42 0 00-.41-.431h-4.52a.422.422 0 00-.41.43zm11.952-.995c.154-.156.434-.19.644-.19.21 0 .49.034.647.193.13.13.194.362.194.69 0 .327-.068.557-.194.686-.154.154-.436.187-.647.187-.21 0-.49-.033-.644-.187-.157-.16-.19-.463-.19-.687 0-.227.033-.529.19-.692zm-.571 1.995c.28.286.689.431 1.213.431.523 0 .932-.143 1.215-.431.297-.294.446-.734.446-1.305 0-.572-.152-1.014-.446-1.311-.283-.286-.692-.432-1.215-.432-.521 0-.933.146-1.213.432-.294.297-.443.74-.443 1.31 0 .572.149 1.012.443 1.306zm3.336 3.042h-4.241c.011-.219.067-.49.244-.684.224-.246.594-.3.862-.3h2.023c.269 0 .636.051.865.3.182.196.236.465.247.684zm.344-1.283c-.339-.37-.843-.566-1.456-.566h-2.02c-.613 0-1.117.193-1.456.566-.311.342-.477.812-.477 1.367v.577a.194.194 0 00.188.199h5.513a.194.194 0 00.187-.199v-.577c0-.555-.165-1.025-.479-1.367z",
             fill: i

package/dist/generated/mistica-icons/icon-id-card-regular.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,21 +91,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var v = function v(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
+    var a = _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)(), r = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), n = a != null ? a : h ? r.inverse : r.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M3.586 19.38H20.41c.79 0 1.431-.67 1.434-1.49V6.103c0-.821-.641-1.488-1.431-1.488H3.586c-.79 0-1.431.667-1.431 1.488V17.89c0 .82.641 1.49 1.431 1.49zM3.362 6.103a.228.228 0 01.224-.233h16.827a.228.228 0 01.224.233V17.89a.228.228 0 01-.224.232H3.586a.228.228 0 01-.224-.232V6.103zm7.656 8.29H4.777a.614.614 0 01-.602-.627c0-.347.271-.627.602-.627h6.24c.334 0 .603.28.603.628a.616.616 0 01-.602.627zm-6.241-3.35h4.235a.62.62 0 00.605-.627.617.617 0 00-.605-.627H4.777a.617.617 0 00-.605.627c0 .348.272.628.605.628zm11.493-2.87c.569 0 1.014.157 1.322.465.32.319.482.795.482 1.411 0 .617-.163 1.09-.482 1.412-.308.308-.753.462-1.322.462-.569 0-1.014-.156-1.32-.462-.319-.32-.478-.793-.478-1.412 0-.616.16-1.09.479-1.409.308-.313.753-.467 1.319-.467zm-.591 1.246c-.14.14-.163.457-.163.63 0 .174.023.488.16.625.104.104.314.16.594.16.283 0 .496-.056.6-.16.14-.14.159-.45.159-.625 0-.173-.02-.487-.163-.627-.14-.14-.43-.163-.596-.163-.163 0-.454.02-.591.16zm1.692 3.322c.666 0 1.215.213 1.585.61.34.368.518.878.518 1.474v.625a.21.21 0 01-.204.213h-5.992a.205.205 0 01-.204-.21v-.628c0-.596.18-1.106.515-1.473.367-.398.916-.61 1.583-.61h2.199zm-2.2 1.09c-.262 0-.618.048-.828.277a.908.908 0 00-.208.468h4.27a.878.878 0 00-.208-.468c-.207-.23-.566-.277-.826-.277h-2.2z",
-            fill: n
+            fill: h
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, c = _param.children, i = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var e = _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)(), r = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : l ? r.inverse : r.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), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.423 4.622c.742 0 1.42.583 1.42 1.224v12.317c0 .641-.678 1.224-1.42 1.224H3.577c-.756 0-1.417-.574-1.417-1.224l.002-12.317c0-.652.664-1.224 1.418-1.224h16.843zM4.8 8.984a2.267 2.267 0 002.255 2.277c1.244 0 2.255-1.022 2.255-2.277 0-1.255-1.011-2.278-2.255-2.278S4.801 7.73 4.801 8.984zm14.933 3.652l-3.247-2.507a.61.61 0 00-.756.009l-3.711 2.977-.897-.854a.61.61 0 00-.815-.025l-5.277 4.44a.627.627 0 00-.079.876.608.608 0 00.866.082l4.86-4.087 3.378 3.213a.61.61 0 00.868-.026.628.628 0 00-.025-.88l-1.969-1.873 3.196-2.566 2.866 2.213a.61.61 0 00.857-.12.626.626 0 00-.115-.872zM6.03 8.986c0 .57.46 1.034 1.025 1.034a1.035 1.035 0 000-2.067A1.03 1.03 0 006.03 8.987z",
-            fill: n
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-image-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 e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : l ? c.inverse : c.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), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.421 4.62c.745 0 1.42.583 1.42 1.224v12.317c0 .638-.678 1.224-1.42 1.224H3.572c-.753.002-1.417-.572-1.417-1.224l.003-12.317c0-.653.664-1.224 1.42-1.224h16.843zm.6 13.54V5.848c0-.135-.272-.395-.6-.395H3.575c-.33 0-.596.238-.596.395l-.003 12.316c0 .157.269.395.6.395h16.848c.325-.002.596-.263.596-.397zM5.823 8.982c0 .687.552 1.241 1.23 1.241.678 0 1.23-.557 1.23-1.24 0-.684-.552-1.242-1.23-1.242-.678 0-1.23.558-1.23 1.241zm1.23 2.073c-1.131 0-2.05-.93-2.05-2.07 0-1.14.919-2.07 2.05-2.07 1.132 0 2.05.93 2.05 2.07 0 1.14-.918 2.07-2.05 2.07zm12.555 1.742l-3.247-2.506a.408.408 0 00-.504.005l-3.851 3.09-1.026-.975a.407.407 0 00-.543-.017l-5.277 4.44a.416.416 0 00-.054.583l.003.002c.143.174.4.196.574.05l5-4.2 3.507 3.335.006.006c.165.151.42.143.574-.023a.415.415 0 00-.017-.585l-2.142-2.04 3.507-2.817 2.994 2.31.003.003c.18.138.437.101.571-.078a.42.42 0 00-.078-.582z",
-            fill: n
+            fill: s
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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 f = function f(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, m = _param.children, c = _objectWithoutProperties(_param, [
+var h = function h(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? r.inverse : r.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : l ? _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"
     }, c), {

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,26 +91,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, c = _param.children, n = _objectWithoutProperties(_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.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : h ? r.inverse : r.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = r != null ? r : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M11.994 19.144l-5.852-5.928c-.464-.464-.608-1.216-.36-1.86.252-.608.783-.964 1.39-.964h2.144V2h5.356v8.392h2.143c.608 0 1.143.356 1.391.964.252.644.108 1.392-.355 1.856l-5.857 5.932z",
-                fill: s
+                fill: t
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M19.845 22H4.143A2.149 2.149 0 012 19.856V12a.715.715 0 111.431 0v7.856c0 .392.32.716.716.716h15.706c.392 0 .716-.32.716-.716V12A.715.715 0 1122 12v7.856A2.167 2.167 0 0119.845 22z",
-                fill: s
+                fill: t
             })
         ]
     }));

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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 f = function f(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, c = _objectWithoutProperties(_param, [
+var g = function g(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.skinName, h = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : r ? h.inverse : h.neutralHigh;
-    return l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), h = ref.skinName;
+    return h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M11.82 19.555L6.108 13.74c-.4-.408-.509-1-.292-1.519a1.17 1.17 0 011.09-.78h2.549V2.372c0-.22.144-.371.365-.371.216 0 .364.147.364.371v9.813H6.91a.406.406 0 00-.401.298c-.072.22-.072.518.108.738l5.203 5.298 5.198-5.293a.638.638 0 00.108-.74.41.41 0 00-.4-.297H13.45V2.37c0-.22.144-.371.365-.371.216 0 .364.147.364.371v9.074h2.546c.472 0 .873.298 1.09.78.216.518.108 1.146-.293 1.518l-5.703 5.812zM22 12.371a.732.732 0 01-.726.74c-.4 0-.725-.332-.725-.74s.325-.738.726-.738c.4 0 .725.33.725.738z",
-                fill: i
+                fill: r
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M3.82 22h16c1.018 0 1.815-.816 1.82-1.853v-5.555c0-.225-.149-.372-.366-.372-.22 0-.364.151-.364.372v5.555c0 .629-.473 1.11-1.09 1.11h-16c-.618 0-1.09-.482-1.09-1.11V12c0-.225-.145-.371-.365-.371S2 11.779 2 12v8.147C2 21.184 2.802 22 3.82 22z",
-                fill: i
+                fill: r
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
@@ -118,10 +119,10 @@ var f = function f(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M5.753 10.72l5.894 5.893a.721.721 0 00.188.13c.14.06.3.06.44 0a.818.818 0 00.196-.13l5.79-5.79a.58.58 0 00-.82-.82l-4.808 4.806V2.732a.58.58 0 00-.58-.58c-.322 0-.58.26-.582.58v12.076l-4.9-4.91a.289.289 0 00-.027-.029l-.015-.014a.58.58 0 10-.776.866zm16.084 6.333a.58.58 0 00-.58-.577.573.573 0 00-.574.58v3.625H3.311v-3.625a.581.581 0 00-1.16 0v4.204c0 .32.258.577.577.577h18.533c.319 0 .576-.26.576-.58v-4.204z",
-            fill: i
+            fill: r
         })
     }));
 };

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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 f = function f(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, r = _objectWithoutProperties(_param, [
+var u = function u(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.skinName, l = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = t != null ? t : n ? l.inverse : l.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = r != null ? r : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), h = ref.skinName;
     return h.match(/^o2/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: "M6.142 13.216l5.852 5.856 5.857-5.856c.463-.464.607-1.212.355-1.856-.248-.608-.783-.964-1.39-.964h-2.144v-7.68a.715.715 0 10-1.43 0v9.108h3.57s.035 0 .071.072c.036.104.036.248-.036.32l-4.853 4.856-4.853-4.856c-.072-.068-.072-.212-.036-.32.036-.072.072-.072.072-.072h3.57V2.716a.717.717 0 00-1.431-.004v7.68H7.173c-.608 0-1.14.356-1.391.964-.248.644-.104 1.396.36 1.86z",
-                fill: i
+                fill: t
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M4.143 22h15.702c1.18 0 2.143-.964 2.155-2.144V12a.715.715 0 10-1.431 0v7.856a.718.718 0 01-.716.716H4.147a.718.718 0 01-.716-.716V12A.715.715 0 102 12v7.856C2 21.036 2.963 22 4.143 22z",
-                fill: i
+                fill: t
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
@@ -118,10 +119,10 @@ var f = function f(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M5.74 10.956l5.72 5.728a.853.853 0 001.196 0l5.647-5.655.01-.008a.845.845 0 10-1.202-1.185l-4.208 4.213V2.999a.844.844 0 00-1.69 0v11.05l-4.28-4.286a.844.844 0 00-1.193 1.193zm16.101 5.955a.844.844 0 00-.843-.843.838.838 0 00-.84.843v3.244H3.844v-3.244a.845.845 0 00-1.689 0v4.087c0 .465.378.843.843.843h18a.844.844 0 00.843-.843v-4.087z",
-            fill: i
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-infinity-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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, m = _param.children, n = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var r = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : r ? h.inverse : h.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = r != null ? r : n ? _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), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.13 7.903c1.143.003 2.084.381 2.728 1.096.642.714.98 1.759.983 3.016-.008 2.563-1.395 4.09-3.711 4.09h-.02c-2.1-.008-5.115-2.546-6.112-3.487-.997.94-4.008 3.479-6.115 3.487h-.016c-1.135 0-2.073-.373-2.718-1.078-.647-.71-.991-1.751-.994-3.012-.003-1.26.336-2.302.978-3.016.641-.712 1.585-1.093 2.728-1.096h.008c2.104 0 5.126 2.544 6.126 3.488.998-.944 4.023-3.488 6.126-3.488h.009zm-.006 7.289c1.852 0 2.877-1.129 2.88-3.18.003-1.027-.244-1.823-.737-2.37-.49-.545-1.213-.823-2.143-.826h-.005c-1.628 0-4.407 2.146-5.513 3.188 1.104 1.042 3.874 3.182 5.501 3.188h.017zm-6.75-3.185c-1.107-1.045-3.886-3.188-5.513-3.188h-.006c-.93.003-1.65.28-2.143.827-.493.546-.74 1.344-.736 2.37.003 1.027.255 1.823.75 2.364.49.537 1.208.812 2.132.812h.017c1.63-.006 4.398-2.149 5.498-3.185z",
             fill: s

package/dist/generated/mistica-icons/icon-infinity-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, t = tmp === void 0 ? 24 : tmp, m = _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, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : h ? n.inverse : n.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = r != null ? r : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.007 7.903c1.173.006 2.148.387 2.817 1.104.67.717 1.02 1.756 1.017 3.008-.005 2.563-1.44 4.09-3.837 4.09h-.017c-2.034-.006-4.88-2.255-5.989-3.238-1.11.986-3.955 3.232-5.989 3.238h-.016c-2.395 0-3.83-1.53-3.838-4.09-.003-1.252.347-2.291 1.014-3.008.67-.717 1.644-1.1 2.818-1.104h.008c2.04 0 4.894 2.252 6.003 3.238 1.11-.986 3.966-3.238 6-3.238h.009zm-.003 6.902c1.708 0 2.613-.963 2.622-2.795 0-.91-.222-1.614-.664-2.09-.443-.476-1.101-.717-1.955-.72H18c-1.465 0-3.927 1.793-5.084 2.804 1.154 1.009 3.61 2.796 5.073 2.801h.014zm-11.997 0c1.465-.005 3.921-1.792 5.075-2.798-1.154-1.011-3.616-2.804-5.084-2.804h-.005c-.858.003-1.513.244-1.956.72-.442.473-.666 1.176-.663 2.09.005 1.826.91 2.792 2.619 2.792h.014z",
-            fill: s
+            fill: h
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return c;
+        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 c = function c(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, h = _param.children, n = _objectWithoutProperties(_param, [
+var h = function h(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e != null ? e : i ? s.inverse : s.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"
     }, n), {