@telefonica/mistica 12.9.1 → 12.11.0

package/dist/generated/mistica-icons/icon-intranet-regular.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,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var h = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, l = _param.children, e = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var h = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, m = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = h != null ? h : r ? m.inverse : m.neutralHigh;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), m = h != null ? h : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), i = ref.skinName;
+    return i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -105,7 +106,7 @@ var d = function d(_param) {
     }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M2 12C2 6.464 6.464 2 12 2s10 4.464 10 10-4.464 10-10 10S2 17.536 2 12zm5.392-5.536c.288-.856.68-1.64 1.144-2.284-2.824 1.248-4.856 3.928-5.108 7.104H6.5c0-.356.036-.716.072-1.072-.68-.32-1.144-1-1.144-1.784 0-1.068.892-1.964 1.964-1.964zm.856 1.964a.89.89 0 00-.896-.896.89.89 0 00-.896.896c0 .5.396.896.896.896a.89.89 0 00.896-.896zm-1.784 4.288h-3c.248 3.176 2.248 5.852 5.072 7.108-1.176-1.68-1.964-4.18-2.072-7.108zm4.82 7.712v-7.716H7.892c.14 3.824 1.608 7.036 3.392 7.716zm-3.392-9.144h3.392V3.572c-1.072.392-2 1.676-2.608 3.428.392.356.644.856.644 1.428 0 .856-.572 1.604-1.356 1.856-.036.32-.072.644-.072 1zm12.676 0c-.248-3.176-2.284-5.856-5.104-7.104 1.176 1.68 1.964 4.18 2.072 7.104h3.032zm-4.46.004c-.14-3.824-1.608-7.036-3.392-7.716v7.716h3.392zm-3.392 9.14c1.784-.68 3.248-3.892 3.392-7.712h-3.392v7.712zm4.82-7.716c-.108 2.896-.892 5.428-2.072 7.108 2.82-1.252 4.856-3.928 5.108-7.108h-3.036z",
-            fill: t
+            fill: m
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
@@ -115,7 +116,7 @@ var d = function d(_param) {
     }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.514 14.376a2.303 2.303 0 01-2.221-1.661H12.86v1.042h2.857c.337 0 .608.266.617.593l.042 4.437h.921a2.303 2.303 0 012.222-1.66c1.282 0 2.319 1.019 2.319 2.263 0 1.243-1.037 2.255-2.32 2.255a2.296 2.296 0 01-2.22-1.653h-1.533a.608.608 0 01-.616-.594l-.048-4.437h-2.238v6.28c0 .33-.269.602-.616.602-4.034 0-6.896-1.274-8.518-3.73-.005-.008-.011-.011-.02-.016a.087.087 0 01-.022-.016c-.017-.014-.026-.037-.035-.06l-.016-.035c-.963-1.524-1.465-3.49-1.481-5.89v-.098c0-6.435 3.49-9.838 10.09-9.838.344 0 .615.266.615.602v6.443h2.24l.047-4.432a.61.61 0 01.616-.602h1.53a2.306 2.306 0 012.221-1.652c1.283 0 2.32 1.01 2.32 2.254 0 1.253-1.037 2.264-2.32 2.264a2.303 2.303 0 01-2.221-1.661h-.922l-.042 4.44a.614.614 0 01-.616.593h-2.857v1.101h4.437a2.303 2.303 0 012.221-1.661c1.283 0 2.32 1.02 2.32 2.263 0 1.244-1.037 2.264-2.32 2.264zM11.624 3.45c-1.36.362-2.519 1.888-3.21 4.048a20.8 20.8 0 003.21.44V3.45zM7.227 7.177c.463-1.423 1.112-2.61 1.91-3.476-1.786.425-3.153 1.252-4.106 2.487.675.426 1.432.74 2.196.989zm-2.848.039c-.591 1.162-.922 2.583-.978 4.26H6.52c.033-1.106.173-2.156.386-3.137-.863-.271-1.736-.633-2.526-1.123zm2.15 5.465H3.41c.065 1.622.404 3.003.99 4.126.772-.482 1.646-.846 2.517-1.118a16.618 16.618 0 01-.386-3.008zm5.093 3.403a20.98 20.98 0 00-3.21.451c.692 2.143 1.86 3.659 3.21 4.012v-4.463zm8.98 3.306c0-.586-.487-1.06-1.086-1.06a1.07 1.07 0 00-1.079 1.06c0 .577.485 1.05 1.079 1.05.602 0 1.087-.473 1.087-1.05zM5.05 17.832c.952 1.221 2.311 2.048 4.081 2.47-.79-.865-1.44-2.047-1.902-3.45-.764.25-1.52.563-2.179.98zM8.091 8.66a16.202 16.202 0 00-.336 2.817h3.865V9.14a19.695 19.695 0 01-3.529-.481zm3.532 4.022H7.766c.031.947.146 1.854.336 2.689a22.32 22.32 0 013.521-.49V12.68zm8.98-7.908c0-.577-.487-1.05-1.086-1.05-.594 0-1.079.476-1.079 1.05a1.07 1.07 0 001.079 1.06c.602 0 1.087-.474 1.087-1.06zm-1.086 6.28a1.07 1.07 0 00-1.079 1.06 1.07 1.07 0 001.079 1.058c.602 0 1.087-.473 1.087-1.059 0-.585-.488-1.059-1.087-1.059z",
