@telefonica/mistica 12.9.1 → 12.11.0

package/dist/generated/mistica-icons/icon-eye-off-light.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,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
+var v = function v(_param) {
     var l = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, m = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, t = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : r ? t.inverse : t.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), t = 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: c,
         height: c,
@@ -105,7 +106,7 @@ var p = function p(_param) {
     }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.5 17a10.804 10.804 0 004.32-4.856c.036-.108.036-.216 0-.284A10.715 10.715 0 0012 5.464c-1.68 0-3.356.392-4.892 1.18l-4.5-4.536a.343.343 0 00-.5 0 .343.343 0 000 .5l6.644 6.644A4.222 4.222 0 007.716 12 4.297 4.297 0 0012 16.284c1.036 0 2-.392 2.752-1l1.572 1.572a9.82 9.82 0 01-4.32 1c-3.928 0-7.5-2.284-9.144-5.82A10.626 10.626 0 015.788 8.32a.382.382 0 00.072-.5.382.382 0 00-.5-.072 10.679 10.679 0 00-3.216 4.108c-.036.108-.036.216 0 .284 1.712 3.896 5.608 6.396 9.856 6.396 1.716 0 3.392-.428 4.856-1.18l2.752 2.752c.072.072.18.108.252.108.072 0 .18-.036.252-.108a.343.343 0 000-.5L17.5 17zM12 15.572A3.583 3.583 0 018.428 12c0-.856.284-1.644.82-2.252l5.036 5.036c-.64.5-1.428.788-2.284.788zm0-7.14a3.583 3.583 0 013.572 3.572c0 .856-.284 1.644-.82 2.252l-5-5.004c.608-.5 1.392-.82 2.248-.82zm3.284 6.32c.644-.748 1-1.716 1-2.752A4.297 4.297 0 0012 7.716c-1.036 0-2 .392-2.752 1L7.68 7.144c1.356-.644 2.856-1 4.356-1 3.892 0 7.464 2.284 9.144 5.82A10.72 10.72 0 0117 16.5l-1.716-1.748zm6 7.248a.716.716 0 100-1.432.716.716 0 000 1.432z",
-            fill: i
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
@@ -115,7 +116,7 @@ var p = function p(_param) {
     }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M16.394 16.004l5.322 5.322a.272.272 0 01.002.392.286.286 0 01-.198.081.275.275 0 01-.2-.081l-5.487-5.488c-1.285.5-2.577.748-3.868.748-3.269 0-6.532-1.602-9.692-4.762a.282.282 0 010-.398c1.75-1.75 3.53-3.027 5.322-3.823L2.273 2.673a.279.279 0 11.395-.395l5.488 5.49c1.285-.498 2.576-.748 3.868-.748 3.269 0 6.532 1.603 9.692 4.762.05.054.081.126.081.2a.282.282 0 01-.081.198c-1.751 1.75-3.53 3.028-5.322 3.824zm4.728-4.028c-2.989-2.92-6.048-4.4-9.098-4.4-1.143 0-2.289.21-3.432.62l.874.875c.622-.507 1.457-.762 2.49-.762 1.127 0 2.02.305 2.653.908.67.635 1.009 1.568 1.009 2.773 0 1.033-.252 1.868-.748 2.487l1.098 1.095c1.728-.73 3.45-1.932 5.154-3.596zm-9.151-.804c.504 0 .832.263.829.837a1.1 1.1 0 01-.054.353l1.72 1.72c.393-.513.589-1.213.589-2.087 0-2.577-1.687-3.117-3.101-3.117-.874 0-1.574.201-2.09.599l1.75 1.75a1.02 1.02 0 01.357-.055zm-9.104.848c2.989 2.92 6.048 4.401 9.098 4.401a9.995 9.995 0 003.431-.622L8.021 8.424c-1.728.73-3.45 1.933-5.154 3.597z",
