@telefonica/mistica 12.9.1 → 12.11.0

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return g;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var g = function g(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), v = ref.skinName, i = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : n ? i.inverse : i.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), e = c != null ? c : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), v = ref.skinName;
     return v.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
@@ -105,7 +106,7 @@ var p = function p(_param) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.906 10.877a.37.37 0 01.363-.375c.2 0 .363.164.363.37 0 1.738-1.275 3.168-2.909 3.355v2.27a.364.364 0 01-.363.374.358.358 0 01-.256-.11l-2.439-2.515h-3.849c-1.806 0-3.272-1.512-3.272-3.374v-3H5.272c-1.406 0-2.546 1.176-2.546 2.626V15c0 1.45 1.14 2.626 2.546 2.626.2 0 .363.168.363.374v1.718l1.922-1.982a.343.343 0 01.256-.11h3.999c1.056 0 2.01-.687 2.383-1.704a.364.364 0 01.47-.221c.19.077.284.293.214.485-.475 1.31-1.704 2.188-3.063 2.188h-3.85L5.529 20.89a.358.358 0 01-.396.081.372.372 0 01-.223-.345v-2.27C3.275 18.162 2 16.732 2 15v-4.502c0-1.863 1.466-3.375 3.272-3.375h3.272v-.749C8.544 4.512 10.01 3 11.816 3h6.544c1.806 0 3.272 1.512 3.272 3.374a.37.37 0 01-.363.375.37.37 0 01-.363-.375c0-1.45-1.14-2.625-2.546-2.625h-6.544c-1.405 0-2.546 1.176-2.546 2.625v4.503c0 1.45 1.14 2.625 2.546 2.625h3.998a.364.364 0 01.26.11l1.923 1.983v-1.718a.37.37 0 01.363-.375c1.406 0 2.546-1.176 2.546-2.625zm.368-1.503c.4 0 .726-.336.726-.748a.739.739 0 00-.726-.75.74.74 0 00-.726.75c0 .412.326.748.726.748z",
-            fill: c
+            fill: e
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: a,
@@ -116,11 +117,11 @@ var p = function p(_param) {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M18.246 8.178H5.753a.28.28 0 01-.28-.28.28.28 0 01.28-.28h12.493a.28.28 0 01.28.28.28.28 0 01-.28.28zm-3.823 4.369h-8.67a.281.281 0 01-.28-.28.28.28 0 01.28-.28h8.67a.28.28 0 01.28.28.28.28 0 01-.28.28z",
-                fill: c
+                fill: e
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M5.117 21.276c-.411 0-.77-.342-.77-.729v-3.109a2.324 2.324 0 01-1.501-.767c-.432-.482-.67-1.14-.67-1.852v-9.46a2.64 2.64 0 012.639-2.635h14.372A2.638 2.638 0 0121.82 5.36v9.459a2.64 2.64 0 01-2.635 2.636H8.1c-.418.622-2.219 3.291-2.328 3.45-.21.306-.473.37-.656.37zm-.302-17.99a2.08 2.08 0 00-2.079 2.076v9.457c0 1.202.793 2.076 1.888 2.076a.28.28 0 01.28.28v3.372c0 .065.099.168.21.168.054 0 .118-.014.194-.126.12-.176 2.386-3.537 2.409-3.571a.28.28 0 01.232-.123h11.239a2.076 2.076 0 002.072-2.076v-9.46c0-1.145-.93-2.072-2.075-2.075l-14.37.003z",
-                fill: c
+                fill: e
             })
         ]
     }));

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

package/dist/generated/mistica-icons/icon-check-filled.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 e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _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, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : s ? r.inverse : r.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), l = 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: "M8.552 19.5l-6.284-6.713a.965.965 0 01.048-1.381.937.937 0 011.364.049l4.92 5.132L20.345 4.795a.937.937 0 011.364 0 .965.965 0 010 1.381L8.552 19.5z",
             fill: l

package/dist/generated/mistica-icons/icon-check-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,16 +90,16 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, l = _param.children, i = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, l = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e != null ? e : n ? r.inverse : r.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), o = 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"
     }, i), {

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return c;
+        return v;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +91,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var c = function c(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, d = _param.children, r = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var r = _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)(), l = ref.skinName, n = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), a = i != null ? i : h ? n.inverse : n.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), l = ref.skinName;
     return l.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.435 19.546l-6.172-6.509a.929.929 0 01.048-1.34.929.929 0 011.341.047l4.834 4.977 11.53-11.435a.929.929 0 011.34 0 .928.928 0 010 1.341L8.436 19.546z",
             fill: a
