@telefonica/mistica 12.10.0 → 12.11.1

package/dist/generated/mistica-icons/icon-shield-checked-ok-filled.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return v;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, a = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), n = i != null ? i : h ? a.inverse : a.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("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)(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.26 2.114c.181.175 3.105 3.003 6.883 3.003.201 0 .361.164.357.366v9.175c0 3.283-2.418 5.68-7.39 7.323A.3.3 0 0112 22a.3.3 0 01-.11-.019c-4.972-1.644-7.39-4.04-7.39-7.323V5.483c0-.202.16-.366.356-.366 3.88 0 6.865-2.983 6.893-3.011a.352.352 0 01.51.008zm-2.047 13.864l6.092-6.065a.565.565 0 00.014-.78.525.525 0 00-.759-.014l-5.333 5.313-1.947-2.001a.525.525 0 00-.759 0 .56.56 0 000 .78l2.692 2.767z",
-            fill: n
+            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: "M20.608 5.328V5.3l-.009-.076a.62.62 0 00-.711-.51c-1.633.258-2.488-.313-3.566-1.036h-.001c-1.062-.712-2.26-1.515-4.324-1.518h-.006c-2.053 0-3.252.798-4.31 1.5l-.017.013-.01.005c-1.073.72-1.925 1.29-3.534 1.037a.595.595 0 00-.74.582c-.002.27-.019 6.617.457 9.362.622 3.61 7.605 6.986 7.902 7.129.163.075.35.075.51 0 .297-.14 7.289-3.516 7.91-7.127.455-2.682.449-8.806.449-9.333zM8.5 11.858l2.006 2.027s4.98-5.041 4.983-5.039l.008-.008a.592.592 0 01.835.008.607.607 0 010 .852l-5.406 5.468-.003.002a.593.593 0 01-.838-.002l-2.428-2.457a.607.607 0 010-.851l.008-.009a.592.592 0 01.835.008z",
-            fill: n
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-shield-checked-ok-light.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, c = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), l = a != null ? a : r ? c.inverse : c.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : 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,
@@ -105,7 +106,7 @@ var f = function f(_param) {
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.89 21.981a.29.29 0 00.108.019.424.424 0 00.108-.014c4.885-1.645 7.26-4.041 7.26-7.325V5.484a.36.36 0 00-.35-.366c-3.812 0-6.744-2.984-6.77-3.012a.341.341 0 00-.495 0l-.008.008c-.178.175-3.051 3.004-6.763 3.004a.36.36 0 00-.35.366v9.172c0 3.284 2.375 5.68 7.26 7.325zm-6.555-7.32V5.84c3.318-.14 5.878-2.25 6.663-2.979.786.724 3.346 2.838 6.664 2.98v8.819c0 2.899-2.178 5.055-6.664 6.587-4.48-1.527-6.663-3.684-6.663-6.587zm9.191-3.459a.377.377 0 00-.004-.517.338.338 0 00-.494.005l-3.785 4.004-2.03-2.124a.334.334 0 00-.494 0 .377.377 0 000 .517l2.528 2.645 4.28-4.53zm1.33-.949c-.387 0-.701-.329-.701-.733 0-.404.314-.733.7-.733.387 0 .701.33.701.733 0 .404-.314.733-.7.733z",
-            fill: l
+            fill: r
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
@@ -115,7 +116,7 @@ var f = function f(_param) {
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.61 5.154v.028c0 .534.006 6.768-.457 9.49-.616 3.583-7.68 6.983-7.98 7.126a.398.398 0 01-.348 0c-.302-.143-7.359-3.543-7.975-7.126-.472-2.716-.465-8.928-.465-9.487v-.03a.41.41 0 01.504-.396c1.745.275 2.692-.358 3.79-1.092 1.059-.711 2.26-1.516 4.314-1.516H12c2.05.003 3.252.805 4.312 1.513l.013.008c1.091.73 2.038 1.36 3.784 1.087a.455.455 0 01.342.09.428.428 0 01.16.305zm-1.258 9.378c.392-2.294.44-7.367.442-8.916-1.801.156-2.875-.56-3.91-1.25l-.02-.013C14.853 3.675 13.805 2.975 12 2.975h-.006c-1.807 0-2.854.7-3.868 1.378-1.05.697-2.149 1.412-3.927 1.269.005 1.557.056 6.619.45 8.907.496 2.886 6.267 5.897 7.348 6.44 1.081-.54 6.857-3.555 7.356-6.437zM16.287 8.91a.403.403 0 00-.571.003l-5.247 5.291-2.196-2.215-.003-.003a.403.403 0 00-.571.003.41.41 0 000 .58l2.485 2.507.002.002c.16.157.415.157.572-.002l5.532-5.583a.41.41 0 000-.58l-.003-.003z",
-            fill: l
+            fill: r
         })
     }));
 };