-            fill: i
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-eye-off-regular.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 e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, c = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, m = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : n ? t.inverse : t.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), r = c != null ? c : 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",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.649 16.924l3.672 3.856a.719.719 0 01.004 1.004.654.654 0 01-.476.216.785.785 0 01-.476-.18l-3.947-4.144a9.836 9.836 0 01-4.424 1.036c-4.046 0-7.757-2.536-9.418-6.42a.82.82 0 010-.572c.579-1.355 1.394-2.571 2.45-3.535a.64.64 0 01.952.036.717.717 0 01-.034 1 8.421 8.421 0 00-2.008 2.784c1.497 3.211 4.625 5.283 8.062 5.283a8.446 8.446 0 003.402-.716l-.78-.82a4.253 4.253 0 01-2.622.892c-2.45 0-4.423-2.072-4.423-4.643a4.75 4.75 0 01.85-2.752l-5.75-6.036a.717.717 0 010-1 .639.639 0 01.952 0L7.58 6.317a9.944 9.944 0 014.423-1.036c4.08 0 7.757 2.536 9.422 6.428a.82.82 0 010 .572c-.85 1.927-2.14 3.535-3.775 4.643zm-8.71-4.928c0 1.788 1.364 3.216 3.063 3.216a2.83 2.83 0 001.63-.504l-4.217-4.427a3.242 3.242 0 00-.476 1.715zm5.65 1.716a3.24 3.24 0 00.476-1.716c0-1.787-1.364-3.215-3.063-3.215-.613 0-1.158.18-1.634.5l4.221 4.431zm1.837-1.716a4.757 4.757 0 01-.85 2.752l1.12 1.136a9.154 9.154 0 003.368-3.892C18.567 8.781 15.44 6.71 12.002 6.71c-1.192 0-2.313.252-3.402.716l.78.82a4.253 4.253 0 012.622-.892c2.45 0 4.424 2.072 4.424 4.643z",
-            fill: i
+            fill: r
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.668 12.376c-1.608 1.608-3.244 2.813-4.894 3.608l4.88 4.88a.561.561 0 01-.395.958.558.558 0 01-.395-.166l-5.2-5.198c-1.226.453-2.458.68-3.694.68-3.266 0-6.51-1.588-9.644-4.723a.562.562 0 010-.793C3.934 10.016 5.57 8.81 7.222 8.016L2.34 3.133a.561.561 0 010-.793.558.558 0 01.79 0l5.202 5.199a10.576 10.576 0 013.694-.68c3.266 0 6.51 1.587 9.642 4.725a.562.562 0 010 .793zm-1.196-.397c-2.788-2.656-5.625-4-8.446-4-.935 0-1.874.148-2.812.445l.515.513c.572-.34 1.283-.513 2.123-.513 2.325 0 3.659 1.339 3.659 3.675 0 .84-.171 1.549-.504 2.118l.924.924c1.518-.672 3.036-1.728 4.54-3.162zm-8.499-1.37c.846 0 1.392.549 1.392 1.395 0 .193-.028.358-.073.498l1.09 1.09c.19-.409.286-.91.286-1.496 0-.955-.252-1.68-.751-2.154-.473-.45-1.168-.678-2.065-.678-.59 0-1.092.098-1.5.294l1.122 1.124c.152-.048.32-.073.499-.073zm-8.448 1.409c2.787 2.655 5.624 4 8.445 4 .933 0 1.871-.149 2.813-.443l-2.171-2.17-.012.01-.4-.4c-.123-.123-.328-.33-.54-.55-.261-.265-.53-.54-.684-.694l-.41-.406.004-.003-2.505-2.504c-1.52.672-3.036 1.728-4.54 3.16z",
-            fill: i
+            fill: r
         })
     }));
 };

