@telefonica/mistica 12.9.1 → 12.11.0

package/dist/generated/mistica-icons/icon-send-pound-filled.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         return f;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -91,21 +91,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : i ? n.inverse : n.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: s,
-        height: s,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.528 12.099V2H11.91c-.447 0-.829.27-1 .7-.17.43-.077.903.236 1.231l2.43 2.549-3.346 3.514 3.815 3.727 3.212-3.37 2.43 2.55c.313.328.764.424 1.173.245.415-.178.668-.579.668-1.047zM5.237 20.503h4.068c.396 0 .722.329.722.744S9.705 22 9.31 22H3.198c-.396 0-.718-.338-.718-.753s.322-.753.718-.753c.405 0 .732-.343.732-.768l-.005-1.873h-.368c-.396 0-.718-.338-.718-.753s.322-.753.718-.753h.363l-.004-2.26c0-1.665 1.288-3.016 2.876-3.016.713 0 1.394.27 1.914.758.3.28.323.757.06 1.066a.698.698 0 01-1.017.063 1.386 1.386 0 00-.962-.376c-.805 0-1.435.666-1.435 1.51l.004 2.265H7.51c.396 0 .718.338.718.753s-.322.753-.718.753H5.36l.005 1.873c0 .27-.046.526-.128.767z",
-            fill: c
+            fill: l
         })
     }));
 };

