@telefonica/mistica 12.9.1 → 12.11.0

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, m = _param.children, a = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var c = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, h = _param.children, t = _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 i = (0, _themeVariantContextJs.useIsInverseVariant)(), a = c != null ? c : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M11.928 10.929a.564.564 0 00.952.4c1.054-1.022 1.589-2.537 1.589-4.504 0-1.974-.538-3.493-1.6-4.515a.559.559 0 00-.792.014.559.559 0 00.014.793c.832.804 1.255 2.05 1.255 3.708 0 1.653-.42 2.897-1.247 3.7a.56.56 0 00-.17.404zm-1.686-.84a.562.562 0 01-.56-.56c0-.152.061-.298.17-.401.508-.493.765-1.266.765-2.3 0-1.034-.258-1.815-.77-2.305a.561.561 0 01.779-.807c.736.706 1.109 1.754 1.109 3.11 0 1.35-.373 2.394-1.104 3.106a.57.57 0 01-.39.157zm-2.079 8.854c-.29 0-.532-.09-.7-.258-.168-.168-.25-.397-.25-.686 0-.583.365-.944.95-.944.586 0 .95.361.95.944 0 .289-.084.518-.25.686-.165.168-.411.258-.7.258zm-3.443-.258c.169.168.41.258.701.258s.535-.09.7-.258c.166-.168.25-.397.25-.686 0-.583-.364-.944-.95-.944-.585 0-.95.361-.95.944 0 .289.082.518.25.686z",
-                fill: s
+                fill: a
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M7.914 13.887h10.644c1.07 0 1.9.3 2.468.888.546.566.824 1.375.824 2.403v1.373c0 1.028-.278 1.835-.824 2.403-.568.591-1.4.888-2.468.888H5.446c-1.07 0-1.899-.3-2.467-.888-.547-.569-.824-1.375-.824-2.403v-1.373c0-1.028.277-1.835.824-2.403.568-.591 1.397-.888 2.467-.888h1.348V6.825c0-.308.252-.56.56-.56.308 0 .56.252.56.56v7.062zm-2.468 1.12c-.753 0-1.31.185-1.66.547-.34.35-.51.896-.51 1.624v1.373c0 .728.17 1.274.51 1.624.35.362.907.547 1.66.547h13.112c.754 0 1.311-.185 1.662-.547.338-.35.51-.896.51-1.624v-1.373c0-.728-.172-1.274-.51-1.624-.35-.362-.908-.547-1.662-.547H5.446z",
-                fill: s
+                fill: a
             })
         ]
     }));

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : r ? 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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.594 12.087c.336 0 .61.275.61.617v1.644a.613.613 0 01-.61.616.61.61 0 01-.608-.616V13.32h-1.224l.001.088.002.091c0 1.586-.126 2.952-.499 4.062l1.975.608a.62.62 0 01.431.621l-.131 2.477a.612.612 0 01-.608.582h-.034a.614.614 0 01-.577-.647l.107-1.994-1.687-.518c-.832 1.316-2.28 2.05-4.742 2.05-2.473 0-3.921-.74-4.75-2.062l-1.726.53.106 1.994a.612.612 0 01-.577.647H5.02a.614.614 0 01-.608-.582L4.28 18.79a.62.62 0 01.432-.624l2.014-.62c-.367-1.106-.493-2.47-.493-4.05l.002-.179h-1.22v1.03a.613.613 0 01-.609.617.615.615 0 01-.61-.616v-1.644c0-.342.274-.617.61-.617h1.871c.079-1.288.295-2.554.863-3.571L4.712 7.77a.617.617 0 01-.432-.625l.132-2.476a.613.613 0 01.639-.583c.336.02.593.309.577.647L5.52 6.73l2.286.703c-.16-.384-.244-.83-.244-1.353 0-1.838.975-2.602 2.322-2.908a.618.618 0 01.031-.829.602.602 0 01.852-.008l.008.008.644.653a15.7 15.7 0 011.149-.003l.644-.653a.603.603 0 01.854-.005l.006.005a.614.614 0 01.03.824c1.357.3 2.342 1.064 2.342 2.91 0 .516-.08.956-.235 1.334l2.216-.681-.107-1.994a.612.612 0 01.578-.647.614.614 0 01.64.582l.133 2.476a.614.614 0 01-.432.622l-2.39.731c.491.863.771 2.014.866 3.583.006.008 1.88.008 1.88.008zM12.008 4.22c-2.742 0-3.224.6-3.224 1.86 0 .333.042.58.107.77.812-.397 1.837-.596 3.11-.596 1.276 0 2.302.201 3.114.602a2.35 2.35 0 00.115-.776c.003-1.26-.48-1.86-3.222-1.86zm-.68 5.19v7.933c0 .34.272.617.608.617.336 0 .61-.278.61-.617V9.41a.615.615 0 00-.61-.617.61.61 0 00-.608.617z",
             fill: i

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), s = l != null ? l : r ? e.inverse : e.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = l != null ? l : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.171 12.296c.24 0 .437.185.437.417v1.678a.43.43 0 01-.437.42.429.429 0 01-.437-.42v-1.258h-1.76l.006.155c.003.076.006.152.006.235 0 1.694-.148 3.14-.608 4.285l2.353.687c.19.056.32.232.308.423l-.14 2.53a.43.43 0 01-.437.397h-.022a.43.43 0 01-.415-.44v-.003l.124-2.201-2.163-.625c-.851 1.37-2.364 2.14-4.992 2.14-2.633 0-4.145-.773-4.997-2.151l-2.201.638.12 2.202a.423.423 0 01-.409.44H4.48a.43.43 0 01-.434-.398l-.14-2.53a.419.419 0 01.31-.422l2.396-.698c-.457-1.14-.602-2.582-.602-4.272 0-.082.003-.158.006-.234l.005-.155H4.26v1.258a.429.429 0 01-.436.42.429.429 0 01-.437-.42v-1.678c0-.232.196-.42.437-.42h2.22c.102-1.787.435-3.067 1.054-3.98l-2.88-.84a.419.419 0 01-.31-.424l.14-2.53a.431.431 0 01.46-.397c.24.011.425.21.414.443l-.12 2.201 2.834.827a.15.15 0 01.044.022l.018.011.131-.117c-.252-.418-.39-.928-.39-1.563 0-1.844 1.037-2.583 2.715-2.835l-.25-.238a.408.408 0 01-.016-.577l.017-.017a.454.454 0 01.619 0l.767.737.135-.006c.188-.007.378-.014.577-.014.162 0 .315.005.467.01l.222.007.768-.734a.454.454 0 01.618 0 .408.408 0 010 .594l-.246.235c1.692.25 2.734.989 2.734 2.838 0 .638-.137 1.15-.395 1.57l.052.046.052.045a.118.118 0 00.01-.007.065.065 0 01.023-.01l2.838-.827-.123-2.201a.428.428 0 01.411-.443h.003a.418.418 0 01.46.398l.14 2.53a.42.42 0 01-.309.422l-2.834.827c.627.91.96 2.179 1.056 3.991l2.221.006zM8.317 5.95c0 .457.084.807.238 1.087.874-.462 1.997-.7 3.442-.7 1.457 0 2.583.244 3.457.709.157-.283.24-.636.24-1.096 0-1.4-.57-2.109-3.688-2.109-3.12 0-3.69.712-3.69 2.11zm8.792 7.574c0-3.016-.504-4.669-1.689-5.523-.764-.555-1.885-.824-3.423-.824-1.549 0-2.678.275-3.445.838-1.168.86-1.667 2.507-1.667 5.51 0 4.806 1.241 6.347 5.112 6.347s5.112-1.54 5.112-6.348zm-4.745-4.173a.429.429 0 00-.437-.42.429.429 0 00-.437.42v8.1a.429.429 0 00.437.42.429.429 0 00.437-.42v-8.1z",
             fill: s

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var u = function u(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : t ? l.inverse : l.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: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.6 12.084c.337 0 .608.278.608.617v1.644a.613.613 0 01-.608.616.613.613 0 01-.607-.616v-1.028h-1.224v.088c.002.029.002.058.002.088 0 1.586-.126 2.953-.498 4.062l1.974.608a.617.617 0 01.432.622l-.132 2.476a.612.612 0 01-.608.582h-.033a.616.616 0 01-.577-.647l.106-1.994-1.686-.518c-.832 1.316-2.28 2.05-4.745 2.05-2.474 0-3.922-.74-4.75-2.061l-1.726.529.106 1.994a.61.61 0 01-.577.647h-.034a.615.615 0 01-.607-.582l-.132-2.476a.615.615 0 01.431-.622l2.017-.62c-.367-1.106-.493-2.47-.493-4.05 0-.03 0-.06.002-.09v-.086h-1.22v1.028a.613.613 0 01-.608.616.613.613 0 01-.608-.616V12.7c0-.34.272-.617.608-.617h1.87c.08-1.285.298-2.554.864-3.568L4.718 7.77a.617.617 0 01-.431-.622l.131-2.476a.613.613 0 01.642-.583c.336.02.594.308.577.647L5.53 6.731l2.286.704c-.16-.384-.244-.83-.244-1.356 0-1.838.978-2.602 2.323-2.908a.619.619 0 01.028-.829.602.602 0 01.86 0l.644.653a13.518 13.518 0 011.148 0l.645-.653a.605.605 0 01.862 0c.224.227.23.583.031.824 1.356.3 2.342 1.064 2.342 2.91 0 .515-.081.955-.235 1.333l2.215-.68-.106-1.995a.614.614 0 01.577-.647c.322-.025.624.244.641.583l.132 2.476a.612.612 0 01-.431.622l-2.39.734c.49.862.77 2.014.866 3.582H19.6zM8.79 6.076c0 .333.043.58.107.773.813-.4 1.838-.597 3.11-.597 1.277 0 2.302.202 3.114.603.065-.19.115-.432.115-.776.003-1.264-.479-1.863-3.221-1.863s-3.224.6-3.224 1.86zm7.763 7.417c0-2.882-.446-4.453-1.488-5.246-.675-.516-1.675-.765-3.058-.765-1.395 0-2.404.255-3.079.779-1.03.798-1.468 2.361-1.468 5.232 0 4.605 1.062 6.009 4.547 6.009 3.484 0 4.546-1.404 4.546-6.009zM12.55 9.406a.613.613 0 00-.608-.616.61.61 0 00-.608.616v7.933c0 .34.272.617.608.617a.613.613 0 00.608-.617V9.406z",
-            fill: s
+            fill: t
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,16 +90,16 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, m = _param.children, c = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : i ? r.inverse : r.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, v = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : r ? h.inverse : h.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: h,
+        height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.902 6.428c-1.688-1.706-3.877-1.796-4.166-1.808a.621.621 0 01-.03-.001H4.288c-.532 0-1.075.238-1.487.658-.412.417-.65.97-.65 1.513v8.689c0 .54.236 1.092.65 1.51.353.358.81.568 1.322.63.395 1.123 1.367 1.767 2.765 1.767 1.39 0 2.358-.63 2.759-1.74h4.188c.4 1.107 1.367 1.74 2.759 1.74 1.39 0 2.358-.63 2.756-1.74h.35c.535 0 1.076-.24 1.488-.658.411-.417.65-.969.65-1.51v-3.476c0-2.4-.653-4.274-1.936-5.574zm.709 9.972c-.26.264-.591.415-.91.415h-.18l.01-.094c.012-.11.024-.223.024-.343 0-1.883-1.107-3.006-2.961-3.006-1.855 0-2.961 1.123-2.961 3.006 0 .12.012.232.024.343l.01.094h-3.85l.01-.094a2.88 2.88 0 00.025-.343c0-1.883-1.107-3.006-2.961-3.006-1.855 0-2.961 1.123-2.961 3.006 0 .096.01.184.019.273l.009.091a1.366 1.366 0 01-.577-.342c-.26-.263-.409-.6-.409-.921v-4.23h12.161c.193-.005 4.45-.112 5.887 2.924v1.306c0 .322-.152.658-.41.921zm-6.163-.022c0-1.423.742-2.177 2.143-2.177 1.4 0 2.143.754 2.143 2.177s-.74 2.176-2.143 2.176c-1.4 0-2.143-.75-2.143-2.176zm-7.56 2.176c-1.4 0-2.143-.75-2.143-2.176 0-1.423.742-2.177 2.143-2.177 1.4 0 2.143.754 2.143 2.177s-.74 2.176-2.143 2.176zM4.286 5.451h3.61v4.969H2.97V6.79c0-.325.151-.661.41-.925.26-.263.59-.414.907-.414zm4.431 4.969V5.45h4.89v4.97h-4.89zm12.303 1.582v.662c-2.048-2.401-5.751-2.252-5.914-2.244h-.68V5.45h1.28c.216 0 5.314.082 5.314 6.552z",
             fill: i

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return l;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var u = function u(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
+var l = function l(_param) {
+    var c = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : s ? h.inverse : h.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), v = c != null ? c : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.886 6.433c-1.807-1.812-4.17-1.82-4.252-1.818H4.449c-.577 0-1.16.255-1.6.698-.442.442-.694 1.03-.694 1.613v8.451c0 .58.252 1.168.695 1.614.355.358.804.577 1.308.658.445 1.09 1.448 1.73 2.84 1.73 1.376 0 2.367-.627 2.82-1.691h3.866c.454 1.065 1.446 1.692 2.821 1.692 1.376 0 2.367-.627 2.82-1.692h.225c.577 0 1.16-.255 1.602-.7.44-.443.692-1.031.692-1.614v-3.38c-.003-2.387-.661-4.258-1.958-5.56zm.412 9.698a1.103 1.103 0 01-.709.338 1.55 1.55 0 01.009-.098 1.15 1.15 0 00.008-.12c0-1.927-1.188-3.126-3.1-3.126-1.914 0-3.104 1.199-3.104 3.126 0 .049.005.095.01.14l.01.084h-3.34c.001-.033.005-.066.008-.098.005-.041.009-.082.009-.126 0-1.927-1.188-3.126-3.1-3.126-1.914 0-3.102 1.199-3.102 3.126v.008a1.01 1.01 0 00-.065-.038.512.512 0 01-.13-.09c-.22-.219-.342-.493-.342-.754v-3.91h11.72c.177-.005 4.19-.099 5.557 2.694v1.216c0 .26-.123.535-.34.754zm-5.695.123c0-1.27.639-1.913 1.9-1.913 1.26 0 1.898.644 1.898 1.913 0 1.269-.638 1.913-1.899 1.913-1.26 0-1.899-.644-1.899-1.913zm-7.608 1.913c-1.26 0-1.899-.644-1.899-1.913 0-1.27.639-1.913 1.9-1.913 1.26 0 1.899.644 1.899 1.913 0 1.269-.64 1.913-1.9 1.913zM4.45 5.825h3.336v4.429H3.36v-3.33c0-.256.126-.538.341-.754.216-.219.49-.345.748-.345zm4.538 4.429V5.825h4.39v4.429h-4.39zm11.65 1.888c-2.112-2.023-5.448-1.897-5.594-1.888h-.465V5.825h1.053c.205.003 5.006.087 5.006 6.171v.146z",
-            fill: n
+            fill: v
         })
     }));
 };

