@telefonica/mistica 12.9.1 → 12.11.0

package/dist/generated/mistica-icons/icon-arrow-up-right-light.js

@@ -5,11 +5,12 @@ 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,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, a = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, i = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), r = t != null ? t : c ? i.inverse : i.neutralHigh;
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
     return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.653 20.072a.354.354 0 00.256.108.36.36 0 00.26-.104l6.651-6.648 3.076 3.076c.528.528 1.288.68 1.98.392A1.795 1.795 0 0022 15.216V2H8.789c-.748 0-1.392.432-1.68 1.124a1.788 1.788 0 00.392 1.98l3.076 3.076-8.472 8.472a.37.37 0 000 .516.362.362 0 00.516 0l8.983-8.984-3.591-3.592a1.073 1.073 0 01-.236-1.188 1.077 1.077 0 011.008-.676h12.491v12.48c0 .536-.352.872-.676 1.008a1.073 1.073 0 01-1.188-.236l-3.592-3.592-7.167 7.168a.37.37 0 000 .516zM7.453 22a.728.728 0 100-1.456.728.728 0 000 1.456z",
-            fill: r
+            fill: a
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.917 19.975c.336.333.678.501 1.017.501.336 0 .67-.16.988-.482l5.096-5.075a.194.194 0 01.134-.062.16.16 0 01.11.042l2.57 2.572c.29.266.788.341 1.16.176a.766.766 0 00.474-.737l.005-12.666a.672.672 0 00-.182-.538.67.67 0 00-.537-.182H7.147c-.384 0-.684.188-.827.518-.154.359-.081.826.171 1.09L9.27 7.91c.064.062.053.174-.017.244l-5.238 5.168-.003.003c-.272.275-.84.849-.157 1.594l5.062 5.056zm.398-.395l-5.05-5.045c-.25-.272-.259-.406.148-.812L9.65 8.555a.744.744 0 00.224-.513.707.707 0 00-.205-.524L6.9 4.748c-.087-.092-.134-.311-.062-.479.054-.123.152-.18.314-.18h12.63l.014-.002c.045-.006.084.003.101.02.017.016.025.053.02.1-.003.009-.003.02-.003.028l-.006 12.684c0 .073-.016.165-.142.221-.168.076-.423.04-.55-.073l-2.56-2.56a.711.711 0 00-.523-.204.756.756 0 00-.513.224l-5.092 5.07c-.432.431-.77.425-1.213-.017z",
-            fill: r
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-arrow-up-right-regular.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 l = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, t = _objectWithoutProperties(_param, [
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, r = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : h ? r.inverse : r.neutralHigh;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = r != null ? r : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M7.266 22a.7.7 0 01-.496-1.196l8.915-8.916 3.711 3.712a.69.69 0 00.764.152.693.693 0 00.436-.648v-11.7H8.902a.682.682 0 00-.648.436.683.683 0 00.152.764l3.711 3.712L3.2 17.232a.701.701 0 11-.992-.992l7.923-7.924-2.72-2.72a2.072 2.072 0 01-.456-2.292A2.076 2.076 0 018.902 2H22v13.1c0 .868-.5 1.612-1.3 1.944a2.08 2.08 0 01-2.296-.456l-2.72-2.72-7.922 7.928a.7.7 0 01-.496.204z",
-            fill: i
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.963 19.895c.373.373.77.557 1.166.557.39 0 .779-.179 1.137-.54l.006-.006 4.79-4.904 2.375 2.38a.075.075 0 01.017.014c.358.328.95.42 1.406.216.39-.174.616-.53.613-.955L20.48 4.51a.89.89 0 00-.252-.717.902.902 0 00-.717-.255H7.423c-.476-.002-.866.244-1.045.659-.19.445-.098 1.008.219 1.338l2.588 2.589-5.115 4.812-.014.014c-.219.218-.448.487-.521.824-.079.37.042.73.361 1.078l.017.017 5.05 5.025zm.76-.762l-5.04-5.017a.55.55 0 01-.092-.126c.011-.028.053-.103.221-.274l5.185-4.88.011-.011a.995.995 0 00.294-.675.95.95 0 00-.274-.7L7.375 4.797a.241.241 0 01-.008-.176.175.175 0 01.05-.006h11.989L19.4 16.637a.335.335 0 01-.212-.03l-2.449-2.449a.973.973 0 00-1.375.017l-.006.006-4.854 4.972c-.104.103-.252.227-.378.227h-.003c-.1-.003-.244-.09-.4-.247z",
-            fill: i
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-arrows-left-and-right-filled.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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,38 +91,38 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, a = _objectWithoutProperties(_param, [
+var g = function g(_param) {
+    var t = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, v = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, r = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), i = t != null ? t : c ? r.inverse : r.neutralHigh;
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), r = t != null ? t : 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,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M16.073 4.1c.428-.187.856-.112 1.18.224L22 9.214l-4.747 4.879a.89.89 0 01-.716.336c-.144 0-.284 0-.428-.075a1.16 1.16 0 01-.716-1.074v-1.85H9.678V6.987h5.715v-1.85c0-.444.252-.85.68-1.037z",
-                fill: i
+                fill: r
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M7.927 9.659c.396.182.68.593.68 1.037l.004 1.891h5.714v4.451H8.611v1.85c0 .444-.252.85-.68 1.037l-.012.003c-.14.037-.276.072-.416.072a1.01 1.01 0 01-.752-.336L2 14.774l4.747-4.891c.324-.3.752-.411 1.18-.224z",
-                fill: i
+                fill: r
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.602 9.301a.748.748 0 00.003-1.123l-4.213-4.18a.788.788 0 00-.871-.137.753.753 0 00-.437.684l-.014 1.823-2.905.003c-.664 0-1.202.538-1.202 1.202v2.32c.003.663.54 1.2 1.205 1.2l2.902-.005.014 1.824c0 .293.17.56.437.683a.782.782 0 00.851-.116l.02-.018 4.21-4.16zm-9.577 7.132v-2.32c0-.66-.538-1.198-1.205-1.198l-2.899.005-.014-1.82c0-.295-.17-.56-.437-.684a.782.782 0 00-.832.098l-.02.018a.241.241 0 01-.019.018l-4.21 4.154a.756.756 0 000 1.127l4.21 4.173c.011.014.025.025.04.037.235.19.557.23.831.1a.749.749 0 00.437-.68l.014-1.824 2.902-.003c.664 0 1.202-.537 1.202-1.201z",
-            fill: i
+            fill: r
         })
     }));
 };