package/dist/generated/mistica-icons/icon-send-pound-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, c = _param.children, l = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var a = _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)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), n = a != null ? a : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.646 12.906c.212.217.49.333.772.333.146 0 .291-.03.428-.092.423-.179.682-.58.682-1.048V2h-9.835c-.456 0-.846.27-1.02.7-.174.43-.08.903.24 1.232l2.483 2.55L9.883 10.1a.377.377 0 000 .53c.14.15.371.15.517 0l4.035-4.148-3-3.081a.376.376 0 01-.08-.41.366.366 0 01.338-.233h9.1v9.346a.374.374 0 01-.225.348.352.352 0 01-.4-.082l-3-3.082-2.45 2.516a.382.382 0 000 .532c.14.15.371.15.517 0l1.928-1.98 2.483 2.55zm-6.203 1.545a.745.745 0 01-.734-.753c0-.416.33-.754.734-.754.404 0 .734.338.734.754 0 .415-.33.753-.734.753zM9.45 21.623a.372.372 0 00-.367-.377H4.314a1.92 1.92 0 00.376-1.144l-.004-2.628h2.558a.373.373 0 00.372-.376.372.372 0 00-.367-.377H4.685l-.004-2.642c0-1.058.809-1.888 1.839-1.888.466 0 .889.164 1.227.468.151.14.386.126.518-.029a.382.382 0 00-.028-.531 2.494 2.494 0 00-1.712-.662c-1.42 0-2.573 1.184-2.573 2.642l.004 2.642h-.752a.372.372 0 00-.367.377c0 .207.165.376.367.376h.753l.004 2.628c0 .633-.498 1.145-1.114 1.145a.372.372 0 00-.367.376c0 .208.165.377.367.377h6.246a.37.37 0 00.357-.377zm-5.493-4.149h.73l-.002-.753h-.729l.001.753z",
-            fill: r
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-send-pound-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        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 u = function u(_param) {
-    var e = _param.color, tmp = _param.size, n = tmp === void 0 ? 24 : tmp, o = _param.children, l = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : a ? r.inverse : r.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: n,
-        height: n,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.518 12.193V2h-9.889c-.578 0-1.098.352-1.317.907-.218.554-.1 1.178.31 1.601l2.156 2.222L9.98 9.619a.75.75 0 000 1.038.697.697 0 001.007 0l3.805-3.927-3.163-3.26h8.467v8.723l-3.163-3.26-3.955 4.077a.75.75 0 000 1.038.69.69 0 001.003 0l2.948-3.04 2.16 2.223c.405.422 1.016.55 1.55.319.532-.23.879-.76.879-1.357zM4.753 20.9h4.302a.54.54 0 01.533.55.54.54 0 01-.533.55H3.003a.54.54 0 01-.533-.55.54.54 0 01.533-.55c.497 0 .902-.418.902-.93l-.004-2.372h-.542a.54.54 0 01-.534-.55.54.54 0 01.534-.55H3.9l-.005-2.385c0-1.517 1.199-2.753 2.67-2.753.67 0 1.286.24 1.778.69.219.203.237.55.04.776a.518.518 0 01-.751.047 1.551 1.551 0 00-1.07-.414c-.903 0-1.605.728-1.605 1.654l.005 2.386h2.31a.54.54 0 01.533.55.54.54 0 01-.533.549H4.967l.005 2.372c0 .333-.078.653-.219.93z",
             fill: s

package/dist/generated/mistica-icons/icon-send-regular.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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, c = _param.children, l = _objectWithoutProperties(_param, [
+var h = function h(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _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 n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.513 2.831c.005-.038.005-.076.005-.109v-.024a.722.722 0 00-.023-.137v-.01a.058.058 0 01-.009-.028.514.514 0 00-.054-.137l-.04-.071a.717.717 0 00-.086-.104l-.019-.017a1.046 1.046 0 00-.104-.083.704.704 0 00-.212-.09c-.004-.003-.01-.004-.015-.005a.558.558 0 00-.235-.007.12.12 0 01-.02.002.326.326 0 01-.035.005c-.01.001-.022.002-.033.005L2.99 7.03a.737.737 0 00-.519.654.75.75 0 00.406.734l7.898 3.815-.696.73a.767.767 0 000 1.047c.276.29.723.29.998 0l.696-.73 3.634 8.289a.703.703 0 00.642.431c.018 0 .04 0 .058-.005a.708.708 0 00.623-.545l4.764-18.51.005-.028c0-.01.002-.02.004-.029l.002-.01a.142.142 0 00.007-.042zm-3.066 1.35l-6.606 6.934-6.601-3.19 13.207-3.743zm-5.608 7.981l6.606-6.933-3.567 13.861-3.039-6.928z",
             fill: s

package/dist/generated/mistica-icons/icon-settings-cloud-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, c = _param.children, s = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : h ? e.inverse : e.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : s ? _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"
-    }, s), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.841 13.854c0-4.216-3.28-4.922-4.697-5.028-1.177-3.608-5.26-3.793-6.084-3.793-1.059 0-6.292.286-6.404 5.877-1.05.384-2.501 1.364-2.501 3.885 0 3.084 2.185 4.182 4.23 4.182l10.285-.056c.866 0 5.171-.246 5.171-5.067zm-5.624-1.064a.695.695 0 01-.698.692h-.484a3.044 3.044 0 01-.143.459l.395.395a.696.696 0 01-.003.986l-.437.434a.712.712 0 01-.997 0l-.395-.395c-.149.062-.3.11-.462.146v.482a.696.696 0 01-.698.691h-.597a.695.695 0 01-.697-.691v-.482a3.182 3.182 0 01-.462-.143l-.395.392a.697.697 0 01-.496.204h-.003a.708.708 0 01-.498-.204l-.437-.434-.006-.006a.692.692 0 01.006-.983l.392-.39a2.934 2.934 0 01-.14-.461h-.485a.697.697 0 01-.7-.692v-.597a.7.7 0 01.7-.695h.485c.033-.157.081-.31.14-.462l-.392-.39-.006-.005a.692.692 0 01.006-.983l.442-.431a.703.703 0 01.499-.205h.003a.7.7 0 01.495.205l.395.392c.152-.06.306-.107.463-.143v-.482c0-.384.313-.692.697-.692h.597a.695.695 0 01.697.692v.482c.157.036.311.084.462.143l.395-.392a.712.712 0 01.997 0l.438.434.005.005a.695.695 0 01-.008.984l-.395.392c.059.148.106.3.143.456h.484a.7.7 0 01.698.695v.597zm-4.219-2.126c1.151 0 1.84.683 1.84 1.826 0 1.146-.686 1.826-1.84 1.826s-1.84-.683-1.84-1.826.689-1.826 1.84-1.826z",
             fill: i

package/dist/generated/mistica-icons/icon-settings-cloud-light.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,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, r = _param.children, t = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, i = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : h ? c.inverse : c.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : h ? _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), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.837 13.852c0-4.216-3.28-4.922-4.697-5.028-1.176-3.605-5.26-3.793-6.084-3.793-1.059 0-6.291.286-6.403 5.877-1.05.381-2.502 1.364-2.502 3.885 0 3.084 2.185 4.182 4.23 4.182l10.286-.056c.862 0 5.17-.244 5.17-5.067zm-.823-.003c0 3.947-3.328 4.252-4.35 4.252l-10.291.056c-1.023 0-3.404-.327-3.404-3.367 0-1.705.742-2.781 2.207-3.196.18-.047.3-.21.3-.392l-.005-.112c0-4.865 4.271-5.244 5.582-5.244.74 0 4.485.168 5.376 3.474a.413.413 0 00.386.302c1.263.034 4.199.518 4.199 4.227zm-9.02-.246c-.764 0-1.12-.356-1.12-1.112 0-.762.356-1.115 1.12-1.115.765 0 1.12.356 1.12 1.115s-.355 1.112-1.12 1.112zm1.942-1.115c0-1.207-.726-1.93-1.942-1.93-1.215 0-1.94.723-1.94 1.93 0 1.207.725 1.93 1.94 1.93 1.216 0 1.942-.723 1.942-1.93zm.843.277a.42.42 0 00-.412.345c-.045.269-.118.51-.221.714a.405.405 0 00.078.47l.546.522-.414.434-.546-.54a.42.42 0 00-.474-.08c-.221.107-.45.18-.723.222a.41.41 0 00-.347.403v.72l-.557.02v-.731a.41.41 0 00-.348-.404 2.493 2.493 0 01-.72-.22.414.414 0 00-.473.078l-.521.54-.437-.412.543-.54a.411.411 0 00.068-.49c-.082-.143-.166-.426-.21-.7a.41.41 0 00-.407-.345l-.714.02-.02-.575h.737a.407.407 0 00.406-.342c.045-.277.132-.557.21-.7a.403.403 0 00-.067-.49l-.543-.518.414-.434.547.54a.41.41 0 00.473.079c.207-.101.448-.177.72-.219a.407.407 0 00.347-.403l-.02-.712.578-.022v.73a.41.41 0 00.347.404c.272.042.501.112.723.222.16.075.35.044.473-.079l.524-.54.437.411-.546.54a.405.405 0 00-.079.472c.104.204.177.445.222.714a.41.41 0 00.406.344l.714-.022.022.574h-.736zm1.538-.574a.798.798 0 00-.802-.796v-.005h-.403a4.126 4.126 0 00-.106-.33l.347-.345a.797.797 0 000-1.132l-.437-.434a.808.808 0 00-1.14 0l-.347.344a3.09 3.09 0 00-.334-.106v-.4a.798.798 0 00-.8-.796h-.598a.8.8 0 00-.8.795v.401a3.088 3.088 0 00-.334.104l-.347-.345a.799.799 0 00-.569-.235h-.003a.805.805 0 00-.571.235l-.437.434a.797.797 0 000 1.132l.344.342a3.185 3.185 0 00-.1.336h-.404a.8.8 0 00-.801.795v.594a.8.8 0 00.801.796h.404a3 3 0 00.1.336l-.341.341a.797.797 0 00-.003 1.135l.437.434a.799.799 0 00.571.236h.003a.8.8 0 00.569-.236l.347-.344c.106.039.218.072.333.103v.4c0 .44.359.796.801.796h.597a.798.798 0 00.801-.795v-.398a3.09 3.09 0 00.334-.106l.347.344a.808.808 0 001.14 0l.437-.434a.797.797 0 000-1.132l-.347-.344c.042-.104.075-.216.106-.33h.403a.798.798 0 00.802-.796v-.594z",
-            fill: s
+            fill: r
         })
     }));
 };

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