package/dist/generated/mistica-icons/icon-eye-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,19 +91,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var u = function u(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.skinName, l = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : h ? l.inverse : l.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = r != null ? r : h ? _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), {
+    }, c), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M16.454 11.798a4.472 4.472 0 11-8.944 0 4.472 4.472 0 018.944 0z",
@@ -118,7 +119,7 @@ var p = function p(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, c), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M11.982 7.208c-2.577 0-4.653 2.137-4.653 4.79 0 2.652 2.076 4.79 4.653 4.79 2.577 0 4.653-2.138 4.653-4.79 0-2.653-2.077-4.79-4.653-4.79zm0 8.106c-1.788 0-3.22-1.475-3.22-3.316 0-1.841 1.432-3.316 3.22-3.316 1.788 0 3.22 1.475 3.22 3.316 0 1.841-1.432 3.316-3.22 3.316z",
@@ -134,7 +135,7 @@ var p = function p(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.705 12.374c-.194.239-4.83 5.774-9.678 5.774-4.849 0-9.535-5.535-9.731-5.77a.592.592 0 01-.003-.76l.003-.003c.235-.279 4.874-5.77 9.706-5.77 4.851 0 9.507 5.538 9.703 5.773a.592.592 0 010 .756zm-9.678 4.58c3.602 0 7.3-3.736 8.409-4.955-1.115-1.218-4.835-4.96-8.434-4.96-3.603 0-7.32 3.736-8.435 4.957 1.124 1.219 4.86 4.958 8.46 4.958zm2.456-4.874c0-2.252-1.893-2.442-2.38-2.453-.07-.003-.157-.003-.233-.003-.501.003-2.353.17-2.353 2.442 0 2.275 1.871 2.451 2.37 2.46.075 0 .151 0 .227-.003.473-.008 2.37-.185 2.37-2.443z",
             fill: i

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return z;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
+var z = function z(_param) {
     var i = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.skinName, h = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), e = i != null ? i : s ? h.inverse : h.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), e = i != null ? i : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), l = ref.skinName;
     return l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,

package/dist/generated/mistica-icons/icon-family-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,19 +91,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, r = _param.children, l = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.skinName, s = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : i ? s.inverse : s.neutralHigh;
+    var m = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : m ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), t = ref.skinName;
     return t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M20.395 11.924c-.15 0-.288-.1-.338-.256-.498-1.598-2.322-2.631-4.644-2.631-1.422 0-2.716.36-3.557.995a.345.345 0 01-.498-.08.375.375 0 01.077-.517c.581-.441 1.317-.754 2.154-.944a3.544 3.544 0 01-1.587-2.973C12.002 3.58 13.525 2 15.394 2c1.87 0 3.392 1.579 3.392 3.518 0 1.257-.64 2.362-1.6 2.983 1.774.422 3.095 1.484 3.548 2.94a.368.368 0 01-.339.483zm-5-9.184c-1.477 0-2.68 1.247-2.68 2.778 0 1.532 1.203 2.779 2.68 2.779 1.476 0 2.678-1.247 2.678-2.779 0-1.531-1.202-2.778-2.679-2.778z",
