@telefonica/mistica 12.9.1 → 12.11.0

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return v;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, l = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), c = i != null ? i : r ? l.inverse : l.neutralHigh;
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), t = i != null ? i : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
     return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M16.53 22a3.43 3.43 0 01-2.459-1.043L3.89 10.505A5.004 5.004 0 012.47 6.98c0-1.33.506-2.58 1.42-3.523a4.773 4.773 0 016.864 0l10.554 10.825c.28.288.28.755 0 1.043a.705.705 0 01-1.016 0L9.74 4.5a3.344 3.344 0 00-2.417-1.028c-.914 0-1.769.363-2.417 1.028a3.518 3.518 0 00-1.001 2.481c0 .939.353 1.816 1.001 2.481l10.182 10.453c.795.816 2.09.816 2.885 0a2.138 2.138 0 000-2.962L7.791 6.505a.665.665 0 00-.933 0 .683.683 0 00-.193.48c0 .185.069.355.193.482l9.203 9.448c.28.288.28.755 0 1.043a.705.705 0 01-1.016 0L5.843 8.505a2.193 2.193 0 010-3.043 2.062 2.062 0 012.968 0l10.181 10.453c1.355 1.392 1.355 3.656 0 5.043A3.456 3.456 0 0116.529 22z",
-            fill: c
+            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: "M15.693 5.547a.808.808 0 00-.818.798l-.01 11.09c0 1.913-.914 2.804-2.87 2.804-1.957 0-2.87-.89-2.87-2.804V5.444c0-1.185.515-1.69 1.728-1.69s1.728.505 1.728 1.692l.025 11.356c0 .373-.078.448-.459.448-.38 0-.457-.075-.457-.448V6.4a.812.812 0 00-.817-.801.81.81 0 00-.818.798V16.8c0 1.264.8 2.048 2.095 2.048 1.291 0 2.095-.784 2.095-2.048L14.22 5.444c-.003-2.06-1.26-3.289-3.367-3.289s-3.364 1.23-3.364 3.289v11.991c0 2.798 1.641 4.406 4.507 4.406 2.862 0 4.504-1.605 4.504-4.403l.011-11.09a.81.81 0 00-.818-.8z",
-            fill: c
+            fill: t
         })
     }));
 };

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

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "default", {
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -91,31 +92,31 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var d = function d(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, c = _objectWithoutProperties(_param, [
+    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.skinName, n = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), r = i != null ? i : l ? n.inverse : n.neutralHigh;
-    return a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), c = i != null ? i : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
+    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M14.223 21.03c.617.645 1.428.97 2.24.97.81 0 1.622-.325 2.24-.97 1.234-1.29 1.234-3.39 0-4.68L8.301 5.484a1.708 1.708 0 00-2.487 0 1.9 1.9 0 000 2.599l9.409 9.821a.339.339 0 00.495 0 .372.372 0 000-.518L6.315 7.56a1.14 1.14 0 010-1.558 1.042 1.042 0 011.491 0l10.396 10.87c.96 1.004.96 2.637 0 3.64a2.392 2.392 0 01-3.483 0L4.319 9.646a4.106 4.106 0 01-1.136-2.863c0-1.082.405-2.1 1.136-2.862a3.76 3.76 0 012.74-1.187 3.77 3.77 0 012.739 1.187l9.368 9.788a.339.339 0 00.496 0 .372.372 0 000-.518l-9.368-9.788C9.429 2.499 8.279 2 7.058 2c-1.22 0-2.37.5-3.235 1.403a4.861 4.861 0 00-1.343 3.38 4.86 4.86 0 001.343 3.38l10.4 10.867zm6.602-5.381c.387 0 .703-.33.703-.735 0-.405-.316-.734-.703-.734-.388 0-.703.33-.703.734 0 .405.315.735.703.735z",
-            fill: r
+            fill: c
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.001 21.837c-2.907 0-4.512-1.456-4.512-4.106V5.434c0-2.117 1.283-3.283 3.613-3.283 2.328 0 3.61 1.166 3.61 3.286v10.65c0 1.557-.98 2.454-2.694 2.454s-2.695-.894-2.695-2.454v-8.98c0-.227.202-.41.451-.41.25 0 .449.185.449.41v8.98c0 1.115.571 1.633 1.792 1.633 1.224 0 1.793-.518 1.793-1.633V5.437c0-1.658-.888-2.465-2.711-2.465-1.824 0-2.712.807-2.712 2.465v12.297c0 2.18 1.216 3.286 3.61 3.286 2.396 0 3.611-1.107 3.611-3.286L15.596 7.1c0-.227.2-.41.447-.41h.003c.25 0 .451.183.451.41l.014 10.636c.003 2.644-1.602 4.1-4.51 4.1z",
-            fill: r
+            fill: c
         })
     }));
 };