package/dist/generated/mistica-icons/icon-shield-checked-ok-regular.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var a = _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)(), c = ref.skinName, l = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = t != null ? t : n ? l.inverse : l.neutralHigh;
-    return c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : 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"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.21 21.967l.007-.002c1.778-.594 7.15-2.388 7.15-7.237V6c0-.4-.315-.726-.701-.726-3.398 0-5.994-2.863-6.14-3.024l-.006-.007A.695.695 0 0011.998 2a.688.688 0 00-.52.242c-.028.033-2.67 3.03-6.147 3.03a.716.716 0 00-.701.727v8.73c0 1.2 0 4.855 7.157 7.238a.692.692 0 00.423 0zm-1.977-5.675L7.46 13.42a.746.746 0 010-1.029.685.685 0 01.992 0l1.793 1.858 5.122-5.14a.685.685 0 01.993.019c.27.288.26.75-.018 1.028l-6.11 6.136zm7.728-9.6v8.036c0 2.547-1.896 4.386-5.967 5.782-4.07-1.396-5.967-3.235-5.967-5.782V6.693c2.822-.261 5.01-2.03 5.967-2.943.957.913 3.145 2.682 5.967 2.943z",
-            fill: r
+            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: "M20.615 5.295v.032c0 .555.008 6.654-.448 9.33-.622 3.61-7.611 6.985-7.908 7.128a.581.581 0 01-.51-.003c-.297-.14-7.28-3.518-7.902-7.126-.476-2.745-.46-9.092-.456-9.36a.597.597 0 01.74-.583c1.608.254 2.46-.317 3.534-1.037l.009-.006C8.735 2.96 9.937 2.155 12 2.155h.009c2.063.003 3.262.806 4.324 1.518 1.079.723 1.933 1.294 3.566 1.04a.615.615 0 01.715.582zM18.99 14.45c.364-2.134.423-6.75.431-8.479-1.68.081-2.733-.613-3.75-1.294l-.003-.002C14.66 4 13.708 3.362 12.004 3.36H12c-1.706 0-2.658.638-3.67 1.316-1.013.678-2.056 1.373-3.748 1.294.009 1.728.067 6.345.437 8.48.412 2.386 4.958 5.108 6.983 6.12 2.028-1.012 6.58-3.74 6.99-6.12zm-3.493-5.61l-4.983 5.041-2-2.03a.592.592 0 00-.843 0 .607.607 0 000 .851l2.426 2.457a.592.592 0 00.84 0L16.34 9.69a.607.607 0 000-.852.592.592 0 00-.843 0z",
-            fill: r
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-shield-cross-filled.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, h = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.skinName, r = ref.colors, v = (0, _themeVariantContextJs.useIsInverseVariant)(), n = t != null ? t : v ? r.inverse : r.neutralHigh;
+    var o = (0, _themeVariantContextJs.useIsInverseVariant)(), h = i != null ? i : o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), s = ref.skinName;
     return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M4 4.752v5.872h7.45V2c-.907.742-3.676 2.752-7.087 2.752H4zm16 0v5.872h-7.45V2c.907.742 3.676 2.752 7.087 2.752H20zm-7.456 6.97V22C15.863 20.877 20 18.919 20 14.659v-2.936h-7.456zm-8.544 0h7.456v10.273C7.886 20.788 4 18.858 4 14.658v-2.935z",