@@ -118,7 +119,7 @@ var f = function f(_param) {
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M9.496 3.86c.126.551.378 1.123.74 1.697.29.46.52.756.907 1.173l.01.01c.048.05.172.173.276.251a.85.85 0 00.319.148.501.501 0 00.1.014h.08a.546.546 0 00.1-.014.86.86 0 00.316-.148c.104-.073.222-.193.274-.245l.015-.016a.025.025 0 00.009-.008l.002-.003c.39-.409.622-.706.908-1.162a5.6 5.6 0 00.742-1.698c.14-.6.025-1.098-.322-1.403a1.266 1.266 0 00-.776-.297c-.028-.003-.053-.003-.078-.003-.292 0-.586.081-.863.238a8.6 8.6 0 00-.322.19.087.087 0 01-.037.01.082.082 0 01-.026-.006.141.141 0 00-.01-.003l-.086-.052c-.084-.05-.161-.097-.239-.139a1.75 1.75 0 00-.86-.238c-.028 0-.053 0-.078.003-.297.014-.575.12-.776.297-.35.305-.465.804-.325 1.403zm.798-.197c-.03-.131-.087-.448.059-.574.062-.053.168-.092.325-.098.148 0 .31.045.465.132.06.033.12.07.188.11l.128.077a.901.901 0 00.443.118l.26-.008.194-.118.05-.03c.09-.053.172-.102.255-.147a.93.93 0 01.465-.134h.036a.484.484 0 01.286.098c.143.126.09.443.059.574a4.84 4.84 0 01-.636 1.44 5.808 5.808 0 01-.807 1.036l-.03.031-.028.026a1.19 1.19 0 01-.11.098 1.655 1.655 0 01-.154-.146 5.904 5.904 0 01-.818-1.045c-.31-.496-.524-.983-.63-1.44zM5.611 7.93c.313-.31.804-.467 1.456-.47.658 0 1.151.157 1.465.468.325.322.49.834.49 1.529 0 .692-.162 1.205-.49 1.524-.314.31-.81.465-1.465.465s-1.145-.154-1.46-.462c-.321-.317-.487-.832-.487-1.524 0-.695.166-1.208.49-1.53zm-.572 3.659c.47.465 1.154.697 2.028.697.877 0 1.56-.235 2.034-.697.493-.482.742-1.196.742-2.126 0-.93-.252-1.647-.742-2.132-.474-.465-1.157-.703-2.034-.703-.874 0-1.554.238-2.028.703-.49.485-.74 1.202-.74 2.132 0 .93.25 1.644.74 2.126zM15.454 7.93c.313-.31.804-.467 1.456-.47.659 0 1.152.157 1.465.468.325.322.49.834.49 1.529 0 .692-.162 1.205-.49 1.524-.313.31-.81.465-1.465.465s-1.145-.154-1.459-.462c-.322-.317-.487-.832-.487-1.524 0-.695.165-1.208.49-1.53zm-1.311 1.53c0 .93.25 1.644.74 2.126.47.465 1.153.7 2.027.697.877 0 1.56-.232 2.034-.697.493-.482.742-1.196.742-2.126 0-.93-.252-1.647-.742-2.132-.473-.465-1.157-.703-2.034-.703-.874 0-1.554.238-2.028.703-.49.485-.74 1.202-.74 2.132zm-1.37 3.221c-.154.149-.409.224-.759.224-.353 0-.608-.075-.76-.224-.153-.151-.232-.417-.232-.787 0-.373.079-.639.233-.793.151-.148.406-.224.756-.224.353 0 .61.076.762.224.154.154.233.42.233.793 0 .37-.079.636-.233.787zm.569-2.182c-.311-.305-.757-.46-1.33-.46-.572 0-1.02.155-1.329.46-.319.317-.481.787-.481 1.395s.162 1.076.482 1.392c.31.303.756.457 1.327.457.574 0 1.02-.154 1.33-.457.326-.316.488-.784.488-1.392 0-.608-.162-1.079-.487-1.395zm7.675 10.443h-5.782v-4.113c0-.63-.179-1.17-.52-1.557a1.84 1.84 0 00-.835-.524c.366-.207.815-.327 1.344-.327h3.378c.796 0 1.437.249 1.846.714.373.423.569 1.034.569 1.759v4.048zm-6.605-4.11v4.11h-.006v.022H9.611v-4.132c0-.274.05-.66.29-.935.259-.294.66-.362.965-.367l.021-.002a.163.163 0 01.018-.001h2.213c.31 0 .733.064 1.002.37.241.274.292.66.292.935zm-5.617 0h.003v4.112H2.975v-4.047c0-.729.193-1.34.563-1.762.409-.465 1.045-.712 1.843-.712h3.378c.535 0 .992.12 1.361.334a1.822 1.822 0 00-.806.518c-.34.387-.518.927-.518 1.557zm13.042.062c0-.964-.277-1.787-.8-2.381-.566-.647-1.41-.989-2.44-.992h-3.379c-1.025 0-1.868.345-2.434.992a.62.62 0 00-.042.06c-.012.018-.023.036-.036.052h-1.431c-.013-.016-.024-.033-.035-.05a.972.972 0 00-.047-.065c-.566-.647-1.409-.989-2.437-.989H5.378c-1.025 0-1.868.345-2.434.992-.518.591-.793 1.417-.793 2.38v4.6c0 .19.14.345.314.345h19.056c.174 0 .316-.154.316-.345v-4.6z",
             fill: h

package/dist/generated/mistica-icons/icon-family-regular.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,19 +91,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var h = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, l = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, m = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.skinName, t = ref.colors, m = (0, _themeVariantContextJs.useIsInverseVariant)(), e = h != null ? h : m ? t.inverse : t.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), e = l != null ? l : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), i = ref.skinName;
     return i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, m), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.688 10.14c.746-.549 1.907-.865 3.197-.865 2.067 0 3.682.87 4.107 2.215.096.307.38.503.682.503a.734.734 0 00.681-.954c-.407-1.29-1.482-2.276-2.932-2.797a3.658 3.658 0 001.089-2.607C19.512 3.63 17.912 2 15.94 2c-1.971 0-3.572 1.629-3.572 3.635 0 .996.398 1.9 1.034 2.555a5.52 5.52 0 00-1.55.768.732.732 0 00-.156 1.015.69.69 0 00.992.168zm3.243-6.683c1.18 0 2.145.977 2.145 2.183 0 1.205-.96 2.183-2.145 2.183s-2.145-.978-2.145-2.183c0-1.206.965-2.183 2.145-2.183z",