package/dist/generated/mistica-icons/icon-clip-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,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, l = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), a = t != null ? t : n ? l.inverse : l.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
+    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M16.53 22a3.43 3.43 0 01-2.459-1.043L3.89 10.505A5.004 5.004 0 012.47 6.98c0-1.33.505-2.58 1.42-3.523a4.772 4.772 0 016.864 0l10.553 10.825c.28.288.28.755 0 1.043a.705.705 0 01-1.015 0L9.738 4.5a3.344 3.344 0 00-2.416-1.028c-.915 0-1.77.363-2.417 1.028a3.518 3.518 0 00-1.002 2.481c0 .939.354 1.816 1.002 2.481l10.181 10.453c.795.816 2.09.816 2.886 0a2.138 2.138 0 000-2.962L7.79 6.505a.665.665 0 00-.932 0 .683.683 0 00-.193.48c0 .185.069.355.193.482l9.203 9.448c.28.288.28.755 0 1.043a.705.705 0 01-1.016 0L5.842 8.505a2.193 2.193 0 010-3.043 2.062 2.062 0 012.968 0l10.182 10.453c1.355 1.392 1.355 3.656 0 5.043A3.456 3.456 0 0116.529 22z",
-            fill: a
+            fill: i
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.993 21.841c-2.863 0-4.507-1.563-4.507-4.291V5.31c0-2.004 1.207-3.155 3.31-3.155 2.104 0 3.311 1.148 3.311 3.154l.026 11.053c0 1.166-.76 1.888-1.98 1.888-1.222 0-1.981-.723-1.981-1.885V6.284c0-.34.288-.61.641-.61.356 0 .642.274.642.61v10.078c0 .496.176.661.694.661.522 0 .695-.165.695-.66l-.028-11.054c0-1.316-.644-1.93-2.025-1.93-1.381 0-2.025.614-2.025 1.93V17.55c0 2.064 1.053 3.067 3.221 3.067s3.221-1.003 3.221-3.067l.011-11.32c0-.338.289-.61.642-.61.356 0 .641.274.641.613l-.01 11.32c.008 2.725-1.637 4.288-4.5 4.288z",
-            fill: a
+            fill: i
         })
     }));
 };

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