package/dist/generated/mistica-icons/icon-arrows-left-and-right-light.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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,19 +91,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+var g = function g(_param) {
+    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, v = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, c = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : h ? c.inverse : c.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : c ? _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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M6.549 18.685c.2.209.484.315.784.315.172 0 .356-.033.532-.115.444-.192.728-.581.728-1.02V16.06h3.425a.361.361 0 00.356-.365c0-.2-.16-.364-.356-.364h-4.12v2.543c0 .156-.149.283-.285.34-.172.074-.408.09-.536-.04l-4.065-4.31 4.053-4.35c.132-.131.368-.123.536-.049.14.057.284.184.284.34v2.593h7.526v1.806c0 .439.276.828.728 1.02.48.197.996.115 1.32-.217L22 10.193 17.451 5.32c-.324-.332-.844-.41-1.32-.21-.444.193-.728.582-.728 1.02v1.864H9.485a.361.361 0 00-.356.365c0 .2.16.365.357.365h6.633V6.13c0-.156.156-.283.292-.34.16-.074.404-.082.524.04L21 10.19l-4.057 4.301c-.132.131-.376.115-.536.05-.148-.058-.292-.185-.292-.34v-2.536H8.589V9.8c0-.438-.276-.828-.728-1.02-.48-.197-.996-.115-1.32.217L2 13.863l4.549 4.822z",
@@ -118,7 +119,7 @@ var p = function p(_param) {
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M16.631 13.603c.073.034.149.05.224.05.115 0 .23-.042.325-.117l.004-.004.006-.005.005-.004.005-.004 4.473-4.415a.488.488 0 00.168-.429.497.497 0 00-.168-.31l-4.47-4.429a.515.515 0 00-.569-.084.489.489 0 00-.283.44l-.02 2.247-3.392.002c-.53 0-.96.432-.96.961v2.46c0 .53.43.96.96.96l3.39-.005.02 2.244c0 .19.106.358.282.442zm.258-2.767a.503.503 0 00-.502-.485c-.002 0-.005 0-.008-.003l-3.44.006a.4.4 0 01-.4-.4v-2.46a.4.4 0 01.4-.4l3.448-.004a.503.503 0 00.502-.484V6.6l.017-2.176 4.341 4.308-4.341 4.286-.017-2.177v-.005zm-9.756 9.367a.51.51 0 01-.342-.135l-4.474-4.437a.498.498 0 01-.168-.31.488.488 0 01.168-.43l4.474-4.414a.122.122 0 01.01-.008.515.515 0 01.559-.073.485.485 0 01.282.442l.02 2.244 3.39-.006c.529 0 .96.432.96.961v2.46a.96.96 0 01-.96.96l-3.393.003-.02 2.25a.491.491 0 01-.282.44.489.489 0 01-.224.053zm-.05-.633l.016-2.177v-.006a.501.501 0 01.51-.484l3.44-.003a.4.4 0 00.4-.4v-2.46a.4.4 0 00-.4-.4l-3.44.005a.501.501 0 01-.51-.484v-.006l-.017-2.177-4.342 4.283 4.342 4.309z",
             fill: t

package/dist/generated/mistica-icons/icon-arrows-left-and-right-regular.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, t = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var e = _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)(), v = ref.skinName, r = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : n ? r.inverse : r.neutralHigh;
-    return v.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var v = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : v ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
+    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M7.893 19.5c-.396 0-.752-.15-1.036-.448L2 13.898l4.857-5.23c.428-.448 1.108-.56 1.712-.297.572.264.965.787.965 1.386v1.532h6.429v2.914c.036.038.18.076.216.076l3.893-4.112-3.93-4.183a.723.723 0 00-.215.076v2.99H10.93c-.396 0-.712-.34-.712-.746 0-.41.324-.745.712-.745h3.569V6.026c0-.599.356-1.122.964-1.386.608-.263 1.284-.15 1.712.298L22 10.163l-4.857 5.154c-.428.448-1.108.561-1.712.297-.572-.263-.928-.787-.928-1.385v-1.457H8.069v-2.99a.496.496 0 00-.216-.075L3.96 13.889l3.893 4.112a.723.723 0 00.216-.075v-2.914h4.997c.396 0 .712.339.712.745 0 .406-.324.745-.712.745H9.497v1.457c0 .599-.356 1.122-.964 1.386a1.246 1.246 0 01-.64.155z",
-            fill: i
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M16.52 13.588c.11.05.224.075.34.075a.779.779 0 00.534-.21l4.21-4.148a.757.757 0 000-1.132l-4.21-4.179a.788.788 0 00-.871-.137.754.754 0 00-.437.683l-.014 1.824-2.905.003a1.2 1.2 0 00-1.201 1.201v2.32a1.2 1.2 0 001.201 1.201l2.902-.005.014 1.823a.758.758 0 00.437.68zm.67-2.883a.772.772 0 00-.768-.745c-.005 0-.008 0-.011-.002l-3.24.005a.081.081 0 01-.082-.081v-2.32a.08.08 0 01.081-.08l3.252-.003a.772.772 0 00.768-.746v-.01l.01-1.35 3.385 3.358L17.2 12.07l-.011-1.353v-.012zM7.136 20.21a.773.773 0 01-.535-.213l-4.207-4.174a.754.754 0 010-1.129l4.21-4.154a.793.793 0 01.874-.135c.27.13.434.39.437.681l.014 1.821 2.902-.005c.664 0 1.202.537 1.202 1.201v2.32c0 .663-.538 1.201-1.202 1.201l-2.907.006-.014 1.823a.754.754 0 01-.437.684.825.825 0 01-.337.073zm-.341-1.597l.01-1.347v-.011a.77.77 0 01.78-.746l3.238-.002a.081.081 0 00.081-.082v-2.319a.081.081 0 00-.081-.081l-3.238.005a.768.768 0 01-.78-.745v-.01l-.01-1.351-3.378 3.336 3.378 3.353z",
-            fill: i
+            fill: t
         })
     }));
 };

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