@@ -122,7 +123,7 @@ var f = function f(_param) {
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, m), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M9.605 4.31c.123.506.356 1.024.692 1.542.26.401.479.67.83 1.028.041.043.192.191.321.283.152.11.328.185.493.222l.27.03.246-.028a1.4 1.4 0 00.51-.224c.128-.09.277-.238.33-.29.35-.36.563-.626.82-1.02a5.11 5.11 0 00.69-1.544c.17-.711 0-1.356-.476-1.759a1.749 1.749 0 00-1.031-.392 2.1 2.1 0 00-1.095.252 2.097 2.097 0 00-1.09-.252c-.39.02-.756.16-1.034.392-.473.403-.647 1.048-.476 1.76zm1.297-.306c-.022-.104-.07-.353.05-.451a.381.381 0 01.23-.076h.031a.82.82 0 01.378.104c.079.042.157.087.266.151l.18.09.38-.009.157-.092.247-.14a.736.736 0 01.409-.104c.092.006.18.034.23.079.12.098.072.347.05.45-.09.362-.26.74-.515 1.135-.208.32-.367.518-.662.818l-.012.012c-.025.026-.07.07-.114.108a1.1 1.1 0 01-.126-.12 4.76 4.76 0 01-.666-.82c-.252-.396-.426-.774-.513-1.135zm-5 4.88c.235-.228.633-.342 1.174-.342.546 0 .94.114 1.179.341.244.233.367.633.367 1.194 0 .557-.123.957-.364 1.187-.235.224-.633.34-1.18.34-.546 0-.943-.116-1.176-.337-.24-.23-.361-.633-.361-1.19 0-.56.12-.961.361-1.194zm-.851 3.263c.467.453 1.15.68 2.028.68.873 0 1.557-.23 2.03-.68.493-.471.743-1.168.743-2.07 0-.905-.25-1.603-.743-2.073-.473-.454-1.157-.684-2.03-.684-.877 0-1.56.23-2.031.684-.49.47-.737 1.168-.737 2.073 0 .902.25 1.599.74 2.07zm10.694-3.264c.236-.227.633-.341 1.174-.341.546 0 .941.114 1.18.341.243.233.366.633.366 1.194 0 .557-.123.957-.364 1.187-.235.224-.633.34-1.18.34-.546 0-.943-.116-1.176-.337-.24-.23-.361-.633-.361-1.19 0-.56.12-.961.361-1.194zm-1.594 1.194c0 .902.25 1.599.74 2.07.47.45 1.154.68 2.028.68.874 0 1.557-.23 2.03-.68.494-.471.743-1.168.743-2.07 0-.905-.25-1.603-.742-2.073-.474-.454-1.157-.684-2.031-.684-.877 0-1.56.23-2.03.684-.491.47-.738 1.168-.738 2.073zm-1.652 2.84c-.054.05-.208.104-.48.104-.268 0-.422-.054-.473-.104-.053-.05-.106-.199-.106-.473 0-.275.056-.426.11-.477.05-.05.2-.103.47-.103.269 0 .423.053.476.106.053.05.11.202.11.476 0 .272-.057.42-.107.47zm.851-1.826c-.31-.297-.759-.449-1.33-.449-.572 0-1.017.152-1.328.449-.32.308-.482.761-.482 1.355 0 .591.16 1.045.482 1.353.31.294.756.446 1.328.446.571 0 1.02-.152 1.33-.446.322-.308.488-.762.488-1.353 0-.59-.166-1.047-.488-1.355zm7.266 9.529h-5.372v-3.322c0-.574-.18-1.062-.521-1.415a1.807 1.807 0 00-.314-.255 2.95 2.95 0 01.824-.112h3.378c.476 0 1.134.093 1.549.524.375.387.456.927.456 1.314v3.266zm-6.605-3.325v3.325h-.002v.014H10.03v-3.339c0-.176.03-.417.176-.569.087-.092.238-.14.418-.173l.038-.007c.079-.015.156-.03.25-.03h2.21c.073 0 .135.012.197.023.02.004.038.008.058.01.194.032.362.082.454.18.148.152.18.392.18.566zm-4.689-1.412c-.341.35-.518.84-.515 1.412v3.325H3.392v-3.266c0-.387.079-.93.451-1.317.415-.428 1.07-.52 1.546-.52h3.379c.255 0 .56.03.854.123-.11.072-.21.15-.3.243zm-6.846 5.958h12.608v.003h6.445c.174 0 .317-.14.317-.314v-4.173c0-.877-.277-1.622-.801-2.163-.566-.588-1.409-.899-2.437-.899H15.23c-1.025 0-1.869.311-2.434.9a.337.337 0 00-.043.055c-.012.016-.023.033-.036.048h-1.431l-.032-.042a.367.367 0 00-.05-.062c-.565-.588-1.408-.899-2.436-.899H5.389c-1.025 0-1.868.311-2.434.9-.518.537-.792 1.282-.792 2.159v4.174c0 .173.14.313.313.313z",
             fill: e