-            fill: t
+            fill: m
         })
     }));
 };

package/dist/generated/mistica-icons/icon-invoice-digital-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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, i = tmp === void 0 ? 24 : tmp, o = _param.children, c = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : s ? t.inverse : t.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), h = a != null ? a : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: i,
-        height: i,
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.194 7.771v.675c0 .723.387 1.171 1.006 1.171h.84v4.415H9.96v-6.26h2.233zm-1.515 5.311h2.647a.283.283 0 00.283-.28.28.28 0 00-.28-.28h-2.65a.28.28 0 00-.28.28c0 .154.126.28.28.28zm2.647-1.134a.283.283 0 00.283-.28.281.281 0 00-.28-.28h-2.65a.28.28 0 00-.28.28c0 .154.126.28.28.28h2.647zm0-1.135a.28.28 0 00.28-.28.279.279 0 00-.277-.28h-2.65a.28.28 0 00-.28.28c0 .154.126.28.28.28h2.647z",

package/dist/generated/mistica-icons/icon-invoice-digital-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,31 +90,31 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var h = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, m = _param.children, i = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var h = _param.color, tmp = _param.size, i = tmp === void 0 ? 24 : tmp, n = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), c = h != null ? h : s ? a.inverse : a.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), a = h != null ? h : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: i,
+        height: i,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M13.322 10.8h-2.647a.281.281 0 01-.28-.28.28.28 0 01.28-.28h2.65a.28.28 0 01.28.28c0 .153-.129.28-.283.28zm0 1.134h-2.647a.281.281 0 01-.28-.28.28.28 0 01.28-.28h2.65a.28.28 0 01.28.28c0 .154-.129.28-.283.28zm-2.647 1.134h2.647a.283.283 0 00.283-.28.28.28 0 00-.28-.28h-2.65a.281.281 0 00-.28.28c0 .154.126.28.28.28z",
-                fill: c
+                fill: a
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M9.765 14.58h4.473c.3 0 .499-.2.499-.498V9.403a.279.279 0 00-.082-.217l-1.89-1.894a.29.29 0 00-.2-.08h-2.8c-.308 0-.507.198-.507.503v6.356c0 .308.199.51.507.51zm4.412-.56h-4.36V7.772h2.469v.723c0 .723.383 1.17 1.003 1.17h.888v4.357zm-1.331-5.526v-.325l.933.936h-.49c-.295 0-.443-.208-.443-.611z",
-                fill: c
+                fill: a
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M5.17 16.64h13.656c1.014 0 1.785-.294 2.292-.877.479-.546.72-1.353.72-2.398V8.427c0-1.045-.244-1.852-.72-2.398-.507-.58-1.278-.874-2.292-.874H5.171c-1.014 0-1.784.294-2.291.874-.48.546-.72 1.353-.72 2.398v4.938c0 1.045.24 1.852.72 2.4.507.58 1.277.875 2.29.875zM2.72 8.43c0-1.852.779-2.715 2.45-2.715h13.656c1.673 0 2.451.86 2.451 2.712v4.94c0 1.852-.778 2.715-2.45 2.715H5.17c-1.672 0-2.451-.863-2.451-2.714V8.43zm18.829 10.428H2.431a.28.28 0 01-.28-.28.28.28 0 01.28-.28H21.55a.28.28 0 01.28.28.28.28 0 01-.28.28z",
-                fill: c
+                fill: a
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-invoice-digital-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,31 +90,31 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, v = _param.children, i = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), e = c != null ? c : r ? t.inverse : t.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), a = c != null ? c : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M13.326 10.81h-2.647a.281.281 0 01-.28-.28.28.28 0 01.28-.28h2.65a.28.28 0 01.28.28c0 .155-.13.28-.283.28zm0 1.138h-2.647a.28.28 0 01-.28-.28.28.28 0 01.28-.28h2.65a.28.28 0 01.28.28c0 .154-.13.28-.283.28zm-2.647 1.134h2.647a.283.283 0 00.283-.28.28.28 0 00-.28-.28h-2.65a.28.28 0 00-.28.28c0 .154.126.28.28.28z",
-                fill: e
+                fill: a
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M9.768 14.872h4.474a.612.612 0 00.638-.639V9.245a.42.42 0 00-.123-.297l-1.89-1.894a.42.42 0 00-.297-.123H9.768c-.386 0-.647.258-.647.644v6.647c0 .39.26.65.647.65zm4.272-.84H9.962v-6.26h2.235v.674c0 .723.384 1.171 1.003 1.171h.84v4.415zm-1.283-5.586v-.31l.922.921h-.48c-.293 0-.442-.207-.442-.61z",
-                fill: e
+                fill: a
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M5.446 16.931h13.11c1.098 0 1.94-.328 2.504-.972.52-.6.787-1.468.787-2.583V8.438c0-1.115-.263-1.983-.787-2.583-.563-.644-1.406-.972-2.504-.972H5.446c-1.1 0-1.94.328-2.504.972-.52.6-.787 1.468-.787 2.583v4.938c0 1.115.266 1.984.787 2.586.563.641 1.406.969 2.504.969zM3.788 6.595c.345-.395.885-.588 1.658-.588l13.11-.003c.77 0 1.313.193 1.658.588.339.39.512 1.011.512 1.846v4.938c0 .835-.173 1.457-.512 1.846-.345.395-.888.589-1.658.589H5.446c-.77 0-1.313-.194-1.658-.589-.339-.389-.513-1.01-.513-1.846V8.438c0-.835.174-1.457.513-1.843zm17.465 12.521H2.749a.562.562 0 01-.56-.56c0-.309.252-.56.56-.56h18.504c.308 0 .56.252.56.56 0 .308-.252.56-.56.56z",
-                fill: e
+                fill: a
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-invoice-euro-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,13 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, n = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, a = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : s ? t.inverse : t.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
@@ -105,7 +105,7 @@ var d = function d(_param) {
     }, n), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.695 2v20H4.31V8.254h6.117V2h9.268zM9.38 7.18H4.547L9.38 2.241V7.18zm1.232 6.24c.25-1.317 1.385-2.314 2.746-2.314.488 0 .971.133 1.396.384a.52.52 0 00.716-.196.543.543 0 00-.192-.732 3.781 3.781 0 00-1.924-.53c-1.942 0-3.549 1.481-3.804 3.392h-.564a.527.527 0 00-.523.535c0 .297.232.535.523.535h.564c.255 1.91 1.862 3.392 3.804 3.392.671 0 1.338-.183 1.924-.53a.543.543 0 00.192-.732.52.52 0 00-.716-.197 2.747 2.747 0 01-1.396.384c-1.365 0-2.501-1-2.747-2.322h2.922c.29 0 .523-.238.523-.535a.527.527 0 00-.523-.535h-2.92z",