@@ -5,11 +5,12 @@ 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,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, a = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.skinName, n = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), r = t != null ? t : c ? n.inverse : n.neutralHigh;
-    return l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M14.872 2.05a.354.354 0 01.362 0c.112.066.181.19.181.322V21.63a.38.38 0 01-.18.323.357.357 0 01-.363-.005l-9.887-5.876H2.362a.367.367 0 01-.362-.37V8.295c0-.204.162-.37.362-.37h2.623l9.887-5.875zm5.236 14.81a.725.725 0 01-.524.232.717.717 0 01-.501-.204.753.753 0 01-.028-1.048 5.548 5.548 0 00-.093-7.659.753.753 0 010-1.048.715.715 0 011.026 0 7.036 7.036 0 01.12 9.727zm-1.82-7.986a.715.715 0 00-1.025 0 .753.753 0 000 1.048 3.074 3.074 0 01.088 4.187.753.753 0 00.047 1.048.713.713 0 001.026-.047 4.58 4.58 0 00-.135-6.236z",
-            fill: r
+            fill: a
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M6.398 7.165c.963-1.277 2.709-2.591 5.826-2.591.997 0 1.75.768 1.75 1.709V17.73c0 .938-.747 1.7-1.668 1.7-3.208 0-4.964-1.305-5.922-2.582l-3.16.002c-.58 0-1.053-.479-1.053-1.07l-.008-7.54c0-.283.109-.555.308-.757a1.04 1.04 0 01.745-.316l3.182-.003zm12.7-1.664a1.042 1.042 0 00-1.482.079 1.087 1.087 0 00.068 1.512c.084.079 2.016 1.922 2.053 5.112.003.031.11 3.21-2.009 5.137a1.088 1.088 0 00-.084 1.516 1.043 1.043 0 001.491.084c2.854-2.597 2.717-6.658 2.708-6.796-.044-4.126-2.636-6.543-2.745-6.644zm-.829 6.678c-.028-2.781-1.79-4.423-1.865-4.49a1.041 1.041 0 00-1.488.081 1.085 1.085 0 00.079 1.515c.014.012 1.148 1.098 1.168 2.953.002.017.044 1.86-1.14 2.938a1.088 1.088 0 00-.085 1.516 1.039 1.039 0 001.49.084c1.939-1.765 1.844-4.515 1.841-4.597z",
-            fill: r
+            fill: a
         })
     }));
 };

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
+var p = function p(_param) {
     var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, i = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : r ? i.inverse : i.neutralHigh;
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
     return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
@@ -105,7 +106,7 @@ var f = function f(_param) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.483 21.948a.374.374 0 00.184-.323V2.372a.374.374 0 00-.184-.322.366.366 0 00-.37 0L5.042 7.923H2.369a.37.37 0 00-.369.37v7.403c0 .204.166.37.369.37H5.04l4.894 2.844a.37.37 0 00.374-.64l-4.98-2.892a.361.361 0 00-.184-.052H2.738v-6.66H5.14a.361.361 0 00.185-.051l9.604-5.598v17.969l-.827-.489a.37.37 0 00-.374.64l1.381.81a.376.376 0 00.185.053.417.417 0 00.189-.052zm4.175-5.332a.378.378 0 00.52-.01 6.574 6.574 0 00-.117-9.205.366.366 0 00-.52 0 .364.364 0 000 .522 5.832 5.832 0 01.103 8.171.368.368 0 00.015.521zM18.33 9.13a4.131 4.131 0 01.123 5.721.352.352 0 01-.27.119.366.366 0 01-.25-.1.369.369 0 01-.024-.521 3.396 3.396 0 00-.1-4.697.364.364 0 010-.522.362.362 0 01.52 0zm-6.356 9.907a.74.74 0 010 1.478.74.74 0 010-1.478z",
-            fill: c
+            fill: i
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
@@ -115,7 +116,7 @@ var f = function f(_param) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M13.455 19V5l-.486.007-.364.011c-2.519.112-4.365.986-5.508 2.628l-.052.056-.057.073a.462.462 0 01-.119.151l-.08.055a.427.427 0 01-.22.066l-4.114.003.011 7.918 4.094-.004.1.012c.13.03.246.12.317.25l.045.069.046.052.012.009a.347.347 0 01-.062-.109c1.233 1.826 3.233 2.713 5.952 2.747l.485.006zM12.242 6.012L12.455 6v12l-.218-.014c-2.031-.155-3.483-.89-4.37-2.186l-.003-.017a.156.156 0 00-.013-.018l-.065-.065-.045-.075a1.423 1.423 0 00-1.17-.61l-3.109.003-.007-6.023 3.127-.003.16-.01c.26-.03.502-.136.716-.3l.016-.01.106-.094a1.28 1.28 0 00.167-.198l.033-.053.046-.045a.52.52 0 00.116-.185c.854-1.208 2.282-1.927 4.3-2.085zm6.698.088a.401.401 0 00-.562.031.413.413 0 00.027.573c.267.234.745.801 1.177 1.537a8.318 8.318 0 011.16 4.154c.029.35-.031 1.228-.233 2.104-.335 1.457-.991 2.745-2.058 3.709a.413.413 0 00-.036.574c.08.089.19.137.3.137.1 0 .19-.034.265-.101 1.179-1.066 1.914-2.474 2.293-4.07a9.36 9.36 0 00.273-2.186l-.004-.174a9.087 9.087 0 00-1.285-4.584c-.434-.733-.863-1.259-1.206-1.598l-.11-.106zm-3.327 2.27a.39.39 0 01.554-.029l.052.05.136.143.083.095c.194.225.386.488.567.788.526.873.845 1.88.857 3.01l.008.195c.022 1.196-.425 2.853-1.677 3.983a.396.396 0 01-.562-.034.412.412 0 01.034-.578c.995-.897 1.372-2.188 1.398-3.4v-.121l-.014-.344c-.087-1.46-.756-2.592-1.417-3.183a.413.413 0 01-.02-.574z",
-            fill: c
+            fill: i
         })
     }));
 };

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, c = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : n ? t.inverse : t.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), r = l != null ? l : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
+    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -105,7 +106,7 @@ var f = function f(_param) {
     }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.415 21.905a.744.744 0 00.363-.64V2.74a.744.744 0 00-.363-.64.708.708 0 00-.724 0l-9.26 5.454H2.723c-.4 0-.724.332-.724.74V15.7c0 .408.325.74.724.74H5.43l9.261 5.459c.112.066.237.1.362.1a.66.66 0 00.362-.095zm3.668-5.018a.716.716 0 001.025-.028 7.037 7.037 0 00-.12-9.728.715.715 0 00-1.026 0 .753.753 0 000 1.049 5.549 5.549 0 01.093 7.659.753.753 0 00.028 1.048zm-.799-8.015a4.571 4.571 0 01.13 6.237.705.705 0 01-1.021.047.754.754 0 01-.047-1.048 3.075 3.075 0 00-.088-4.188.753.753 0 010-1.048.715.715 0 011.026 0zm-12.659.166a.698.698 0 00.362-.1L14.33 4.02v15.96l-8.342-4.914a.707.707 0 00-.362-.1H3.448V9.038h2.177z",