-            fill: n
+            fill: h
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M7.666 3.662c-1.073.731-1.925 1.311-3.527 1.053a.615.615 0 00-.524.11.637.637 0 00-.232.49v.03c0 .36-.004 3.194.132 5.855h7.874V2.155c-1.7.143-2.77.86-3.723 1.507zM20.61 5.348v-.03c-.003-.026-.006-.05-.006-.079a.636.636 0 00-.725-.53c-1.62.256-2.477-.316-3.552-1.047-.953-.647-2.023-1.364-3.723-1.507v9.048h7.877c.132-2.66.13-5.492.129-5.855zM12.604 21.84v-9.395h7.804c-.062.891-.14 1.715-.246 2.345v.003c-.558 3.271-6.014 6.263-7.558 7.047zM3.59 12.443c.065.894.143 1.718.252 2.348.555 3.274 6.006 6.266 7.55 7.047v-9.395H3.59z",
-            fill: n
+            fill: h
         })
     }));
 };

package/dist/generated/mistica-icons/icon-shield-cross-light.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var h = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, t = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var h = _param.color, tmp = _param.size, c = 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 = h != null ? h : l ? i.inverse : i.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), t = h != null ? h : 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,
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.5 5.133v9.588c0 2.169-1.078 3.978-3.229 5.374a.33.33 0 01-.467-.114.364.364 0 01.11-.49c1.963-1.278 2.918-2.838 2.918-4.77v-3.023H12.34v9.947A.348.348 0 0112 22c-.105 0-.34-.096-.34-.096-3.386-1.159-7.16-3.037-7.16-7.183V5.133h.34c3.827 0 6.802-2.788 6.941-2.92l.005-.004L12 2l.214.21.005.004c.14.13 3.114 2.919 6.94 2.919h.341zm-4.773 15.73c0 .391-.306.71-.68.71-.376 0-.681-.319-.681-.71 0-.39.305-.709.68-.709.376 0 .68.318.68.71zm-9.542-9.16v3.018c0 3.61 3.368 5.347 6.475 6.433v-9.452H5.185zM11.66 3.24c-1.065.855-3.469 2.478-6.475 2.592v5.155h6.475V3.241zm.68-.027v7.779h6.484V5.828h.004c-3.04-.114-5.45-1.768-6.488-2.614z",
-            fill: r
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.446 4.849a.433.433 0 01.162.31v.028c0 .53.006 6.763-.46 9.485-.615 3.583-7.677 6.983-7.98 7.126l-.005.003a.39.39 0 01-.339 0l-.009-.003c-.3-.143-7.352-3.543-7.969-7.126-.47-2.72-.465-8.954-.465-9.485V5.16a.428.428 0 01.157-.325.414.414 0 01.35-.082c1.738.282 2.681-.348 3.768-1.074l.02-.012c1.061-.712 2.263-1.516 4.316-1.516h.006c2.053.003 3.257.807 4.316 1.516l.01.006c1.088.728 2.031 1.36 3.772 1.083a.448.448 0 01.35.093zM11.58 3.006c-1.552.1-2.518.733-3.448 1.355-1.048.703-2.137 1.429-3.922 1.275.006 1.005.028 3.44.146 5.66h7.224v-8.29zm-6.916 11.52c.451 2.614 5.233 5.331 6.916 6.213v-8.605H4.41c.064.92.145 1.762.254 2.393zm7.745 6.213c1.684-.882 6.474-3.599 6.922-6.212.11-.628.19-1.474.252-2.393h-7.174v8.605zM19.78 5.63c-1.804.146-2.882-.571-3.924-1.266-.928-.622-1.894-1.258-3.446-1.356v8.289h7.227c.118-2.224.14-4.667.143-5.667z",
-            fill: r
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-shield-cross-regular.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var h = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, t = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var r = _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)(), n = ref.skinName, i = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), r = h != null ? h : s ? i.inverse : i.neutralHigh;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = r != null ? r : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -105,7 +106,7 @@ var f = function f(_param) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.305 5.036c-3.49 0-6.268-2.323-6.762-2.766-.191-.17-.316-.265-.53-.27h-.018c-.213.005-.338.1-.53.27-.493.443-3.271 2.766-6.762 2.766H4v9.287c0 4.993 5.511 6.886 7.71 7.613a.689.689 0 00.58 0c2.203-.727 7.71-2.62 7.71-7.613V5.036h-.695zm-8 15.18c-2.924-1.07-5.912-2.67-5.912-5.893V12h5.913v8.217zm-5.912-9.643V6.467c2.56-.187 4.675-1.445 5.913-2.323v6.43H5.393zm13.214 3.75c0 3.223-2.988 4.824-5.912 5.894V12h5.912v2.323zm-5.912-3.75V4.14c1.237.873 3.352 2.135 5.912 2.323v4.11h-5.912z",
-            fill: r
+            fill: h
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
@@ -115,7 +116,7 @@ var f = function f(_param) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.39 4.85c.134.114.23.28.23.458v.028c0 .524.006 6.642-.457 9.32-.61 3.552-7.16 6.773-7.905 7.129l-.005.001-.006.001a.57.57 0 01-.496 0l-.008-.002c-.745-.356-7.286-3.577-7.896-7.13-.463-2.677-.458-8.798-.457-9.322v-.027a.632.632 0 01.235-.482.611.611 0 01.521-.11c1.603.253 2.451-.316 3.527-1.039C8.734 2.964 9.936 2.16 12 2.16h.008c2.064 0 3.266.804 4.325 1.515 1.076.723 1.93 1.292 3.552 1.037a.642.642 0 01.504.137zM11.4 3.417c-1.336.131-2.174.692-3.053 1.283-1.011.678-2.062 1.38-3.74 1.294.009 1.053.031 3.154.132 5.12H11.4V3.418zm-6.356 11.03c.373 2.16 4.152 4.6 6.353 5.785v-7.888H4.813c.059.807.134 1.543.232 2.103zm7.569 5.785c2.204-1.185 5.989-3.625 6.361-5.785.096-.56.168-1.296.227-2.103h-6.588v7.888zm6.79-14.238c-1.679.089-2.72-.61-3.723-1.285l-.014-.01-.016-.01c-.876-.584-1.712-1.141-3.037-1.272v7.697h6.661c.1-1.966.123-4.067.129-5.12z",
-            fill: r
+            fill: h
         })
     }));
 };