package/dist/generated/mistica-icons/icon-fast-forward-filled.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 a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, i = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : s ? i.inverse : i.neutralHigh;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : 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), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2zm.38 10.38l-4.644 4.638a.532.532 0 01-.38.156.535.535 0 01-.38-.914l4.265-4.265-4.264-4.264a.535.535 0 010-.758c.21-.21.549-.21.759 0l4.643 4.643a.54.54 0 010 .763zm1.425 4.638a.532.532 0 01-.379.156.535.535 0 01-.38-.914l4.265-4.265-4.26-4.26a.535.535 0 010-.758c.21-.21.549-.21.759 0l4.643 4.644a.54.54 0 01-.004.758l-4.644 4.64z",
-            fill: r
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M2.155 12.001c0 6.437 3.403 9.84 9.846 9.84 6.437 0 9.84-3.403 9.84-9.84 0-6.443-3.403-9.846-9.84-9.846-6.443 0-9.846 3.403-9.846 9.846zm8.672-.291L7.66 13.595v-3.79l3.168 1.905zm5.925-.006l-3.168-1.905v3.79l3.168-1.885zM7.365 8.217l4.953 2.974c.014.008.022.02.031.03.007.01.014.019.024.027V8.729a.603.603 0 01.917-.518l4.952 2.978a.605.605 0 010 1.036l-4.953 2.947a.61.61 0 01-.915-.521v-2.482a.147.147 0 00-.026.027.143.143 0 01-.033.032L7.362 15.18a.609.609 0 01-.916-.52V8.734a.618.618 0 01.308-.527.603.603 0 01.611.009z",
-            fill: r
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-fast-forward-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,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var t = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, l = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var r = _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, s = (0, _themeVariantContextJs.useIsInverseVariant)(), r = t != null ? t : s ? i.inverse : i.neutralHigh;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), l = 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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M2 12c0 5.517 4.488 10 10 10a9.97 9.97 0 005.334-1.545.36.36 0 00.11-.493.36.36 0 00-.494-.11 9.247 9.247 0 01-4.95 1.43c-5.119 0-9.282-4.163-9.282-9.282S6.88 2.718 12 2.718s9.282 4.163 9.287 9.277a9.248 9.248 0 01-1.43 4.95.36.36 0 00.11.494.36.36 0 00.493-.11A9.98 9.98 0 0022 12c0-5.512-4.488-10-10-10S2 6.484 2 12zm16.787 6.07a.714.714 0 010 1.425.714.714 0 010-1.425zM7.612 16.895l4.644-4.644a.35.35 0 000-.502L7.612 7.105a.35.35 0 00-.502 0 .354.354 0 000 .503l4.387 4.387-4.387 4.388a.35.35 0 000 .503c.068.068.16.105.251.105a.355.355 0 00.251-.096zm10.713-4.644l-4.643 4.644a.355.355 0 01-.252.096.356.356 0 01-.25-.105.35.35 0 010-.503l4.387-4.388-4.388-4.387a.354.354 0 010-.503.35.35 0 01.503 0l4.643 4.644a.35.35 0 010 .502z",
-            fill: r
+            fill: l
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M2.151 11.997c0-6.442 3.406-9.846 9.846-9.846 6.437 0 9.84 3.404 9.84 9.846 0 6.437-3.403 9.84-9.84 9.84-6.442 0-9.846-3.403-9.846-9.84zm.824 0c0 5.983 3.036 9.017 9.022 9.017 5.983 0 9.017-3.034 9.017-9.017 0-5.989-3.034-9.022-9.017-9.022-5.989 0-9.022 3.033-9.022 9.022zm10.431 1.983l3.84-2.285-3.84-2.308v4.593zm-.823-5.322a.405.405 0 01.207-.358.419.419 0 01.417.005l5.053 3.04a.41.41 0 010 .705l-5.056 3.012a.43.43 0 01-.21.056h-.002a.41.41 0 01-.41-.412V8.658zm-5.224 5.328l3.84-2.286-3.84-2.308v4.594zm-.824-5.322a.413.413 0 01.625-.353l5.053 3.04a.41.41 0 010 .705l-5.056 3.011a.43.43 0 01-.21.056h-.003a.41.41 0 01-.409-.412V8.665z",
-            fill: r
+            fill: l
         })
     }));
 };