@@ -112,7 +113,7 @@ var c = function c(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.552 19.5l-6.284-6.713a.965.965 0 01.048-1.381.937.937 0 011.364.049l4.92 5.132L20.345 4.795a.937.937 0 011.364 0 .965.965 0 010 1.381L8.552 19.5z",
             fill: a
@@ -122,7 +123,7 @@ var c = function c(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M9.016 20a.997.997 0 01-.77-.353l-5.033-6.065a.916.916 0 01.155-1.322 1.012 1.012 0 011.379.149L8.99 17.52 19.233 4.377a1.01 1.01 0 011.373-.19.915.915 0 01.198 1.317L9.807 19.621a.988.988 0 01-.77.379h-.02z",
             fill: a

package/dist/generated/mistica-icons/icon-checked-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, c = _param.children, l = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.skinName, n = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), r = i != null ? i : a ? n.inverse : n.neutralHigh;
+    var o = (0, _themeVariantContextJs.useIsInverseVariant)(), l = t != null ? t : 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"
-    }, l), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M2 12C2 6.484 6.484 2 12 2s10 4.484 10 10-4.484 10-10 10S2 17.516 2 12zm8.633 2.164l-2.567-2.595a.724.724 0 00-1.032-.029.7.7 0 00-.027 1.023l3.593 3.721 7.38-7.247a.704.704 0 000-1.023.726.726 0 00-1.03 0l-6.317 6.15z",
-            fill: r
+            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: "M11.997 1c3.495 0 6.213.912 8.081 2.71C22.018 5.58 23 8.37 23 12.004c0 3.632-.984 6.418-2.922 8.286C18.21 22.088 15.492 23 11.997 23c-3.495 0-6.213-.912-8.079-2.71C1.981 18.42 1 15.634 1 12.002c0-3.632.981-6.421 2.918-8.289C5.784 1.912 8.502 1 11.998 1zm-1.138 15.62l6.458-8.638a.58.58 0 00-.12-.808.576.576 0 00-.805.116l-6.01 8.041-2.489-3.127a.577.577 0 00-.9.718l2.954 3.713c.11.138.276.216.451.216h.01a.572.572 0 00.45-.232z",
-            fill: r
+            fill: l
         })
     }));
 };

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        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,19 +91,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, d = _param.children, l = _objectWithoutProperties(_param, [
+var g = function g(_param) {
+    var r = _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)(), s = ref.skinName, n = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : h ? n.inverse : n.neutralHigh;
-    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = 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.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M11.998 2C6.488 2 2 6.488 2 12s4.487 10 9.998 10a9.97 9.97 0 005.33-1.544.353.353 0 00.113-.496.36.36 0 00-.496-.112 9.257 9.257 0 01-4.951 1.432c-5.119 0-9.282-4.164-9.282-9.284 0-5.12 4.167-9.288 9.286-9.288s9.282 4.164 9.282 9.284a9.261 9.261 0 01-1.432 4.952.36.36 0 00.608.384A9.965 9.965 0 0022 11.996C21.996 6.488 17.513 2 11.998 2z",
@@ -118,7 +119,7 @@ var v = function v(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M10.107 16.73a.29.29 0 00.235.116c.09 0 .178-.044.235-.116l6.864-8.872a.298.298 0 00-.053-.416.298.298 0 00-.417.053l-6.63 8.565-2.652-3.466a.296.296 0 00-.416-.057.296.296 0 00-.057.417l2.89 3.776z",

package/dist/generated/mistica-icons/icon-checked-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,28 +92,28 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var u = function u(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, d = _param.children, a = _objectWithoutProperties(_param, [
+    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, h = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = i != null ? i : s ? h.inverse : h.neutralHigh;
-    return r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var o = (0, _themeVariantContextJs.useIsInverseVariant)(), t = i != null ? i : o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), a = ref.skinName;
+    return a.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12 20.637c-4.601 0-8.637-4.036-8.637-8.637 0-4.601 4.036-8.637 8.637-8.637 4.6 0 8.637 4.036 8.637 8.637 0 4.6-4.036 8.637-8.637 8.637zM2 12c0 5.327 4.673 10 10 10s10-4.673 10-10S17.327 2 12 2 2 6.673 2 12zm8.348 1.466l-1.585-1.629a.682.682 0 00-.963.964l2.548 2.593 5.717-5.83a.682.682 0 00-.964-.964",
             fill: t
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M10.633 14.164l6.317-6.15a.726.726 0 011.03 0 .704.704 0 010 1.023l-7.38 7.247-3.593-3.721a.7.7 0 01.027-1.023.724.724 0 011.032.029l2.567 2.595z",
@@ -128,7 +129,7 @@ var u = function u(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M9.947 16.64c.11.138.276.217.451.217h.013a.572.572 0 00.451-.232l6.452-8.639a.575.575 0 10-.922-.69l-6.01 8.044-2.489-3.128a.577.577 0 00-.9.718l2.954 3.71z",

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        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 d = function d(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, a = _param.children, i = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, a = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : s ? h.inverse : h.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : s ? _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"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.821 12.273l5.804 7.658c.27.414.286.88.067 1.274-.218.398-.65.639-1.111.639H3.328c-.42 0-.818-.224-1.02-.588a1.12 1.12 0 01.018-1.16l5.837-7.832.81-1.075v-7.79h-.757a.632.632 0 01-.633-.622c0-.34.289-.622.633-.622h7.572c.355 0 .633.283.633.622a.626.626 0 01-.633.622h-.784v7.79l.817 1.084zm-5.708-.513l-.34.457c1.365.215 3.057.215 4.44.008l-.344-.465a.587.587 0 01-.126-.373V3.4h-3.504v7.988a.605.605 0 01-.126.373zm4.075 7.84h.126c.723-.017 1.566-.448 1.566-1.622 0-1.165-.84-1.605-1.566-1.621h-.134c-.726 0-1.569.431-1.569 1.613 0 .597.21.992.516 1.25.302.257.7.372 1.061.38zm-4.23-2.557c.53-.008 1.062-.347 1.062-1.084 0-.737-.532-1.076-1.061-1.084h-.076c-.524 0-1.053.339-1.053 1.075 0 .746.532 1.085 1.053 1.093h.076z",
-            fill: n
+            fill: l
         })
     }));
 };

package/dist/generated/mistica-icons/icon-chemistry-light.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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var h = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, l = _param.children, r = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, l = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), i = h != null ? h : a ? e.inverse : e.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: c,
-        height: c,
+        width: h,
+        height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.705 21.3c.19-.337.182-.726-.05-1.082l-6.808-8.989V3.002h1.026a.434.434 0 00.431-.423.428.428 0 00-.431-.423H8.128a.426.426 0 00-.432.423c0 .23.2.423.432.423h.997v7.356a.237.237 0 000 .11v.761l-6.826 9.14a.936.936 0 00-.017.98c.173.306.498.49.851.49h17.633c.395 0 .748-.201.939-.54zM9.898 11.617a.414.414 0 00.087-.249v-.905a.54.54 0 01.002-.041.21.21 0 00-.002-.068V3h4.003v8.373c0 .087.033.18.086.246l.524.695c-1.49.356-3.7.373-5.25.042l.55-.737zm11.059 9.27a.222.222 0 01-.19.111H3.132a.114.114 0 01-.103-.067c-.017-.028-.026-.07-.017-.095L8.797 13.1c.86.23 1.944.356 3.081.356 1.222 0 2.384-.143 3.28-.406l5.79 7.652a.18.18 0 01.009.185zm-6.608-1.553h-.112c-.25-.002-1.182-.092-1.182-1.238 0-1.145.921-1.23 1.17-1.232h.121c.241.006 1.185.1 1.185 1.238 0 1.14-.947 1.227-1.182 1.232zm2.042-1.232c0-1.406-1.02-2.062-2.025-2.084h-.146c-1.011.008-2.028.653-2.028 2.076 0 1.42 1.02 2.07 2.03 2.084h.144c1.008-.017 2.025-.667 2.025-2.076zm-6.487-1.38h-.018l-.022.002h-.022c-.137-.003-.658-.053-.658-.69 0-.635.515-.683.652-.685h.065c.137.002.66.056.66.686 0 .636-.526.683-.657.686zm1.515-.684c0-1.026-.776-1.516-1.499-1.533l-.067-.002h-.025c-.723.005-1.504.487-1.504 1.529 0 1.04.778 1.524 1.504 1.535h.09c.722-.011 1.501-.496 1.501-1.53z",
             fill: i