-            fill: i
+            fill: r
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
@@ -115,7 +116,7 @@ var f = function f(_param) {
     }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.352 4.695c.871 0 1.518.655 1.518 1.457v11.706a1.44 1.44 0 01-1.431 1.448c-3.286 0-5.022-1.359-5.944-2.642l-3.4.003a.8.8 0 01-.799-.804l-.011-7.709a.805.805 0 01.798-.806l3.426-.003c.924-1.289 2.655-2.65 5.843-2.65zm.205 13.54V5.842c-2.274.036-4.156.728-5.13 2.186a.187.187 0 01-.052.067.263.263 0 00-.04.046.775.775 0 01-.196.24l-.012.01a.816.816 0 01-.52.177H3.47l.009 6.962h3.12c.326 0 .602.101.744.374.007.012.017.02.027.03a.104.104 0 01.033.042c.965 1.47 2.877 2.227 5.154 2.257zM19.065 5.75c.368.34.854.909 1.344 1.737a9.23 9.23 0 011.295 4.287l.012.372c.021.563-.037 1.402-.274 2.397-.385 1.623-1.134 3.058-2.339 4.146a.534.534 0 01-.364.14.556.556 0 01-.366-.973c1.042-.94 1.684-2.201 2.013-3.63.083-.36.141-.718.179-1.04l.036-.364c.022-.284.026-.515.014-.655a8.183 8.183 0 00-1.14-4.09c-.422-.722-.89-1.276-1.146-1.5a.564.564 0 01-.04-.786c.183-.2.48-.236.699-.1l.077.059zm-2.776 2.238c.24.222.548.581.867 1.111.49.814.806 1.741.868 2.773l.01.313c.08 1.238-.355 3.06-1.718 4.29a.546.546 0 01-.775-.045.562.562 0 01.046-.788c1.068-.963 1.46-2.663 1.346-3.456-.013-1.565-.705-2.767-1.378-3.37a.563.563 0 01-.03-.786.54.54 0 01.687-.1l.077.058z",