package/dist/generated/mistica-icons/icon-shield-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,18 +91,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, l = _param.children, n = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, l = _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.001 21.841a.598.598 0 01-.257-.059c-.745-.355-7.286-3.577-7.897-7.128-.473-2.743-.456-9.082-.456-9.35 0-.191.087-.367.235-.485a.611.611 0 01.521-.11c1.602.258 2.448-.316 3.524-1.039 1.061-.711 2.263-1.515 4.327-1.515h.009c2.064.003 3.266.807 4.325 1.518 1.075.723 1.927 1.289 3.552 1.034a.626.626 0 01.501.137.638.638 0 01.23.462c0 .27.017 6.608-.448 9.35-.611 3.552-7.16 6.774-7.905 7.13a.66.66 0 01-.26.055z",
             fill: a

package/dist/generated/mistica-icons/icon-shield-light.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, a = _param.children, n = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, a = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : s ? i.inverse : i.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), c = 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: "M11.816 21.802a.44.44 0 00.359 0c.3-.143 7.36-3.54 7.977-7.126.463-2.72.457-8.95.457-9.485v-.028a.438.438 0 00-.51-.403c-1.75.272-2.691-.358-3.784-1.089-1.06-.71-2.26-1.513-4.314-1.516h-.008c-2.054 0-3.255.804-4.317 1.515l-.007.005c-1.092.73-2.036 1.359-3.772 1.082a.414.414 0 00-.515.406v.032c0 .558-.008 6.768.465 9.481.619 3.583 7.672 6.983 7.97 7.126zM4.665 14.53c-.398-2.282-.446-7.325-.451-8.89 1.784.148 2.868-.572 3.919-1.272 1.01-.678 2.056-1.375 3.86-1.375h.005c1.801.002 2.849.7 3.857 1.375l.013.008c1.035.69 2.098 1.397 3.909 1.255-.006 1.558-.053 6.61-.443 8.9-.495 2.873-6.249 5.879-7.339 6.425-1.09-.543-6.834-3.549-7.33-6.426z",
             fill: c