package/dist/generated/mistica-icons/icon-chemistry-regular.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, c = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, i = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : s ? h.inverse : h.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.691 21.203c.219-.39.202-.86-.067-1.283l-6.62-8.74V3.4h.783a.622.622 0 000-1.244H8.212a.628.628 0 00-.633.62.631.631 0 00.63.62h.768v6.973a.346.346 0 000 .131v.678l-6.653 8.908a1.142 1.142 0 00-.017 1.168c.21.356.597.588 1.02.588h17.26c.465 0 .886-.25 1.104-.638zm-11.574-9.451a.604.604 0 00.126-.365v-.893a.109.109 0 00-.004-.025c-.002-.009-.004-.017-.004-.025 0-.01.003-.023.005-.034a.103.103 0 00.003-.017V3.396h3.496v7.991c0 .132.045.261.126.365l.32.428c-1.306.25-3.065.258-4.413.025l.345-.453zM3.515 20.6l5.44-7.294c.84.205 1.86.322 2.93.322 1.156 0 2.249-.131 3.126-.372l5.577 7.344H3.515zm11.944-2.627c0 1.115-.925 1.202-1.154 1.202h-.112c-.244-.003-1.157-.093-1.157-1.213s.902-1.202 1.145-1.205h.023a1.014 1.014 0 01.092.003c.238.008 1.163.1 1.163 1.213zm-1.14-2.04l-.112-.002-.031.003c-.989.008-1.983.641-1.983 2.033 0 1.39.997 2.026 1.986 2.04h.14c.986-.017 1.983-.656 1.983-2.034 0-1.375-.997-2.014-1.983-2.04zm-4.367.69H9.89c-.134-.003-.644-.05-.644-.675 0-.622.504-.67.638-.67h.065c.132.003.647.053.647.672 0 .622-.515.67-.644.673zm1.487-.67c0-1.008-.762-1.484-1.468-1.501h-.095c-.709.005-1.47.476-1.47 1.498 0 1.017.761 1.49 1.473 1.502h.087c.708-.014 1.473-.488 1.473-1.499z",
-            fill: a
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-chevron-down-light.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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 p = function p(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, n = _objectWithoutProperties(_param, [
+var d = function d(_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)(), l = ref.skinName, r = ref.colors, o = (0, _themeVariantContextJs.useIsInverseVariant)(), a = i != null ? i : o ? r.inverse : r.neutralHigh;
+    var o = (0, _themeVariantContextJs.useIsInverseVariant)(), n = t != null ? t : o ? _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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.883 8.111a.368.368 0 010 .538l-7.585 7.24a.413.413 0 01-.46.071.41.41 0 01-.14-.088L5.402 9.864a.377.377 0 010-.55.422.422 0 01.577 0l6.04 5.765 7.3-6.968a.412.412 0 01.564 0zM4.59 9.134c.326 0 .59-.252.59-.563a.577.577 0 00-.59-.564.577.577 0 00-.59.564c0 .31.264.563.59.563z",
-            fill: a
+            fill: n
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20 7.68a.7.7 0 01-.16.45l-7.314 8.658a.577.577 0 01-.897 0L4.178 8.129a.71.71 0 010-.939.595.595 0 01.872 0l7.02 8.171 6.862-8.132a.584.584 0 01.868-.005l.004.005c.114.12.185.28.196.451z",
-            fill: a
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-chevron-down-regular.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,42 +91,42 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, n = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.skinName, l = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), r = i != null ? i : h ? l.inverse : l.neutralHigh;
-    return a.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var o = (0, _themeVariantContextJs.useIsInverseVariant)(), a = t != null ? t : o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
+    return n.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.84 8.16a.545.545 0 00-.77 0L12 15.23 4.93 8.16a.545.545 0 00-.77.77L12 16.77l7.84-7.84a.545.545 0 000-.77z",
-            fill: r
+            fill: a
         })
-    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M5.266 8.2a.79.79 0 00-1.049 0 .641.641 0 000 .962l7.238 6.639c.15.137.348.204.545.199a.777.777 0 00.545-.2l7.238-6.638a.642.642 0 000-.963.79.79 0 00-1.05 0L12 14.376 5.266 8.199z",
-            fill: r
+            fill: a
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M4 8.339c0-.235.105-.46.285-.617a.928.928 0 011.256.048l6.518 6.651 6.393-6.646a.928.928 0 011.256-.055c.355.3.392.82.08 1.163l-.018.02-7.046 7.323a.905.905 0 01-.654.274.913.913 0 01-.658-.268L4.237 8.907A.803.803 0 014 8.34z",
-            fill: r
+            fill: a
         })
     }));
 };