package/dist/generated/mistica-icons/icon-buy-data-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, v = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : r ? c.inverse : c.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.269 6.788a.557.557 0 01.543.7l-.404 1.616-.004.015-.348 1.397a687.207 687.207 0 01-.883 3.53c-.266 1.022-.652 1.778-1.182 2.308-.56.557-1.263.84-2.092.84h-6.255c-.838 0-1.583-.28-2.148-.815-.594-.56-.975-1.364-1.138-2.39-.14-.89-1.484-8.68-1.636-9.526-.12-.67-.82-1.176-1.633-1.176H2.736a.562.562 0 01-.56-.56c0-.309.252-.56.56-.56h1.35c1.37 0 2.519.882 2.737 2.1.05.272.224 1.266.44 2.521h3.255v-1.19c0-.477.42-.846 1.252-1.096.653-.196 1.516-.305 2.423-.305.908 0 1.77.11 2.423.305.832.25 1.252.62 1.252 1.096v1.19h3.4zM10.636 18.533c-.502 0-.902.143-1.194.423-.305.294-.459.706-.459 1.23 0 .523.154.935.46 1.23.29.28.694.422 1.193.422.498 0 .902-.143 1.193-.423.305-.294.46-.706.46-1.23 0-.523-.155-.935-.46-1.229-.291-.28-.692-.423-1.193-.423zm5.462 0c-.502 0-.902.143-1.193.423-.306.294-.46.706-.46 1.23 0 .523.154.935.46 1.23.29.28.694.422 1.193.422.498 0 .902-.143 1.193-.423.303-.294.46-.706.46-1.23 0-.523-.155-.935-.46-1.229-.291-.28-.692-.423-1.193-.423zM12.179 5.26c-.513.131-.72.269-.798.33l.005.006.009.005.003.003a.153.153 0 01.01.009l.012.008.003.003.01.008.004.003.01.008.007.003.01.009.003.002a.093.093 0 00.02.013l.014.01.006.003.014.008.008.003.014.008.009.006.022.011.025.011.006.003.02.008.008.006.056.028.022.008.009.003.033.014.011.003.026.008.014.006.022.008.014.006.025.008.014.006.031.011.011.003.042.014.014.006.031.008.017.006.03.008.02.006.034.008.017.006.053.014c.555.143 1.269.221 2.011.221.742 0 1.457-.078 2.011-.221l.054-.014.016-.006.034-.008.02-.006.03-.008.017-.006.031-.008.014-.006.042-.014.011-.003.031-.011.014-.006.025-.008.014-.006.023-.008.014-.006.025-.008.011-.003.034-.014.008-.003.023-.008.01-.006.018.003.028-.014.008-.005.02-.012.05-.025.008-.005.015-.009.008-.003.014-.008.006-.003a.234.234 0 01.033-.022l.003-.003.011-.008.006-.003.01-.009.004-.002.01-.009.004-.003a.155.155 0 00.022-.016l.003-.003.008-.006.006-.005c-.076-.068-.283-.208-.796-.34-.554-.142-1.269-.22-2.01-.22-.743 0-1.457.078-2.012.22zm4.022 8.495c.614-.16.79-.327.827-.37l-.003-1.624-.011.006-.028.011a.505.505 0 01-.042.017l-.023.008-.044.017-.045.017-.012.002-.042.014a.984.984 0 01-.042.014l-.025.009-.054.017a1.14 1.14 0 00-.044.014c-.652.196-1.518.302-2.426.302-.907 0-1.77-.11-2.422-.305a.991.991 0 01-.079-.024l-.02-.007-.025-.008c-.028-.009-.056-.017-.084-.028l-.011-.003-.09-.034-.022-.008-.015-.005c-.018-.007-.037-.014-.055-.023l-.011-.006v1.628c.039.045.213.213.826.37.555.142 1.269.22 2.011.22.742 0 1.457-.078 2.011-.22zm.827-2.974l-.003-1.625-.011.006-.028.011a.543.543 0 01-.042.017l-.023.008-.044.017-.045.017-.012.002-.042.014-.042.014-.025.009-.054.017-.044.014c-.652.196-1.51.302-2.42.302-.91 0-1.773-.11-2.426-.305a1.007 1.007 0 01-.078-.024l-.02-.007-.025-.008c-.028-.009-.056-.017-.084-.028l-.011-.003a3.227 3.227 0 01-.09-.034l-.022-.008-.015-.006a.54.54 0 01-.055-.022l-.012-.006v1.63l.009.009v.003l.042.042.008.005.006.003.008.006.006.002.008.006.006.006.017.01.011.006.008.006.012.006.008.005.067.034.07.028.014.008.014.006.017.008.017.006.017.008.016.006.02.008.017.006.02.008.02.006.021.008.02.009.023.008.02.008.021.009.02.005.025.009.023.005.028.009.025.008.028.009.112.028c.555.143 1.269.221 2.011.221.742 0 1.457-.078 2.011-.221l.113-.028.027-.009.026-.008.056-.017.025-.008.02-.006.022-.008.02-.009.022-.008.02-.008.022-.009.02-.005.02-.009.016-.005.02-.009.016-.005.017-.009.017-.005.017-.009.014-.006.014-.008.07-.028.045-.022.008-.006.011-.005.009-.006.01-.006.035-.022.005-.006.009-.005.005-.003.008-.006.006-.003.008-.005.006-.003.04-.04v-.002l.008-.008zm0-2.605l.005-1.63-.01.005-.029.011a.543.543 0 01-.042.017l-.022.008-.045.017-.045.017-.011.003-.042.014-.042.014-.025.008-.055.017-.043.014c-.653.196-1.513.305-2.423.305-.91 0-1.774-.109-2.426-.305a1.007 1.007 0 01-.078-.024 3.346 3.346 0 00-.02-.007l-.025-.008c-.028-.009-.056-.017-.084-.028l-.012-.003a3.227 3.227 0 01-.09-.034l-.022-.008-.035-.014-.035-.014-.01-.006v1.63l.008.009v.003l.042.042.008.005.005.003.009.006.006.003.008.005.005.006.017.011.012.006.008.005.011.006.009.005.067.034.07.028.014.008.014.006.017.008.016.006.017.008.017.006.02.008.016.006.02.008.02.006.022.008.02.009.022.008.02.009.022.008.02.006.025.008.022.006.028.008.026.009.028.008.112.028c.554.143 1.268.221 2.01.221.743 0 1.457-.078 2.012-.221l.112-.028.028-.008.025-.009.028-.008.023-.006.025-.008.02-.006.022-.008.02-.009.022-.008.02-.009.022-.008.02-.006.02-.008.016-.006.02-.008.016-.006.017-.008.017-.006.017-.008.014-.006.014-.008.07-.028.045-.022.008-.006.011-.006.009-.005.01-.006.035-.022.005-.006.009-.005.005-.003.008-.006.006-.003.008-.005.006-.003.04-.04v-.002l.008-.008z",
             fill: i