-            fill: h
+            fill: o
         })
     }));
 };

package/dist/generated/mistica-icons/icon-invoice-euro-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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 p = function p(_param) {
-    var h = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var h = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = h != null ? h : s ? t.inverse : t.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = 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: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M5.292 21.287h13.435c.194 0 .344.16.344.356a.35.35 0 01-.344.357H4.6V7.211L9.628 2h9.447v15.36a.35.35 0 01-.344.357.351.351 0 01-.344-.357V2.718h-8.27v4.996H5.292v13.573zM9.425 3.22L5.778 7h3.647V3.22z",

package/dist/generated/mistica-icons/icon-invoice-euro-regular.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        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 u = function u(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, i = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : l ? i.inverse : i.neutralHigh;
-    return n.match(/^blau/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(/^blau/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: "M5.358 20.642V3.358h8.68V7.66h4.302v12.982H5.358zM15.396 4.317l1.985 1.985h-1.985V4.317zM14.998 2H4v20h15.698V6.7l-4.7-4.7zm-2.79 15.058a3.263 3.263 0 01-2.75-1.511h3.825V14.19H8.97a3.25 3.25 0 01-.026-.397c0-.135.01-.267.026-.397h4.314v-1.358H9.458a3.263 3.263 0 015.253-.342l1.04-.872a4.616 4.616 0 00-3.543-1.654 4.628 4.628 0 00-4.275 2.868H6.83v1.358h.775a4.64 4.64 0 00-.02.397c0 .134.009.265.02.397H6.83v1.357h1.103a4.628 4.628 0 004.275 2.868 4.608 4.608 0 003.574-1.692l-1.05-.861a3.255 3.255 0 01-2.524 1.196z",
-            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: "M4.31 7.42L9.617 2h10.078v20H4.31V7.42zM9.206 7V4.44L6.7 7h2.506zM5.71 20.57h12.588V3.43h-7.693v5H5.711v12.14zm9.656-9.804a3.95 3.95 0 00-2.009-.553c-1.978 0-3.624 1.472-3.96 3.396h-.416a.707.707 0 00-.698.713c0 .393.313.713.698.713h.416c.331 1.924 1.978 3.39 3.956 3.39.702 0 1.396-.191 2.009-.552a.719.719 0 00.255-.974.688.688 0 00-.953-.26 2.579 2.579 0 01-1.311.36c-1.204 0-2.215-.835-2.524-1.964h2.698c.385 0 .698-.32.698-.713a.707.707 0 00-.698-.713H10.83c.304-1.134 1.32-1.966 2.524-1.966.456 0 .913.124 1.31.361a.693.693 0 00.959-.26.724.724 0 00-.255-.978z",
-            fill: r
+            fill: t
         })
     }));
 };

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