package/dist/generated/mistica-icons/icon-shield-regular.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 e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, n = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, l = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : s ? t.inverse : t.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: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.738 21.782a.596.596 0 00.515.003c.745-.355 7.294-3.577 7.905-7.129.455-2.68.449-8.795.448-9.322v-.028a.625.625 0 00-.227-.462.625.625 0 00-.501-.137c-1.625.255-2.476-.311-3.552-1.034-1.059-.711-2.26-1.515-4.325-1.518h-.008c-2.065 0-3.266.804-4.328 1.515l-.014.01c-1.069.718-1.914 1.286-3.51 1.03a.611.611 0 00-.52.109.616.616 0 00-.236.484v.028c0 .524-.006 6.642.457 9.323.61 3.551 7.15 6.773 7.896 7.128zm-6.703-7.341c-.367-2.123-.429-6.715-.437-8.451 1.661.1 2.711-.605 3.718-1.28l.024-.017c1.006-.675 1.958-1.314 3.656-1.314H12c1.7.003 2.65.639 3.656 1.314 1.011.678 2.064 1.378 3.736 1.294-.008 1.737-.067 6.328-.428 8.454-.41 2.372-4.944 5.09-6.97 6.1-2.024-1.008-6.551-3.725-6.96-6.1z",
-            fill: c
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-shop-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,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var h = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.skinName, n = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), r = h != null ? h : c ? n.inverse : n.neutralHigh;
+    var o = (0, _themeVariantContextJs.useIsInverseVariant)(), h = t != null ? t : o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), a = ref.skinName;
     return a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
@@ -105,7 +106,7 @@ var p = function p(_param) {
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.824 6.53h2.654L20 19.735C20 21.094 19.278 22 18.184 22H5.816C4.73 22 4 21.094 4 19.735v-.076L5.53 6.526h2.657v-.565C8.187 3.776 9.895 2 12.004 2s3.816 1.776 3.82 3.965v.565zm-3.82-3.023c-1.31 0-2.364 1.095-2.364 2.454v.565h4.728v-.565c0-1.36-1.055-2.454-2.364-2.454z",
-            fill: r
+            fill: h
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
@@ -115,7 +116,7 @@ var p = function p(_param) {
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.846 10.825a1.71 1.71 0 00-.513-1.2c-.131-.207-.481-1.476-.65-2.086l-.039-.144a15.764 15.764 0 00-.176-.615l-1.26-4.003a.895.895 0 00-.858-.622h-.003L5.65 2.191a.903.903 0 00-.852.62c-.148.473-.357 1.145-.586 1.885l-.117.375-.172.557C3.393 7.337 2.769 9.346 2.68 9.55c-.043.101-.1.19-.156.28l-.018.028c-.154.241-.344.54-.344.966 0 1.2 1.319 2.14 3.002 2.14.897 0 1.729-.274 2.289-.745.566.474 1.392.745 2.288.745.519 0 1.031-.092 1.477-.271.302-.12.574-.277.798-.462.563.462 1.386.733 2.274.733.891 0 1.718-.271 2.278-.733.563.462 1.386.733 2.274.733 1.684 0 3.003-.94 3.003-2.14zm-3.006 2.96c-.826 0-1.624-.201-2.274-.566-.647.365-1.445.566-2.275.566-.829 0-1.627-.201-2.277-.566-.154.087-.32.166-.493.236a4.9 4.9 0 01-1.781.33c-.835 0-1.639-.207-2.289-.574-.65.37-1.454.574-2.288.574a4.738 4.738 0 01-1.774-.341v6.787c0 .888.678 1.61 1.516 1.61h4.493v-5.644c0-.68.49-1.232 1.098-1.232h3.036c.605 0 1.098.551 1.098 1.232v5.644h4.468c.835 0 1.515-.722 1.515-1.61v-6.788a4.79 4.79 0 01-1.773.342z",
-            fill: r
+            fill: h
         })
     }));
 };

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

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