package/dist/generated/mistica-icons/icon-buy-data-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var z = function z(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, r = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, n = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : h ? s.inverse : s.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: s,
+        height: s,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.274 17.004h-6.662c-.777 0-1.466-.26-1.987-.752-.555-.524-.914-1.284-1.07-2.263C7.408 13.075 6.05 4.909 5.888 4a1.637 1.637 0 00-.65-1.013 2.138 2.138 0 00-1.289-.419H2.285A.286.286 0 012 2.285C2 2.128 2.128 2 2.285 2H3.95a2.72 2.72 0 011.634.532c.464.348.772.835.869 1.37.058.325.269 1.577.522 3.094h3.649V5.5c0-.88 1.864-1.281 3.595-1.281s3.596.401 3.596 1.28V7h3.9a.286.286 0 01.276.356l-.398 1.596-.37 1.482a623.86 623.86 0 01-.897 3.587c-.256.99-.626 1.717-1.125 2.218-.515.506-1.161.766-1.927.766zm.54-9.435v5.879c0 .88-1.861 1.278-3.595 1.278-1.73 0-3.595-.401-3.595-1.281v-5.88H7.07c.44 2.636.963 5.788 1.048 6.335.256 1.634 1.145 2.537 2.494 2.537h6.662c.618 0 1.116-.2 1.523-.606.421-.422.749-1.08.977-1.956.075-.29.259-1.027.481-1.918.13-.522.273-1.097.416-1.664l.015-.064.002-.006c.256-1.028.499-2.006.663-2.654h-3.536zm-3.355 4.507l-.24.002h-.028c-1.133-.003-2.318-.176-2.998-.543v1.913c0 .04.136.242.766.43.598.179 1.4.279 2.26.279.86 0 1.66-.1 2.26-.28.633-.19.767-.392.767-.43v-1.912c-.636.344-1.72.518-2.787.54zm2.787-1.276V8.887c-.64.346-1.73.52-2.803.541l-.224.003c-.83 0-1.688-.092-2.36-.285a3.353 3.353 0 01-.666-.261v1.912c0 .04.136.242.766.43.598.182 1.4.282 2.26.282.86 0 1.66-.1 2.26-.28.633-.19.767-.392.767-.429zm0-4.56c-.684.37-1.885.543-3.027.543-1.141 0-2.34-.177-3.026-.547V8.15c0 .04.136.242.766.43.598.18 1.4.282 2.26.282.86 0 1.66-.1 2.26-.279.633-.19.767-.393.767-.43V6.24zm0-.741c0-.04-.137-.242-.766-.433-.601-.176-1.401-.276-2.26-.276-.858 0-1.66.1-2.261.279-.63.19-.766.393-.766.433 0 .04.136.242.766.43.598.179 1.4.279 2.26.279.86 0 1.66-.1 2.26-.28.633-.19.767-.392.767-.432zM10.612 22c-.885 0-1.395-.51-1.395-1.395s.51-1.395 1.395-1.395c.886 0 1.395.51 1.395 1.395S11.5 22 10.612 22zm0-2.22c-.572 0-.826.253-.826.825s.254.826.826.826.826-.254.826-.826-.254-.826-.826-.826zM16.164 22c-.886 0-1.395-.51-1.395-1.395s.51-1.395 1.395-1.395 1.395.51 1.395 1.395S17.052 22 16.164 22zm0-2.22c-.573 0-.826.253-.826.825s.254.826.826.826.825-.254.825-.826-.253-.826-.825-.826z",
             fill: i

package/dist/generated/mistica-icons/icon-buy-data-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 c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, r = _objectWithoutProperties(_param, [
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : s ? a.inverse : a.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M16.974 17.285H10.61c-.852 0-1.607-.288-2.185-.83-.602-.566-.992-1.384-1.157-2.43-.131-.834-1.476-8.638-1.664-9.689-.123-.684-.835-1.196-1.661-1.196H2.57A.571.571 0 012 2.57c0-.314.256-.57.57-.57h1.376c1.39 0 2.561.897 2.783 2.137.05.277.226 1.289.446 2.564h3.304V5.49a.442.442 0 01.002-.063c.034-.455.46-.81 1.271-1.054.664-.2 1.541-.31 2.464-.31.924 0 1.801.11 2.465.31.765.23 1.188.56 1.262.978a.43.43 0 01.017.139v1.214h3.459a.571.571 0 01.552.71l-.443 1.77a2593.494 2593.494 0 01-.67 2.684c-.253 1.02-.47 1.89-.556 2.215-.27 1.042-.664 1.809-1.202 2.347-.567.567-1.282.855-2.126.855zm.986-9.442v5.596c0 .484-.427.86-1.273 1.114-.664.202-1.542.31-2.468.31-.926 0-1.8-.11-2.467-.31-.846-.254-1.273-.63-1.273-1.114V7.84H7.372c.435 2.524.942 5.476 1.027 6.009.125.79.396 1.385.812 1.778.364.345.837.521 1.402.521h6.361c.695 0 1.681-.242 2.225-2.35.078-.3.273-1.08.506-2.013l.392-1.569.143-.572c.166-.67.323-1.298.45-1.8h-2.73zm-.886-2.356c-.077-.068-.288-.208-.809-.345-.564-.145-1.29-.225-2.046-.225-.755 0-1.481.08-2.045.225-.522.137-.732.277-.81.345.058.051.19.143.47.243.095.033.207.068.34.102.564.145 1.29.225 2.045.225.755 0 1.482-.08 2.046-.225.522-.135.733-.277.809-.345zm-5.735.967l-.006 1.651c.034.043.211.214.84.376.565.146 1.291.226 2.046.226.755 0 1.482-.08 2.046-.226.63-.162.806-.336.84-.376V6.453a4.303 4.303 0 01-.418.151c-.664.2-1.542.31-2.465.31-.923 0-1.8-.11-2.464-.31a3.96 3.96 0 01-.419-.15zm.413 2.8a3.925 3.925 0 01-.416-.15l-.003 1.651c.034.043.211.214.84.376.565.145 1.291.225 2.046.225.755 0 1.482-.08 2.046-.225.63-.162.806-.336.84-.376V9.104a3.924 3.924 0 01-.418.15 5.48 5.48 0 01-.259.07c-.625.155-1.398.24-2.206.24h-.003c-.926 0-1.8-.111-2.467-.31zm-.419 4.156c.037.043.217.214.84.376.565.146 1.291.225 2.046.225.755 0 1.482-.08 2.046-.225.624-.16.803-.33.84-.376v-1.655a4.314 4.314 0 01-.418.151c-.664.2-1.542.31-2.465.31-.923 0-1.8-.11-2.467-.31a4.314 4.314 0 01-.419-.151l-.003 1.655zM10.61 22c-.51 0-.918-.145-1.214-.43-.31-.3-.467-.718-.467-1.25 0-.534.156-.953.467-1.252.296-.285.707-.43 1.214-.43s.917.145 1.213.43c.31.3.468.718.468 1.251 0 .533-.157.952-.468 1.25-.293.286-.703.431-1.213.431zm0-2.222c-.416 0-.542.125-.542.541 0 .416.126.541.542.541.416 0 .541-.125.541-.54 0-.417-.125-.542-.541-.542zM16.165 22c-.51 0-.917-.145-1.213-.43-.311-.3-.468-.718-.468-1.25 0-.534.157-.953.468-1.252.296-.285.706-.43 1.213-.43.507 0 .918.145 1.214.43.308.3.467.718.467 1.251 0 .533-.157.952-.467 1.25-.294.286-.704.431-1.214.431zm0-2.222c-.416 0-.541.125-.541.541 0 .416.125.541.541.541.416 0 .542-.125.542-.54 0-.417-.126-.542-.542-.542z",
-            fill: n
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-buy-devices-filled.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,16 +91,16 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, l = _objectWithoutProperties(_param, [
+var u = function u(_param) {
+    var h = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, m = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.skinName, t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : n ? t.inverse : t.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = h != null ? h : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), s = ref.skinName;
     return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
@@ -108,8 +109,8 @@ var p = function p(_param) {
             fill: i
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {

package/dist/generated/mistica-icons/icon-buy-devices-light.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        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,37 +91,37 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, v = _param.children, i = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.skinName, s = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : a ? s.inverse : s.neutralHigh;
-    return l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), r = ref.skinName;
+    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.5 5.922c0 .003-.002.005-.002.005s-.003.002-.003.004v12.855c0 1.774-1.455 3.214-3.249 3.214H8.75c-1.794 0-3.25-1.44-3.25-3.214V5.214C5.5 3.44 6.956 2 8.749 2h6.502C17.044 2 18.5 3.44 18.5 5.214v.708zm-3.254-3.209H8.75c-1.396 0-2.528 1.12-2.528 2.5v.353h11.553v-.352c0-1.38-1.132-2.5-2.528-2.5zm0 18.57c1.396 0 2.528-1.12 2.528-2.501V6.279H6.221v11.433h7.584c.198 0 .36.16.36.357a.359.359 0 01-.36.356H6.22v.357c0 1.38 1.132 2.5 2.528 2.5h6.497zm.726-2.501c.397 0 .721-.32.721-.713a.718.718 0 00-.72-.714.719.719 0 00-.722.714c0 .393.324.713.721.713zM13.758 8.61a.361.361 0 00-.49-.141.353.353 0 00-.143.484l.892 1.614H9.983l.892-1.614a.353.353 0 00-.144-.484.361.361 0 00-.49.141l-1.076 1.957H7.21l1.141 4.567c.125.452.61.79 1.123.79h5.056c.513 0 .998-.338 1.128-.8l1.141-4.557h-1.954L13.758 8.61zm.768 6.601H9.47c-.18 0-.388-.128-.425-.256l-.92-3.67h7.74l-.91 3.661c-.037.137-.245.265-.43.265z",
-            fill: t
+            fill: s
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M13.588 10.913c0-.404.23-.591.588-.591s.59.187.588.59c0 .197-.053.34-.148.438-.104.106-.255.156-.44.156s-.336-.05-.44-.156c-.095-.098-.148-.244-.148-.437z",
-                fill: t
+                fill: s
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M10.63 16.918h6.554c.754 0 1.39-.255 1.897-.753.49-.493.854-1.208 1.106-2.182.118-.454.507-2.017.882-3.53l.364-1.458.393-1.57a.28.28 0 00-.272-.35h-3.818V3.859c0-1.145-.552-1.703-1.683-1.703h-3.751c-1.118 0-1.684.572-1.684 1.703v3.213H7.051a633.45 633.45 0 00-.514-3.045 2.174 2.174 0 00-.854-1.347 2.675 2.675 0 00-1.608-.524H2.436a.28.28 0 00-.28.28c0 .154.126.28.28.28h1.639c.468 0 .919.146 1.269.412.344.258.569.61.639.997.16.894 1.495 8.928 1.638 9.827.154.963.507 1.711 1.053 2.227.513.484 1.19.74 1.956.74zm10.565-9.283c-.162.64-.401 1.605-.654 2.619l-.015.062-.409 1.637a391.2 391.2 0 01-.473 1.887c-.224.863-.547 1.51-.961 1.924-.4.4-.89.597-1.499.597H10.63c-1.328 0-2.202-.888-2.454-2.496-.084-.539-.598-3.64-1.031-6.233h3.473v3.76c0 1.145.552 1.703 1.684 1.703h3.75c1.132 0 1.681-.558 1.684-1.706V7.635h3.46zM11.18 3.86c0-.82.316-1.143 1.123-1.143h3.75c.819 0 1.124.309 1.124 1.143v7.53c0 .423-.087.717-.255.888-.168.17-.454.255-.868.255h-3.751c-.415 0-.698-.082-.868-.255-.171-.174-.255-.465-.255-.888V3.86zM9.257 20.462c0 .87.501 1.372 1.373 1.372.874 0 1.372-.501 1.372-1.372 0-.872-.501-1.373-1.372-1.373-.872 0-1.373.501-1.373 1.373zm1.373-.813c.563 0 .812.25.812.813s-.25.812-.812.812c-.563 0-.813-.25-.813-.812 0-.564.25-.813.813-.813zm4.09.813c0 .87.5 1.372 1.372 1.372.874 0 1.372-.501 1.372-1.372 0-.872-.501-1.373-1.372-1.373-.871 0-1.373.501-1.373 1.373zm1.372-.813c.563 0 .812.25.812.813s-.25.812-.812.812c-.563 0-.812-.25-.812-.812 0-.564.249-.813.812-.813z",
-                fill: t
+                fill: s
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-buy-devices-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 e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, a = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, i = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : n ? i.inverse : i.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), s = ref.skinName;
+    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.92 2h6.16c1.887 0 3.42 1.605 3.42 3.576v12.853c0 1.97-1.533 3.571-3.42 3.571H8.92c-1.887 0-3.42-1.6-3.42-3.571V5.57C5.5 3.601 7.033 2 8.92 2zM6.868 6.646v10.717h10.266V6.646H6.867zM8.92 3.43c-1.016 0-1.857.773-2.024 1.788h10.206c-.167-1.015-1.008-1.788-2.024-1.788H8.921zm0 17.147h6.158c1.016 0 1.857-.773 2.024-1.788H6.897c.167 1.015 1.008 1.788 2.024 1.788zm5.633-10.183l-.719-1.65a.503.503 0 00-.679-.266.543.543 0 00-.254.709l.526 1.207h-2.856l.526-1.207a.543.543 0 00-.254-.709.503.503 0 00-.68.265l-.718 1.651H7.594l.998 4.595c.136.522.666.942 1.183.942h4.45c.513 0 1.043-.425 1.187-.969l.994-4.568h-1.852zm-.329 4.467h-4.45c-.057-.004-.175-.1-.188-.132l-.71-3.26h6.242l-.701 3.237c-.018.06-.136.155-.193.155z",
             fill: l
@@ -112,7 +113,7 @@ var f = function f(_param) {
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M13.6 10.906c0-.404.229-.591.588-.591.358 0 .59.187.588.59 0 .197-.053.34-.149.438-.103.106-.255.156-.44.156-.184 0-.336-.05-.44-.156-.095-.098-.148-.244-.148-.437z",