@@ -5,11 +5,12 @@ 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,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, c = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, i = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : n ? i.inverse : i.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), c = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
+    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.591 4.861h-.284v-.005h-6.89V2h7.174v2.861zm1.08-1.787h1.074c1.185 0 2.154.964 2.154 2.144V22H4.11V5.218c0-1.18.97-2.144 2.155-2.144h1.074v2.857h9.333V3.074zm-.542 14.996c.29 0 .542-.252.542-.535a.552.552 0 00-.538-.535H7.88a.552.552 0 00-.537.535c0 .283.253.535.537.535h8.249zM7.88 15.213h8.249c.29 0 .542-.251.542-.535a.552.552 0 00-.538-.535H7.88a.552.552 0 00-.537.535c0 .284.253.535.537.535zm8.249-2.856c.29 0 .542-.252.542-.535a.552.552 0 00-.538-.535H7.88a.552.552 0 00-.537.535c0 .283.253.535.537.535h8.249zM7.88 9.5h8.249c.29 0 .542-.251.542-.535a.552.552 0 00-.538-.534H7.88a.552.552 0 00-.537.534c0 .284.253.535.537.535z",
-            fill: t
+            fill: c
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.783 3.586c.854 0 1.602.611 1.602 1.306v15.644c0 .709-.734 1.305-1.602 1.305H6.223c-.869 0-1.603-.6-1.603-1.305V4.889c0-.695.75-1.305 1.602-1.305h2.956c.47-.914 1.442-1.429 2.826-1.429 1.686 0 2.468.709 2.829 1.431h2.95zm-3.914.748c-.078-.249-.316-1.003-1.865-1.003-1.672 0-1.925.838-1.958 1.57l-.006.346v.003c.012.266.028.65 1.964.65 1.938 0 1.952-.382 1.96-.61v-.323a2.405 2.405 0 00-.095-.633zm-3.114.404a.55.55 0 00.551.549H12.7a.553.553 0 00.554-.55.553.553 0 00-.555-.548h-1.392a.55.55 0 00-.551.549z",
-            fill: t
+            fill: c
         })
     }));
 };

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return V;
+        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 V = function V(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, l = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, i = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? i.inverse : i.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
+    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.803 21.287H5.201V4.862c0-.608.456-1.07 1.045-1.07h1.746v1.787h7.676V3.787h1.742c.594 0 1.045.467 1.045 1.07v12.498c0 .215.139.357.348.357.21 0 .349-.142.349-.357V4.862c0-1.001-.768-1.788-1.746-1.788H15.66V2H7.992v1.07H6.246c-.978 0-1.746.786-1.746 1.787V22h14.303c.21 0 .349-.142.349-.357 0-.214-.139-.356-.349-.356zM8.69 2.717h6.278v2.145H8.69V2.718zm-.697 11.43h7.672c.21 0 .353.141.353.356s-.139.356-.348.356H7.992c-.21 0-.348-.141-.348-.356s.138-.357.348-.357zm7.672-2.858H7.992c-.21 0-.348.142-.348.357s.138.356.348.356h7.676c.21 0 .349-.141.349-.356s-.143-.357-.353-.357zM7.992 8.432h7.672c.21 0 .353.142.353.357 0 .214-.139.356-.348.356H7.992c-.21 0-.348-.142-.348-.356 0-.215.138-.357.348-.357zm7.672 8.571H7.992c-.21 0-.348.142-.348.357s.138.357.348.357h7.676c.21 0 .349-.142.349-.357s-.143-.357-.353-.357zm2.443 2.496c0-.393.312-.713.696-.713.384 0 .697.32.697.713a.706.706 0 01-.697.714.706.706 0 01-.696-.714z",
-            fill: s
+            fill: t
         })
     })) : /* @__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: "M17.936 3.614c.757 0 1.446.541 1.446 1.132V20.71c0 .613-.661 1.131-1.443 1.131H6.063c-.782 0-1.443-.518-1.443-1.131V4.746c0-.591.69-1.132 1.443-1.132h3.15c.418-.946 1.376-1.459 2.785-1.459 1.717 0 2.462.74 2.782 1.46h3.156zm-8.15 1.132L9.78 4.9c.014.392.03.863 2.22.863 2.191 0 2.208-.474 2.22-.818v-.132a2.664 2.664 0 00-.11-.694c-.252-.782-.941-1.163-2.112-1.163-1.454 0-2.157.569-2.213 1.79zm8.784 0c0-.081-.264-.33-.63-.33h-2.945l.01.084c.01.069.02.138.021.21l.006.19-.003.093c-.045 1.302-1.244 1.574-3.03 1.574-1.785 0-2.984-.272-3.032-1.591v-.194l.006-.092c.002-.072.013-.136.024-.201.004-.024.009-.049.012-.074H6.06c-.369 0-.63.253-.63.331V20.71c0 .112.275.33.63.33h11.877c.359 0 .634-.221.634-.33V4.746zm-7.88-.059c0-.221.182-.4.406-.4h1.801c.224 0 .406.179.406.4 0 .221-.182.4-.406.4h-1.8a.405.405 0 01-.407-.4z",
-            fill: s
+            fill: t
         })
     }));
 };

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

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "default", {
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -96,8 +97,8 @@ var d = function d(_param) {
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : n ? t.inverse : t.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), l = ref.skinName;
+    return l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -105,7 +106,7 @@ var d = function d(_param) {
     }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.94 3.074h1.795c1.185 0 2.155.965 2.155 2.144V22H4.1V5.214c0-1.18.97-2.144 2.154-2.144H8.05V2h7.89v1.074zM7.87 8.075h8.249c.29 0 .542.252.542.535a.552.552 0 01-.538.535H7.871a.552.552 0 01-.538-.535c0-.283.253-.535.538-.535zm8.249 2.858H7.87a.552.552 0 00-.538.534c0 .284.253.535.538.535h8.252a.552.552 0 00.538-.535.553.553 0 00-.542-.534zm0 2.857H7.87a.552.552 0 00-.538.535c0 .283.253.534.538.534h8.252a.552.552 0 00.538-.534.553.553 0 00-.542-.535zm0 2.857H7.87a.552.552 0 00-.538.535c0 .283.253.535.538.535h8.252a.552.552 0 00.538-.535.553.553 0 00-.542-.535zM9.088 3.074v1.788h5.777V3.074H9.088zm-3.55 17.5h12.914V5.214a.716.716 0 00-.717-.713h-1.79v1.43H8.05V4.505H6.254a.716.716 0 00-.716.713v15.356z",
-            fill: i
+            fill: r
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
@@ -115,7 +116,7 @@ var d = function d(_param) {
     }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.783 3.586c.854 0 1.602.611 1.602 1.306v15.644c0 .709-.734 1.305-1.602 1.305H6.223c-.869 0-1.603-.6-1.603-1.305V4.889c0-.695.75-1.305 1.602-1.305h2.956c.47-.914 1.442-1.429 2.826-1.429 1.686 0 2.468.709 2.829 1.431h2.95zm-7.737 1.317l-.006.14v.002c.012.269.028.65 1.964.65 1.938 0 1.952-.382 1.96-.612v-.118a2.387 2.387 0 00-.098-.629c-.078-.25-.315-1.002-1.862-1.002-1.672 0-1.925.838-1.958 1.569zm8.162 15.588l-.008-15.6c0 .004-.013-.002-.035-.014a.843.843 0 00-.382-.114h-2.648l.006.038.006.046.002.078.003.115-.002.107c-.05 1.51-1.544 1.722-3.146 1.722-1.602 0-3.093-.213-3.149-1.748v-.08l.003-.127.006-.1c0-.013.002-.023.004-.034a.27.27 0 00.004-.02h-2.65c-.215 0-.397.132-.428.185l.011 15.588c.003 0 .011.005.024.013a.79.79 0 00.393.116h11.56c.233 0 .401-.126.426-.17zM10.755 4.738a.55.55 0 00.551.549H12.7a.553.553 0 00.554-.55.553.553 0 00-.555-.548h-1.392a.55.55 0 00-.551.549z",
-            fill: i
+            fill: r
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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 f = function f(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, n = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, o = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e != null ? e : s ? t.inverse : t.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = r != null ? r : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: r,
-        height: r,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.938 18.547a.989.989 0 01-.968.717H3.04c-.466 0-.825-.287-.968-.717-.18-.503 0-1.04.394-1.363l9-6.562V8.865c0-.287.252-.538.538-.538a1.27 1.27 0 001.255-1.255 1.27 1.27 0 00-1.255-1.255 1.27 1.27 0 00-1.255 1.255.551.551 0 01-.537.538.551.551 0 01-.538-.538c0-1.29 1.04-2.33 2.33-2.33a2.326 2.326 0 012.331 2.33c0 1.112-.753 2.008-1.793 2.259v1.255l9 6.562c.395.323.574.896.395 1.399z",
-            fill: o
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-cloakroom-light.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,13 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, a = _param.children, i = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var r = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, c = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var o = (0, _themeVariantContextJs.useIsInverseVariant)(), n = r != null ? r : o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: s,
         height: s,
@@ -105,7 +105,7 @@ var p = function p(_param) {
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.938 18.273a.989.989 0 01-.968.718h-1.076c-.215 0-.359-.144-.359-.359s.144-.359.359-.359h1.076c.179 0 .287-.143.287-.25a.457.457 0 00-.144-.538l-9.108-6.67-9.108 6.67c-.179.143-.215.394-.143.537 0 .108.108.251.287.251h12.55c.215 0 .359.144.359.359s-.144.359-.359.359H3.041c-.466 0-.825-.287-.968-.718-.18-.502 0-1.04.394-1.362l9.18-6.706V8.592c0-.215.143-.359.358-.359.79 0 1.435-.645 1.435-1.434 0-.789-.646-1.434-1.435-1.434s-1.434.645-1.434 1.434c0 .215-.143.359-.359.359-.215 0-.358-.144-.358-.359 0-1.183.968-2.152 2.151-2.152 1.184 0 2.152.969 2.152 2.152 0 1.076-.79 1.936-1.793 2.116v1.29l9.18 6.706c.394.287.573.86.394 1.362zm-4.195-.358a.72.72 0 00-.718.717.72.72 0 00.718.717.72.72 0 00.717-.717.72.72 0 00-.718-.717z",
-            fill: o
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-cloakroom-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, r = tmp === void 0 ? 24 : tmp, l = _param.children, s = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e != null ? e : i ? t.inverse : t.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = r != null ? r : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: r,
-        height: r,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.378 16.799l-8.662-6.587V9.39c1.038-.322 1.79-1.253 1.79-2.398A2.49 2.49 0 0012 4.485a2.49 2.49 0 00-2.506 2.506c0 .393.322.716.716.716a.718.718 0 00.716-.716c0-.609.465-1.074 1.074-1.074.608 0 1.074.465 1.074 1.074 0 .608-.466 1.074-1.074 1.074a.718.718 0 00-.716.716v1.431L2.62 16.8c-.537.394-.752 1.11-.537 1.754.215.573.716.966 1.325.966H20.59c.608 0 1.11-.393 1.324-.966.215-.645 0-1.36-.537-1.754zm-.823 1.288H3.445c0-.035 0-.107.035-.143L12 11.465l8.52 6.48c.035.035.035.107.035.142z",
-            fill: o
+            fill: n
         })
     }));
 };

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return v;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
+var v = function v(_param) {
     var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, i = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = a != null ? a : s ? i.inverse : i.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -105,7 +106,7 @@ var p = function p(_param) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.653 17.141a.364.364 0 01-.514.514L12 12.511l-6.38 6.382a.363.363 0 11-.514-.514l6.379-6.382L5.112 5.62a.364.364 0 01.513-.514l6.373 6.377 6.374-6.377a.363.363 0 11.513.514l-6.373 6.377 5.14 5.144zM18.455 19a.545.545 0 100-1.09.545.545 0 000 1.09z",
-            fill: n
+            fill: r
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
@@ -115,7 +116,7 @@ var p = function p(_param) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.569 12l5.31-5.319a.384.384 0 00.017-.543l-.017-.017a.384.384 0 00-.543-.017c-.007.005-.012.012-.017.017L12 11.431l-5.319-5.31a.384.384 0 00-.543-.017l-.017.017a.384.384 0 00-.017.543c.005.007.012.012.017.017L11.431 12l-5.31 5.319a.383.383 0 00-.017.543l.017.017a.38.38 0 00.28.12.377.377 0 00.28-.12L12 12.569l5.319 5.31a.383.383 0 00.543.017l.017-.017a.384.384 0 00.017-.543l-.017-.017L12.569 12z",
-            fill: n
+            fill: r
         })
     }));
 };

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

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "default", {
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -91,31 +92,31 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var L = function L(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, l = _objectWithoutProperties(_param, [
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = i != null ? i : s ? r.inverse : r.neutralHigh;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), l = t != null ? t : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M6.345 5.23a.788.788 0 10-1.114 1.115L10.885 12l-5.654 5.655a.788.788 0 001.114 1.114L12 13.115l5.655 5.654a.788.788 0 001.114-1.114L13.115 12l5.654-5.655a.788.788 0 00-1.114-1.114L12 10.885 6.345 5.231z",
-            fill: a
+            fill: l
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M16.841 17.853a.722.722 0 00.948-1.086L13.022 12l4.766-4.767.065-.074a.722.722 0 00-1.086-.947L12 10.978 7.233 6.211l-.074-.064a.722.722 0 00-.947 1.086L10.979 12 6.21 16.767l-.064.074a.722.722 0 001.086.947L12 13.021l4.767 4.767.074.065z",
-            fill: a
+            fill: l
         })
     }));
 };

package/dist/generated/mistica-icons/icon-cloud-distribution-alternative-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return f;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var m = function m(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, c = _param.children, n = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : a ? i.inverse : i.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = t != null ? t : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M19.972 17.4c-.925 0-1.702.634-1.963 1.487h-4.037a2.067 2.067 0 00-1.408-1.416v-3.685a2.075 2.075 0 001.479-1.974c0-1.116-.925-2.05-2.038-2.05-1.114 0-2.038.93-2.038 2.05 0 .93.63 1.711 1.478 1.974v3.685a2.067 2.067 0 00-1.407 1.416H6C5.74 18.03 4.962 17.4 4.038 17.4 2.928 17.4 2 18.33 2 19.45c0 1.12.924 2.05 2.038 2.05.924 0 1.701-.634 1.962-1.488h4.038c.26.859 1.038 1.488 1.962 1.488.924 0 1.701-.634 1.962-1.488H18c.26.859 1.038 1.488 1.962 1.488 1.11 0 2.038-.93 2.038-2.05 0-1.12-.92-2.05-2.028-2.05z",
-                fill: r
+                fill: i
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M16.673 6.224A4.78 4.78 0 0012.01 2.5a4.777 4.777 0 00-4.664 3.724c-2.555.148-4.592 2.236-4.592 4.844 0 2.68 2.146 4.844 4.815 4.844h3.147v-1.64a2.81 2.81 0 01-1.479-2.46c0-1.526 1.26-2.794 2.777-2.794 1.517 0 2.777 1.268 2.777 2.794 0 1.082-.592 2.012-1.478 2.46v1.64h3.147c2.663 0 4.815-2.16 4.815-4.844a4.865 4.865 0 00-4.602-4.844z",
-                fill: r
+                fill: i
             })
         ]
     }));