package/dist/generated/mistica-icons/icon-fast-forward-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 l = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : s ? r.inverse : r.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = r != null ? r : s ? _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"
-    }, t), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12zm1.43 0c0-4.726 3.844-8.57 8.57-8.57 4.726 0 8.57 3.844 8.57 8.57 0 4.726-3.844 8.57-8.57 8.57-4.726 0-8.57-3.844-8.57-8.57zm4.434 5.146l4.639-4.643a.714.714 0 000-1.01l-4.64-4.64a.714.714 0 00-1.01 1.01L10.99 12l-4.136 4.136a.714.714 0 001.01 1.01zm10.713-4.643l-4.644 4.643a.713.713 0 11-1.01-1.01L17.06 12l-4.136-4.136a.714.714 0 011.01-1.01l4.644 4.639a.714.714 0 010 1.01z",
-            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: "M12.001 2.155c-6.44 0-9.846 3.403-9.846 9.846 0 6.437 3.403 9.84 9.846 9.84 6.437 0 9.84-3.403 9.84-9.84 0-6.443-3.403-9.846-9.84-9.846zm0 18.476c-5.731 0-8.636-2.904-8.636-8.63 0-5.731 2.905-8.636 8.636-8.636 5.728 0 8.63 2.905 8.63 8.636 0 5.726-2.904 8.63-8.63 8.63zM7.659 9.805v3.79s3.168-1.885 3.171-1.885L7.66 9.805zm9.093 1.899L13.58 9.799v3.79l3.17-1.885zM6.446 8.734c0-.218.118-.42.308-.526a.61.61 0 01.611.009l4.953 2.974c.014.008.022.02.031.03.007.01.014.019.024.027V8.729a.605.605 0 01.916-.518l4.953 2.98a.604.604 0 01-.003 1.037l-4.952 2.947a.606.606 0 01-.913-.521v-2.482a.147.147 0 00-.026.027.118.118 0 01-.033.032l-4.953 2.946a.609.609 0 01-.916-.52V8.734z",
-            fill: i
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-file-avi-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var h = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var l = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, v = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = h != null ? h : r ? e.inverse : e.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), e = l != null ? l : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: l,
-        height: l,
+        width: h,
+        height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M20.118 7.803l.003.003v-.003h-.003zM6.367 11.52h.927l1.33 3.683h-.898l-.309-.927H6.221l-.285.927h-.804l1.235-3.683zm.846 2.148l-.403-1.226h-.012l-.383 1.226h.798zM9.39 11.52h-.9l1.283 3.683h.877l1.224-3.683h-.818l-.804 2.672-.863-2.672zm2.96 0h.84v3.683h-.84V11.52z",
-                fill: i
+                fill: e
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M21.798 7.912a.61.61 0 01.048.238v12.306c0 .75-.644 1.383-1.409 1.383H8.255c-.75 0-1.406-.647-1.406-1.383l.033-2.77h-2.3a2.427 2.427 0 01-2.42-2.427v-4.095a2.427 2.427 0 012.42-2.426H6.85V3.534c0-.726.672-1.384 1.406-1.384h7.415a.86.86 0 01.613.25l5.297 5.126a.858.858 0 01.218.386zm-1.68-.11L16.006 3.82v1.764c0 .659.215 1.213.622 1.608.414.4.997.61 1.691.61h1.799zM4.58 16.47h9.846a1.21 1.21 0 001.207-1.21v-4.096c0-.666-.54-1.21-1.207-1.21H4.58a1.21 1.21 0 00-1.207 1.21v4.095c0 .667.54 1.21 1.207 1.21z",
-                fill: i
+                fill: e
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-file-avi-light.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,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var h = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, s = _objectWithoutProperties(_param, [
+var H = function H(_param) {
+    var h = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, c = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), t = h != null ? h : c ? e.inverse : e.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), e = h != null ? h : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M6.36 11.523h.928l1.33 3.684H7.72l-.308-.928H6.215l-.286.928h-.804l1.236-3.684zm.847 2.149l-.404-1.227h-.01l-.385 1.227h.799zm2.176-2.149h-.899l1.283 3.684h.877l1.224-3.684h-.818l-.804 2.672-.863-2.672zm2.961 0h.84v3.684h-.84v-3.684z",
-                fill: t
+                fill: e
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M21.806 7.91a.43.43 0 01.034.162v12.563c0 .653-.563 1.205-1.23 1.205H8.173c-.655 0-1.23-.563-1.23-1.205L6.98 17.6H4.422a2.27 2.27 0 01-2.266-2.27v-4.178a2.27 2.27 0 012.266-2.27h2.521v-5.52c0-.63.586-1.205 1.23-1.205h7.572a.7.7 0 01.481.194l5.41 5.238c.089.086.14.201.17.322zm-.793 12.728V8.758h-2.565c-.98 0-1.827-.316-2.443-.915-.622-.603-.95-1.43-.95-2.384V2.985H8.17c-.185 0-.406.205-.406.379v5.52h6.706a2.27 2.27 0 012.266 2.27v4.179a2.27 2.27 0 01-2.266 2.269H7.803l-.036 3.042c0 .182.204.372.406.372H20.61c.207 0 .403-.185.403-.378zM4.42 16.772h10.053c.792 0 1.44-.647 1.44-1.442v-4.18a1.44 1.44 0 00-1.44-1.44H4.42c-.793 0-1.44.648-1.44 1.44v4.18c0 .795.644 1.443 1.44 1.443zM15.879 5.457c0 .728.24 1.347.7 1.79.462.445 1.11.683 1.869.683h2.35l-4.92-4.764v2.291z",
-                fill: t
+                fill: e
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-file-avi-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var h = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, i = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var h = _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)(), l = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), c = h != null ? h : r ? l.inverse : l.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), e = h != null ? h : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M6.362 11.522h.927l1.331 3.683h-.9l-.307-.927H6.217l-.286.927h-.804l1.235-3.683zm.846 2.148l-.403-1.226h-.011L6.41 13.67h.798zm2.177-2.148h-.9l1.283 3.683h.877l1.224-3.683h-.818l-.804 2.672-.862-2.672zm2.96 0h.84v3.683h-.84v-3.683z",
-                fill: c
+                fill: e
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M21.794 7.914c.03.073.047.154.047.238v12.306c0 .75-.644 1.383-1.409 1.383H8.25c-.75 0-1.406-.647-1.406-1.384l.034-2.77h-2.3a2.428 2.428 0 01-2.423-2.426V11.17a2.426 2.426 0 012.42-2.426h2.266V3.54c0-.726.673-1.384 1.406-1.384h7.415c.232 0 .448.087.613.247l5.297 5.126c.115.109.18.243.222.386zm-1.362 12.709c.098 0 .194-.096.194-.168V9.023h-2.314c-1.014 0-1.888-.33-2.532-.955-.65-.627-.995-1.487-.995-2.482V3.371H8.25c-.07 0-.187.112-.193.17v5.202h6.364a2.426 2.426 0 012.42 2.426v4.092a2.426 2.426 0 01-2.42 2.426h-6.33l-.034 2.779c0 .05.098.16.193.16h12.182v-.003zM3.371 15.26c0 .667.54 1.21 1.207 1.21h9.843a1.21 1.21 0 001.207-1.21v-4.09c0-.667-.54-1.21-1.207-1.21H4.578c-.667 0-1.207.54-1.207 1.21v4.092zM16 3.824V5.59c0 .658.216 1.213.625 1.608.414.4.997.61 1.689.61h1.8L16 3.825z",
-                fill: c
+                fill: e
             })
         ]
     }));