package/dist/generated/mistica-icons/icon-invoice-plan-file-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,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
+var d = function d(_param) {
     var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.skinName, c = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), h = t != null ? t : r ? c.inverse : c.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = t != null ? t : n ? _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: e,
         height: e,

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

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

package/dist/generated/mistica-icons/icon-iot-sensor-co-2-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,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, a = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : n ? 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"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.174 9.342h-.357C16.566 6.902 14.495 5 12.032 5S7.498 6.902 7.247 9.342h-.393C4.176 9.305 2 11.497 2 14.152 2 16.809 4.18 19 6.822 19h10.356C19.82 19 22 16.845 22 14.153c-.005-2.656-2.185-4.811-4.826-4.811zm-4.502 2.444a1.45 1.45 0 00-1.463 1.47c0 .823.645 1.47 1.463 1.47a1.45 1.45 0 001.462-1.47c0-.822-.64-1.47-1.462-1.47zm-3.995 2.509a.515.515 0 01.75 0 .521.521 0 010 .754c-.466.468-1.106.716-1.787.716a2.552 2.552 0 01-2.537-2.55 2.552 2.552 0 012.537-2.55c.676 0 1.284.253 1.787.717a.521.521 0 010 .754.514.514 0 01-.75 0 1.437 1.437 0 00-1.037-.432 1.45 1.45 0 00-1.463 1.47c0 .822.64 1.553 1.463 1.553.393 0 .75-.143 1.037-.432zm3.995 1.512a2.552 2.552 0 01-2.537-2.55 2.552 2.552 0 012.537-2.55 2.552 2.552 0 012.536 2.55 2.552 2.552 0 01-2.536 2.55zm3.752 1.612a.53.53 0 01-.498-.358.565.565 0 01.142-.611s.822-.754 1.284-1.222c.32-.322.466-.611.393-.79a.493.493 0 00-.393-.253.436.436 0 00-.43.432.552.552 0 01-.534.537.552.552 0 01-.535-.537 1.51 1.51 0 011.499-1.507 1.45 1.45 0 011.357.896c.142.358.252 1.075-.644 1.975a2.233 2.233 0 01-.32.285h.535c.283 0 .534.253.534.538 0 .294-.214.615-.498.615h-1.892z",
-            fill: i
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-iot-sensor-co-2-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, h = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var c = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : r ? s.inverse : s.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : h ? _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"
-    }, h), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M16.752 9.036h.357c2.715 0 4.896 2.251 4.891 5.03 0 2.813-2.176 5.064-4.891 5.064h-5.107c-.215 0-.356-.148-.356-.374s.141-.374.356-.374h5.102c2.322 0 4.215-1.877 4.215-4.277 0-2.4-1.893-4.31-4.178-4.31h-.32c0 .374-.074.787-.179 1.161-.073.154-.215.264-.356.264h-.105c-.179-.038-.325-.264-.252-.451.105-.375.178-.787.178-1.2V9.42c-.105-2.323-1.892-4.162-4.105-4.162-2.107 0-3.895 1.728-4.073 3.864.535.15 1.07.375 1.536.71.178.111.21.337.105.524s-.32.22-.498.11c-.677-.446-1.426-.71-2.25-.71-2.285 0-4.104 1.949-4.104 4.31 0 2.362 1.82 4.31 4.105 4.31h.891c.215 0 .357.15.357.375a.366.366 0 01-.357.375h-.891C4.144 19.126 2 16.836 2 14.062c0-2.775 2.144-5.064 4.823-5.026h.393C7.467 6.487 9.538 4.5 12.002 4.5c2.464 0 4.535 1.987 4.75 4.536zM14.146 13.5c0 1.238-.964 2.251-2.144 2.251-1.18 0-2.144-1.013-2.144-2.251s.965-2.251 2.144-2.251c1.18 0 2.144 1.013 2.144 2.251zm-2.144-1.536c-.786 0-1.426.677-1.426 1.498 0 .82.645 1.497 1.426 1.497.782 0 1.427-.676 1.427-1.497 0-.821-.64-1.498-1.427-1.498zm3.964 1.536c.393 0 .891.264 1.106.787.146.303.215.975-.576 1.762-.142.153-.32.302-.498.451h.786c.215 0 .357.149.357.374 0 .226-.142.375-.357.375H15.07a.35.35 0 01-.32-.264.37.37 0 01.105-.375c0-.014.138-.14.329-.314.255-.232.605-.551.85-.809.357-.34.499-.677.393-.902-.073-.226-.324-.336-.466-.336-.247 0-.498.149-.498.374 0 .226-.142.375-.357.375s-.356-.15-.356-.375c0-.633.54-1.123 1.216-1.123zm-8.252-1.536c.393 0 .75.149 1.001.451a.334.334 0 00.499 0 .375.375 0 000-.523 2.053 2.053 0 00-1.5-.638c-1.18 0-2.144 1.012-2.144 2.25 0 1.24.965 2.252 2.144 2.252.572 0 1.107-.226 1.5-.638a.375.375 0 000-.524.334.334 0 00-.499 0 1.367 1.367 0 01-1 .413c-.787 0-1.427-.677-1.427-1.497 0-.874.645-1.546 1.426-1.546zm1.431 6.787c0-.413.32-.749.713-.749.393 0 .713.336.713.75 0 .412-.32.748-.713.748-.393 0-.713-.336-.713-.749z",
-            fill: n
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-iot-sensor-co-2-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, i = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? c.inverse : c.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12 5c2.463 0 4.534 1.76 4.963 4.094 2.784 0 5.037 2.224 5.037 4.953C22 16.777 19.751 19 17 19H7c-2.751 0-5-2.224-5-4.953 0-2.73 2.249-4.953 5-4.953h.073A5.029 5.029 0 0112 5zm-8.57 9.042c0 1.94 1.605 3.52 3.57 3.52h10c1.96 0 3.565-1.58 3.565-3.52 0-1.939-1.604-3.52-3.57-3.52a5.49 5.49 0 01-.178.828c-.068.285-.356.5-.676.5-.073 0-.142 0-.215-.036-.357-.11-.571-.5-.498-.97a2.73 2.73 0 00.141-.932v-.18c-.068-1.87-1.64-3.34-3.569-3.34-1.746 0-3.213 1.255-3.533 2.872a5.25 5.25 0 011.284.611c.32.216.43.685.215 1.006-.215.322-.68.432-1 .216A3.714 3.714 0 007 10.523c-1.96 0-3.57 1.58-3.57 3.52zm8.853-2.33a2.004 2.004 0 00-2.002 2.013 2 2 0 104 0 1.994 1.994 0 00-1.998-2.012zm-.927 2.013c0-.5.43-.932.927-.932a.95.95 0 01.928.932.92.92 0 01-.928.933.95.95 0 01-.927-.933zm5.534 2.15h-.32c.073-.073.105-.105.179-.142.822-.79.713-1.47.57-1.796-.214-.501-.712-.86-1.247-.86a1.36 1.36 0 00-1.357 1.365c0 .285.251.538.534.538a.552.552 0 00.535-.538.28.28 0 01.284-.285c.105 0 .251.074.283.18.037.142-.073.358-.32.61-.43.432-1.142 1.076-1.142 1.076-.179.142-.215.395-.142.61a.535.535 0 00.498.36h1.677a.552.552 0 00.535-.538c.005-.29-.279-.58-.567-.58zm-7.852-2.834a1.007 1.007 0 00-.644-.253.95.95 0 00-.928.937c0 .501.43.933.928.933a.862.862 0 00.644-.253.515.515 0 01.75 0 .521.521 0 010 .754c-.357.358-.86.574-1.394.574a2 2 0 01-2.002-2.008c0-1.116.896-2.012 2.002-2.012.535 0 1 .216 1.394.574a.521.521 0 010 .754.515.515 0 01-.75 0z",
-            fill: s
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-iot-sensor-humidity-filled.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         return d;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -91,18 +91,18 @@ 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, n = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : s ? i.inverse : i.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : n ? _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"
-    }, n), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.892 2c1.604 0 2.866 1.31 2.866 2.963v10.23c.724.772 1.145 1.771 1.145 2.77 0 2.23-1.795 4.037-4.01 4.037-2.216 0-4.012-1.806-4.05-4.036 0-1 .454-1.999 1.183-2.772v-2.116c.729-.842 1.071-1.88 1.071-2.998 0-1.191-.499-2.309-1.071-3.308V4.963C10.026 3.31 11.288 2 12.892 2zm-1.721 15.959a1.72 1.72 0 001.721 1.732c.954 0 1.717-.767 1.712-1.727 0-.729-.494-1.384-1.144-1.615V4.89a.591.591 0 00-.573-.575.591.591 0 00-.572.576v11.454a1.716 1.716 0 00-1.144 1.615zm1.721-.571c.318 0 .572.256.572.575a.572.572 0 11-1.144 0 .57.57 0 01.572-.575zM6.548 3.925c.27 0 .538.152.65.384 0 0 2.71 4.696 2.71 5.808 0 .92-.342 1.767-.992 2.422-.65.655-1.492 1-2.407 1a3.338 3.338 0 01-2.406-1 3.373 3.373 0 01-.993-2.422c0-.925.494-1.885.993-2.732L5.898 4.31a.943.943 0 01.269-.271.758.758 0 01.381-.113z",
             fill: a