-            fill: i
+            fill: r
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        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 d = function d(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, z = _param.children, t = _objectWithoutProperties(_param, [
+var h = function h(_param) {
+    var a = _param.color, tmp = _param.size, m = tmp === void 0 ? 24 : tmp, n = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), m = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : c ? m.inverse : m.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = 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: m,
+        height: m,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.2 19.99a1.34 1.34 0 011.896.307c.44.62.306 1.488-.3 1.938a1.34 1.34 0 01-1.897-.307 1.407 1.407 0 01.3-1.937zm-5.528-.239a.765.765 0 011.083-.175.804.804 0 01.172 1.107.765.765 0 01-1.084.175.804.804 0 01-.171-1.107zm11.572-.175a.765.765 0 011.084.175.804.804 0 01-.171 1.107.765.765 0 01-1.084-.175.804.804 0 01.171-1.107zm-9.663-4.531a1.913 1.913 0 012.71-.439 2.01 2.01 0 01.429 2.768 1.913 1.913 0 01-2.71.439 2.01 2.01 0 01-.429-2.768zm6.13-.44a1.913 1.913 0 012.71.438 2.01 2.01 0 01-.43 2.768 1.913 1.913 0 01-2.709-.438 2.01 2.01 0 01.429-2.768zm6.165-.967a1.352 1.352 0 011.71.89c.233.729-.157 1.512-.87 1.748a1.352 1.352 0 01-1.712-.89 1.394 1.394 0 01.872-1.748zm-17.272.5a1.34 1.34 0 011.897-.308c.607.45.741 1.318.3 1.938a1.34 1.34 0 01-1.896.307 1.407 1.407 0 01-.3-1.938zm2.939-4.079c.33-1.04 1.425-1.61 2.444-1.273 1.019.338 1.576 1.456 1.246 2.497-.331 1.041-1.425 1.61-2.444 1.273-1.02-.338-1.577-1.456-1.246-2.497zm10.469-1.275c1.019-.338 2.113.231 2.444 1.272.332 1.041-.226 2.16-1.245 2.498-1.018.338-2.113-.232-2.444-1.272-.331-1.041.226-2.16 1.245-2.498zm-13.974.11a.773.773 0 01.978-.509c.407.135.63.582.498.999a.773.773 0 01-.978.509.796.796 0 01-.498-.999zm18.946-.509a.773.773 0 01.978.509.796.796 0 01-.498.999.772.772 0 01-.978-.509.796.796 0 01.498-.999zm-8.986-3.12c1.072 0 1.94.887 1.94 1.981 0 1.095-.867 1.982-1.939 1.982-1.071 0-1.94-.886-1.94-1.98 0-1.095.868-1.983 1.94-1.983zm5.131-1.66c.75 0 1.358.621 1.358 1.387S17.88 6.38 17.13 6.38s-1.358-.621-1.358-1.387.607-1.387 1.357-1.388zm-11.546.956a1.352 1.352 0 011.711-.89c.713.236 1.104 1.018.872 1.747a1.352 1.352 0 01-1.71.89c-.714-.236-1.104-1.018-.873-1.747zM12 1.5c.428 0 .776.355.776.793a.784.784 0 01-.776.792.784.784 0 01-.776-.792c0-.438.347-.793.776-.793z",
-            fill: s
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-autentication-failure-filled.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 e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, c = _objectWithoutProperties(_param, [
+    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, s = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : i ? l.inverse : l.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: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.841 5.33v-.027a.598.598 0 00-.235-.451.663.663 0 00-.504-.137c-1.67.257-2.55-.314-3.647-1.037l-.022-.014c-1.084-.702-2.309-1.496-4.412-1.504h-.009c-2.097 0-3.33.803-4.41 1.506l-.018.012c-1.11.723-1.987 1.294-3.639 1.037a.613.613 0 00-.748.588v.031c0 .454-.008 4.88.277 7.854-1.487.577-2.319 1.888-2.319 4.011 0 2.975 1.62 4.359 4.4 4.356 1.522 0 2.704-.409 3.452-1.269a29.325 29.325 0 002.75 1.502.56.56 0 00.26.055.56.56 0 00.261-.055l.004-.002c.348-.165 7.463-3.524 8.094-7.127.471-2.679.466-8.801.465-9.329zm-1.218.64c-.017 1.722-.076 6.353-.448 8.49-.093.52-.393 1.058-.816 1.602-.03-.04-.056-.065-.08-.09-.92-.95-2.264-1.448-3.883-1.448h-4.768c-.103 0-.21 0-.308.009-.717-1.143-2.008-1.69-3.759-1.69a6.159 6.159 0 00-.88.056c-.21-2.33-.251-5.546-.26-6.921 1.717.081 2.798-.61 3.84-1.294l.006-.004c1.03-.674 2.009-1.316 3.745-1.316h.009c1.747.009 2.725.645 3.761 1.32 1.026.675 2.099 1.358 3.84 1.286zm-7.61-.264c1.235 0 2.2.322 2.87.961.695.664 1.048 1.641 1.048 2.91 0 1.27-.353 2.247-1.048 2.908-.666.63-1.633.952-2.868.952-1.235 0-2.199-.319-2.866-.955-.691-.658-1.042-1.636-1.042-2.905s.35-2.249 1.042-2.91c.664-.639 1.63-.96 2.863-.96zm-4.508 9.622a.517.517 0 01.009.731l-.009.009-1.162 1.148 1.162 1.148a.517.517 0 01.009.732l-.009.008a.525.525 0 01-.375.151.537.537 0 01-.376-.151l-1.162-1.148-1.157 1.142a.535.535 0 01-.75 0 .515.515 0 01-.006-.73l.002-.004.003-.002 1.157-1.143-1.157-1.143a.515.515 0 01-.005-.731l.002-.003.003-.003a.533.533 0 01.748 0l1.157 1.143 1.163-1.148a.54.54 0 01.753-.006zm-1.947 5.023c-2.23 0-3.184-.939-3.182-3.152 0-2.202.953-3.151 3.182-3.151 2.238 0 3.19.947 3.19 3.151 0 2.21-.952 3.151-3.19 3.151z",
-            fill: n
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-autentication-failure-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,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, h = _param.children, t = _objectWithoutProperties(_param, [
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, s = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : r ? c.inverse : c.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"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.841 5.33v-.027a.598.598 0 00-.235-.451.663.663 0 00-.504-.137c-1.67.257-2.55-.314-3.647-1.037l-.022-.014c-1.084-.702-2.309-1.496-4.412-1.504h-.009c-2.097 0-3.33.803-4.41 1.506l-.018.012c-1.11.723-1.987 1.294-3.639 1.037a.613.613 0 00-.748.588v.031c0 .454-.008 4.88.277 7.854-1.487.577-2.319 1.888-2.319 4.011 0 2.975 1.62 4.359 4.4 4.356 1.522 0 2.704-.409 3.452-1.269a29.325 29.325 0 002.75 1.502.56.56 0 00.26.055.56.56 0 00.261-.055l.004-.002c.348-.165 7.463-3.524 8.094-7.127.471-2.679.466-8.801.465-9.329zm-1.666 9.13c-.093.52-.393 1.058-.816 1.602-.03-.04-.056-.065-.08-.09-.92-.95-2.264-1.448-3.883-1.448h-4.768c-.103 0-.21 0-.308.009-.717-1.143-2.008-1.69-3.759-1.69a6.159 6.159 0 00-.88.056c-.21-2.33-.251-5.546-.26-6.921 1.717.081 2.798-.61 3.84-1.294l.006-.004c1.03-.674 2.009-1.316 3.745-1.316h.009c1.747.009 2.725.645 3.761 1.32 1.026.675 2.099 1.358 3.84 1.286-.016 1.722-.075 6.353-.447 8.49zm-4.292-7.793c-.67-.639-1.635-.96-2.87-.96-1.233 0-2.2.321-2.864.96-.691.661-1.042 1.641-1.042 2.91 0 1.27.35 2.247 1.042 2.905.667.636 1.63.955 2.866.955 1.235 0 2.202-.322 2.868-.952.695-.661 1.048-1.639 1.048-2.908s-.353-2.246-1.048-2.91zm-.846 4.944c-.434.409-1.112.619-2.022.619-.91 0-1.585-.21-2.017-.619-.445-.423-.67-1.11-.67-2.036 0-.93.225-1.617.67-2.042.432-.412 1.11-.622 2.017-.622.907 0 1.588.21 2.022.622.446.425.673 1.112.673 2.042 0 .93-.224 1.613-.673 2.036zm-6.532 3.717a.517.517 0 01.009.731l-.009.009-1.162 1.148 1.162 1.148a.517.517 0 01.009.732l-.009.008a.525.525 0 01-.375.151.537.537 0 01-.376-.151l-1.162-1.148-1.157 1.142a.535.535 0 01-.75 0 .515.515 0 01-.006-.73l.002-.004.003-.002 1.157-1.143-1.157-1.143a.515.515 0 01-.005-.731l.002-.003.003-.003a.533.533 0 01.748 0l1.157 1.143 1.163-1.148a.54.54 0 01.753-.006zm10.017 1.616c-1.653 1.558-4.134 2.967-5.501 3.633a35.512 35.512 0 01-2.398-1.325c.235-.571.347-1.255.347-2.05 0-.546-.056-1.036-.162-1.47h4.588c1.277 0 2.32.37 3.003 1.075.021.021.044.048.072.08l.051.057zM6.558 20.351c-2.23 0-3.182-.939-3.182-3.152 0-2.202.953-3.151 3.182-3.151 2.238 0 3.19.947 3.19 3.151 0 2.21-.952 3.151-3.19 3.151z",
             fill: i

package/dist/generated/mistica-icons/icon-autentication-success-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        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 d = function d(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : l ? t.inverse : t.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = c != null ? c : s ? _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"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.841 5.33v-.027a.598.598 0 00-.235-.451.663.663 0 00-.504-.137c-1.67.257-2.55-.314-3.647-1.037l-.022-.014c-1.084-.702-2.309-1.496-4.412-1.504h-.009c-2.097 0-3.33.803-4.41 1.506l-.018.012c-1.11.723-1.987 1.294-3.639 1.037a.613.613 0 00-.748.615c0 .427-.006 4.873.277 7.858-1.49.577-2.319 1.888-2.319 4.011 0 2.975 1.62 4.359 4.4 4.356 1.524 0 2.704-.409 3.452-1.269a28.928 28.928 0 002.75 1.502.56.56 0 00.26.055.56.56 0 00.261-.055l.004-.002c.348-.165 7.463-3.524 8.094-7.127.471-2.679.466-8.801.465-9.329zm-1.221.64c-.017 1.722-.073 6.353-.448 8.49-.09.52-.39 1.058-.813 1.602-.03-.04-.056-.065-.08-.09-.92-.95-2.264-1.448-3.883-1.448h-4.768c-.103 0-.21 0-.308.009-.717-1.143-2.01-1.69-3.759-1.69a6.159 6.159 0 00-.88.056c-.21-2.33-.251-5.546-.26-6.921 1.717.081 2.798-.61 3.84-1.294l.016-.01c1.028-.672 2.004-1.31 3.735-1.31h.009c1.747.009 2.725.645 3.756 1.32 1.025.675 2.1 1.358 3.843 1.286zm-7.608-.264c1.236 0 2.202.322 2.868.961.695.661 1.048 1.641 1.048 2.91 0 1.27-.353 2.247-1.048 2.908-.666.63-1.633.952-2.868.952-1.235 0-2.199-.319-2.865-.955-.692-.658-1.042-1.636-1.042-2.905s.35-2.249 1.042-2.91c.666-.639 1.63-.96 2.865-.96zM7.864 15.751a.573.573 0 01.806 0 .558.558 0 01.006.79l-.006.006-2.428 2.4a.578.578 0 01-.807 0l-1.09-1.078a.557.557 0 01-.008-.787l.009-.009a.573.573 0 01.806 0l.686.678 2.026-2zm-1.306 4.6c-2.232 0-3.182-.939-3.182-3.152 0-2.202.95-3.151 3.182-3.151 2.238 0 3.19.947 3.19 3.151 0 2.21-.952 3.151-3.19 3.151z",
-            fill: n
+            fill: a
         })
     }));
 };