package/dist/generated/mistica-icons/icon-settings-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,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.skinName, c = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : n ? c.inverse : c.neutralHigh;
-    return i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : i ? _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: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -105,7 +106,7 @@ var f = function f(_param) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.3 10.143h1.312c.212 0 .372.168.388.364v2.962a.369.369 0 01-.372.373h-1.313a8.357 8.357 0 01-1.124 2.718l.932.94a.372.372 0 010 .525l-2.097 2.098a.372.372 0 01-.524 0l-.932-.933a8.387 8.387 0 01-2.717 1.125v1.313a.369.369 0 01-.372.372h-2.962a.369.369 0 01-.372-.372v-1.313A8.351 8.351 0 017.43 19.19l-.932.932a.372.372 0 01-.524 0l-2.097-2.097a.373.373 0 01-.104-.26c0-.1.032-.189.104-.26l.932-.933a8.394 8.394 0 01-1.124-2.718H2.372A.369.369 0 012 13.48v-2.96a.37.37 0 01.372-.373h1.313a8.357 8.357 0 011.124-2.718l-.932-.932a.373.373 0 01-.104-.26c0-.1.032-.189.104-.26l2.1-2.099a.373.373 0 01.26-.104c.1 0 .189.032.26.104l.921.933a8.386 8.386 0 012.717-1.125V2.372c0-.212.168-.372.372-.372h2.962c.212 0 .372.168.372.372v1.305a8.35 8.35 0 012.717 1.125l.932-.932a.373.373 0 01.26-.105c.1 0 .188.032.26.104l2.097 2.098a.372.372 0 010 .525l-.932.932a8.404 8.404 0 011.124 2.718zM6.441 11.995a5.551 5.551 0 1011.1 0 5.551 5.551 0 10-11.1 0z",
-            fill: h
+            fill: c
         })
     })) : /* @__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: "M18.998 10.264h1.852c.543 0 .98.44.983.984v1.504c0 .54-.44.98-.98.98h-1.855a7.356 7.356 0 01-.653 2.11l1.367 1.366a.997.997 0 010 1.406l-1.098 1.098a.998.998 0 01-1.406 0l-1.37-1.37a7.306 7.306 0 01-2.109.653v1.855c0 .54-.44.98-.98.98h-1.504a.98.98 0 01-.98-.98v-1.855a7.356 7.356 0 01-2.11-.652l-1.37 1.37a.998.998 0 01-1.406 0l-1.098-1.099a.997.997 0 010-1.406l1.367-1.367c-.317-.56-.543-1.462-.65-2.112H3.144c-.54 0-.98-.44-.98-.98v-1.504c0-.54.44-.98.98-.98h1.854c.107-.648.333-1.553.65-2.113L4.28 6.785a.997.997 0 010-1.406l1.098-1.098a.997.997 0 011.406 0l1.37 1.37a7.354 7.354 0 012.11-.653V3.144c0-.54.439-.98.98-.98h1.504c.54 0 .98.44.98.98v1.854a7.307 7.307 0 012.11.653l1.37-1.37a.998.998 0 011.405 0l1.101 1.098a.998.998 0 010 1.406l-1.37 1.37c.309.62.527 1.328.653 2.11zm-4.269 1.734c0-1.863-.868-2.73-2.73-2.73-1.864 0-2.732.867-2.732 2.73s.868 2.731 2.731 2.731 2.731-.868 2.731-2.73z",
-            fill: h
+            fill: c
         })
     }));
 };

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

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

package/dist/generated/mistica-icons/icon-settings-regular.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,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
+var g = function g(_param) {
     var h = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.skinName, t = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), l = h != null ? h : s ? t.inverse : t.neutralHigh;
-    return i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), l = h != null ? h : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), r = ref.skinName;
+    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-settings-web-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return o;
     }
 });
-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, c = tmp === void 0 ? 24 : tmp, r = _param.children, t = _objectWithoutProperties(_param, [
+var o = function o(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, i = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : h ? e.inverse : e.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__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: "M21.841 5.993c0-.759-.641-1.378-1.428-1.378H3.583c-.79 0-1.428.62-1.428 1.378v12.012c0 .759.639 1.375 1.429 1.375h16.829c.787 0 1.428-.62 1.428-1.378V5.993zm-16.495.83c0 .296-.25.537-.56.537a.548.548 0 01-.558-.537V6.82a.55.55 0 01.56-.535h.003a.545.545 0 01.555.538zm15.29 11.179c0 .12-.1.216-.223.216H3.583a.221.221 0 01-.223-.216V8.338h17.277v9.664zm-5.06-5.588c.386 0 .697.3.697.672v.585c0 .37-.311.673-.698.673h-.501a2.98 2.98 0 01-.152.465l.407.392c.266.252.274.67.025.935l-.025.026-.446.428a.725.725 0 01-.994 0l-.406-.395c-.157.062-.32.11-.485.148v.482c0 .37-.314.673-.697.673h-.608a.685.685 0 01-.698-.673v-.482a3.226 3.226 0 01-.484-.148l-.406.395a.742.742 0 01-.995 0l-.445-.431a.666.666 0 01-.02-.939l.02-.02.403-.386a3.056 3.056 0 01-.148-.47h-.502a.685.685 0 01-.697-.673v-.585c0-.37.31-.672.697-.672h.502c.033-.138.081-.309.148-.471l-.403-.39a.654.654 0 01-.205-.478c0-.185.073-.356.208-.482l.442-.429a.742.742 0 01.995 0l.406.392a3.6 3.6 0 01.484-.145v-.482c0-.37.314-.672.698-.672h.608c.386 0 .697.302.697.672v.482c.171.039.328.084.485.148l.406-.395a.719.719 0 01.994 0l.446.429a.663.663 0 010 .958l-.41.392c.062.146.113.303.152.468.003.003.504.003.504.003zm-3.578 2.56c1.053 0 1.658-.583 1.658-1.597s-.605-1.594-1.658-1.594-1.658.58-1.658 1.594c0 1.014.605 1.597 1.658 1.597zm-5.532-8.69a.548.548 0 01.557.539.548.548 0 01-.56.537.548.548 0 01-.557-.537.548.548 0 01.557-.538h.003zm2.235.539a.548.548 0 01-.56.537.548.548 0 01-.557-.537V6.82a.55.55 0 01.56-.535.548.548 0 01.557.538z",
             fill: s

package/dist/generated/mistica-icons/icon-settings-web-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        return o;
     }
 });
-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 z = function z(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, r = _param.children, h = _objectWithoutProperties(_param, [
+var o = function o(_param) {
+    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, i = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), v = a != null ? a : t ? c.inverse : c.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), r = 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"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.583 4.616c.692 0 1.255.546 1.255 1.216v12.333c0 .67-.564 1.216-1.255 1.216H3.406c-.692 0-1.255-.546-1.255-1.216V5.832c0-.67.563-1.216 1.255-1.216h17.177zM2.972 5.832V7.84h18.045V5.832a.426.426 0 00-.434-.42H3.406a.43.43 0 00-.434.42zm18.045 12.33V8.633H2.972v9.53c0 .232.193.42.434.42h17.177a.428.428 0 00.434-.42zM5.77 6.686c0 .303.255.552.572.552.316 0 .571-.25.571-.552a.561.561 0 00-.571-.554.563.563 0 00-.572.554zm2.286.552a.56.56 0 01-.569-.552c0-.305.255-.554.569-.554a.56.56 0 01.571.554.565.565 0 01-.571.552zm-3.997-.552c0 .303.255.552.571.552a.56.56 0 00.569-.552.559.559 0 00-.569-.554.563.563 0 00-.571.554zm7.888 8c-.765 0-1.118-.344-1.118-1.084 0-.74.356-1.084 1.118-1.084.762 0 1.117.345 1.117 1.084 0 .74-.355 1.084-1.117 1.084zm1.938-1.084c0-1.176-.723-1.88-1.938-1.88-1.216 0-1.939.704-1.939 1.88 0 1.177.723 1.88 1.939 1.88 1.213 0 1.938-.703 1.938-1.88zm.84.27a.413.413 0 00-.409.33c-.044.26-.117.495-.22.697a.392.392 0 00.078.46l.543.504-.415.423-.543-.527a.428.428 0 00-.47-.076 2.59 2.59 0 01-.723.216.4.4 0 00-.345.392v.692l-.554.02v-.712a.4.4 0 00-.345-.392 2.522 2.522 0 01-.72-.216.422.422 0 00-.473.076l-.521.527-.437-.4.543-.527a.383.383 0 00.067-.477c-.08-.137-.165-.411-.21-.68a.41.41 0 00-.406-.334l-.714.02-.02-.557h.734c.202 0 .376-.14.406-.334.045-.269.13-.54.21-.68a.384.384 0 00-.067-.477l-.543-.504.414-.423.544.527c.126.12.314.154.473.075.21-.1.451-.173.72-.215a.4.4 0 00.345-.393l-.02-.691.577-.02v.712a.4.4 0 00.345.392c.271.042.501.112.722.215a.418.418 0 00.47-.075l.522-.527.437.4-.543.527a.389.389 0 00-.079.46c.104.201.176.437.221.697a.41.41 0 00.406.336l.715-.02.022.558h-.736zm1.538-.558a.789.789 0 00-.8-.776v.011h-.401a3.667 3.667 0 00-.107-.325l.348-.336a.77.77 0 00.235-.552.758.758 0 00-.236-.552l-.436-.423a.824.824 0 00-1.14 0l-.348.336a2.563 2.563 0 00-.333-.103v-.39a.789.789 0 00-.801-.775h-.597a.789.789 0 00-.801.775v.39a3.075 3.075 0 00-.333.1l-.348-.336a.805.805 0 00-.568-.23h-.003a.805.805 0 00-.569.23l-.437.423a.77.77 0 00-.235.552.77.77 0 00.235.552l.345.334a2.833 2.833 0 00-.101.324h-.4a.789.789 0 00-.802.776v.58a.79.79 0 00.801.776h.4c.026.1.06.216.102.325l-.345.333a.77.77 0 00-.235.552.77.77 0 00.235.552l.437.423c.151.148.353.23.569.23h.003a.805.805 0 00.568-.23l.348-.336c.106.039.218.073.333.1v.39a.79.79 0 00.801.776h.594a.789.789 0 00.801-.776v-.39c.115-.03.227-.064.333-.103l.348.336a.824.824 0 001.14 0l.437-.423a.77.77 0 00.235-.552.759.759 0 00-.235-.551l-.348-.337a3.15 3.15 0 00.107-.325h.403a.789.789 0 00.801-.776v-.58z",
-            fill: v
+            fill: r
         })
     }));
 };

package/dist/generated/mistica-icons/icon-settings-web-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        return o;
     }
 });
-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 z = function z(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, e = _objectWithoutProperties(_param, [
+var o = function o(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, s = _param.children, v = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, v = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : v ? h.inverse : h.neutralHigh;
+    var e = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : e ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, v), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.841 6.019c0-.774-.652-1.404-1.456-1.404H3.615c-.807 0-1.46.63-1.46 1.404v11.958c0 .773.655 1.403 1.46 1.403h16.77c.804 0 1.456-.63 1.456-1.403V6.019zM3.614 5.797V5.8h16.773c.127 0 .227.098.227.219v1.728H3.388V6.016c0-.12.1-.219.226-.219zm.99 1.477a.558.558 0 01-.57-.55c0-.305.255-.549.57-.549a.56.56 0 01.568.55.56.56 0 01-.569.549zm1.14-.55c0 .303.251.55.568.55a.558.558 0 00.569-.55.558.558 0 00-.57-.549.558.558 0 00-.568.55zm1.708 0c0 .303.252.55.569.55a.556.556 0 00.568-.55.558.558 0 00-.568-.549.558.558 0 00-.57.55zm5.305 6.858c0-.583-.257-.832-.862-.832s-.863.249-.863.832c0 .58.26.829.863.829.605 0 .862-.25.862-.83zm-.862-1.78c1.14 0 1.846.682 1.846 1.78 0 1.095-.706 1.775-1.846 1.775-1.14 0-1.846-.68-1.846-1.775 0-1.098.708-1.78 1.846-1.78zm3.409 1.59h-.634a.484.484 0 01-.484-.399 2.264 2.264 0 00-.213-.67.465.465 0 01.092-.545l.474-.457-.297-.286-.476.457a.509.509 0 01-.563.09 2.537 2.537 0 00-.698-.208.48.48 0 01-.414-.467v-.608h-.393v.608a.478.478 0 01-.411.467 2.59 2.59 0 00-.698.205.502.502 0 01-.566-.09l-.476-.456-.297.285.474.457a.46.46 0 01.08.569c-.075.126-.156.392-.198.65a.487.487 0 01-.487.397h-.633v.376h.633a.49.49 0 01.487.397c.042.255.123.521.199.647a.46.46 0 01-.081.569l-.474.456.297.286.476-.456a.514.514 0 01.566-.09c.202.095.434.165.695.204a.48.48 0 01.414.468v.608h.393v-.608a.48.48 0 01.414-.468c.263-.041.485-.106.698-.207a.513.513 0 01.563.09l.476.456.297-.285-.474-.457a.461.461 0 01-.092-.546c.1-.196.17-.42.213-.67a.486.486 0 01.484-.397h.633v-.373zm.1-.948c.488 0 .88.381.88.846v.575c0 .467-.395.845-.88.845h-.339a2.403 2.403 0 01-.072.222l.31.297a.829.829 0 01.003 1.207l-.437.42a.9.9 0 01-.627.25h-.003a.905.905 0 01-.627-.25l-.309-.297c-.075.025-.15.05-.23.07v.325c0 .468-.394.846-.879.846h-.596c-.485 0-.88-.38-.88-.846v-.325c-.078-.02-.154-.045-.23-.07l-.31.3a.911.911 0 01-1.253 0l-.437-.42a.827.827 0 010-1.205l.306-.297a2.566 2.566 0 01-.07-.224h-.34c-.484 0-.879-.38-.879-.846v-.574c0-.468.395-.846.88-.846h.339a3.8 3.8 0 01.07-.224l-.306-.297a.827.827 0 010-1.204l.437-.42a.909.909 0 011.252 0l.311.296c.076-.025.152-.047.23-.07v-.327c0-.468.395-.846.88-.846h.596c.488 0 .88.38.88.846v.327c.078.02.157.045.23.07l.31-.3a.893.893 0 01.625-.249h.003c.238 0 .46.09.627.25l.434.42a.831.831 0 01.003 1.204l-.313.3c.028.073.05.146.072.221h.34zm5.208 5.533c0 .12-.101.218-.227.218H3.612a.224.224 0 01-.227-.218V8.935h17.227v9.042z",
-            fill: t
+            fill: r
         })
     }));
 };

package/dist/generated/mistica-icons/icon-share-devices-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        return o;
     }
 });
-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 e = _param.color, tmp = _param.size, v = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
+var o = function o(_param) {
+    var v = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : i ? h.inverse : h.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = v != null ? v : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: v,
-        height: v,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M14.825 2h4.586c1.182 0 2.112.942 2.112 2.144v.178h-8.815v-.178c0-1.203.93-2.144 2.117-2.144zm-2.821 2.5h-7.76c-.97 0-1.764.8-1.764 1.787v.535h9.524V4.5zm-1.941 8.56L7.95 14.3v-2.473l2.112 1.234zm6.527 6.618H2.48v.535C2.48 21.2 3.274 22 4.245 22h10.58c.975 0 1.765-.804 1.765-1.787v-.535zm0-3.034h-1.765c-1.58 0-2.821-1.257-2.821-2.857V7.896h-9.52v10.713H16.59v-1.965zm-5.227-3.666a.836.836 0 01-.266.7l-.086.063-2.907 1.71a.81.81 0 01-1.219-.713v-3.341c0-.293.158-.567.407-.713a.807.807 0 01.812 0l2.857 1.668a.825.825 0 01.402.626zm4.694-5.366v2.473l2.112-1.239-2.112-1.234zm-1.232 8.319c-1.187 0-2.117-.942-2.117-2.144v-.178h8.82v.178c0 1.202-.93 2.143-2.117 2.143h-4.586zM12.708 5.395h8.815v7.139h-8.815v-7.14zm2.7 5.832a.81.81 0 00.812 0l2.906-1.71.086-.064a.825.825 0 00.266-.699.825.825 0 00-.401-.626L16.219 6.46a.807.807 0 00-.812 0 .833.833 0 00-.406.713v3.34c0 .293.153.567.406.714z",
             fill: s

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        return o;
     }
 });
-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 z = function z(_param) {
-    var e = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
+var o = function o(_param) {
+    var v = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, s = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), v = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : r ? v.inverse : v.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), t = v != null ? v : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M14.825 2h4.586c1.182 0 2.112.942 2.117 2.144v9.638c0 1.203-.93 2.144-2.117 2.144h-4.586c-1.187 0-2.117-.941-2.117-2.144V7.713h-9.52v11.074h8.816c.194 0 .352.16.352.357a.355.355 0 01-.352.356H3.189v.713c0 .59.474 1.07 1.056 1.07h10.584c.583 0 1.056-.48 1.056-1.07v-2.857c0-.196.159-.356.353-.356.194 0 .352.16.352.357v2.856A1.78 1.78 0 0114.825 22H4.245c-.975 0-1.765-.804-1.765-1.787V6.287c0-.987.794-1.787 1.765-1.787h8.463v-.356c0-1.203.93-2.144 2.117-2.144zm5.994 3.218h-7.407v7.5h7.407v-7.5zm-5.994-2.5c-.79 0-1.413.626-1.413 1.426V4.5h7.407v-.356c0-.8-.618-1.426-1.408-1.426h-4.586zM3.189 6.287v.718h9.519V5.218H4.245c-.582 0-1.056.48-1.056 1.069zm16.222 8.926c.79 0 1.408-.626 1.412-1.426v-.357h-7.406v.357c0 .8.618 1.426 1.408 1.426h4.586zm-4.586 3.926a.71.71 0 00-.704-.713.707.707 0 00-.704.713.71.71 0 00.704.713.71.71 0 00.704-.713zm4.161-10.85L16.13 6.62a.634.634 0 00-.952.557v3.341a.64.64 0 00.632.645.61.61 0 00.316-.087l2.907-1.705.058-.041a.651.651 0 00.208-.544.646.646 0 00-.312-.498zm-3.105-.987l2.64 1.544-2.64 1.545v-3.09zm-7.159 3.537a.633.633 0 00-.952.558v3.34a.64.64 0 00.632.645.61.61 0 00.316-.087l2.907-1.704.054-.042a.646.646 0 00-.109-1.032l-2.848-1.678zm-.243.681l2.64 1.545-2.64 1.545v-3.09z",
-            fill: a
+            fill: t
         })
     }));
 };