package/dist/generated/mistica-icons/icon-shop-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 d = function d(_param) {
-    var h = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, a = _objectWithoutProperties(_param, [
+    var h = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.skinName, t = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), c = h != null ? h : r ? t.inverse : t.neutralHigh;
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), a = h != null ? h : c ? _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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.477 6.53h-2.654v-.567c0-2.19-1.712-3.963-3.82-3.963-2.107 0-3.818 1.776-3.818 3.963v.567H5.53L4 19.661v.076C4 21.094 4.727 22 5.815 22h12.37C19.277 22 20 21.094 20 19.737L18.477 6.53zm-8.839-.567c0-1.357 1.054-2.454 2.366-2.454 1.311 0 2.365 1.093 2.365 2.454v.567H9.64v-.567zM5.82 20.491c-.327 0-.361-.49-.361-.714L6.842 8.043h10.366l1.346 11.734c-.004.223-.042.714-.37.714H5.82z",
-            fill: c
+            fill: a
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M4.998 2.225l-.113.008a.75.75 0 00-.582.46l-2.257 5.57C.837 9.727 1.454 11.338 3.14 12.11l.103.044v7.811l.006.146a1.78 1.78 0 001.773 1.634h4.244v.032l4.825-.032h4.9l.147-.006a1.78 1.78 0 001.634-1.774v-7.806l.078-.034c1.645-.764 2.293-2.304 1.156-3.79l-.039-.048-2.275-5.594a.75.75 0 00-.695-.467H4.998zm14.274 10.327v7.412l-.007.065a.28.28 0 01-.273.215h-4.23v-4.273c0-.958-.777-1.735-1.735-1.735h-2.026c-.96 0-1.735.805-1.735 1.762v4.246H5.022l-.064-.007a.28.28 0 01-.215-.273v-7.447c.847.063 1.703-.102 2.423-.506l.135-.082.055.037c1.17.747 3.209.81 4.556.015l.123-.079.1.06.177.095.186.091c1.247.58 2.64.616 4.031-.18l.093-.055.05.039c.703.5 1.646.694 2.6.6zM5.503 3.724h12.989l2.128 5.23c.03.074.072.142.123.203.587.692.349 1.246-.637 1.656-1.01.42-2.187.317-2.725-.22l-.088-.1a.75.75 0 00-1.044-.135c-1.16.88-2.247.881-3.25.365a2.613 2.613 0 01-.496-.318.75.75 0 00-1.038.04c-.796.826-2.867.742-3.437.161l-.065-.079a.75.75 0 00-1.13-.117c-.733.691-2.044.804-3.07.335-.841-.385-1.06-.882-.596-1.481l.142-.174a.75.75 0 00.082-.15l2.112-5.216zm5.263 12.274c0-.141.117-.262.235-.262h2.026l.063.008a.236.236 0 01.172.227v4.273h-2.496v-4.246z",
-            fill: c
+            fill: a
         })
     }));
 };