@telefonica/mistica 12.10.0 → 12.11.1

package/dist/generated/mistica-icons/icon-chevron-right-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, m = _param.children, a = _objectWithoutProperties(_param, [
+var d = function d(_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)(), r = i != null ? i : h ? n.inverse : n.neutralHigh;
+    var o = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : 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"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.111 4.117a.368.368 0 01.538 0l7.24 7.585c.118.124.142.31.071.46a.41.41 0 01-.088.14l-6.008 6.296a.377.377 0 01-.55 0 .422.422 0 010-.577l5.765-6.04-6.968-7.3a.412.412 0 010-.564zM9.134 19.41a.577.577 0 00-.563-.59.577.577 0 00-.564.59c0 .326.252.59.564.59a.577.577 0 00.563-.59z",
-            fill: r
+            fill: a
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.113 20a.583.583 0 01-.442-.198.644.644 0 010-.875l7.356-6.99-7.318-6.865A.635.635 0 017.67 4.2a.585.585 0 01.846-.037l7.794 7.312a.645.645 0 01.025.886l-.024.025-7.795 7.46a.61.61 0 01-.404.154z",
-            fill: r
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-chevron-right-regular.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return c;
     }
 });
 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,29 +91,29 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, d = _param.children, r = _objectWithoutProperties(_param, [
+var c = function c(_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)(), n = ref.skinName, a = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), l = i != null ? i : h ? a.inverse : a.neutralHigh;
-    return n.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var o = (0, _themeVariantContextJs.useIsInverseVariant)(), l = r != null ? r : 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"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M9.145 4.16a.535.535 0 000 .77L16.414 12l-7.27 7.07a.535.535 0 000 .77.571.571 0 00.793 0L18 12 9.937 4.16a.571.571 0 00-.792 0z",
             fill: l
         })
-    })) : n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    })) : a.match(/^o2/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.2 18.733a.79.79 0 000 1.05.64.64 0 00.962 0l6.639-7.238A.777.777 0 0016 12a.777.777 0 00-.2-.545L9.163 4.217a.641.641 0 00-.963 0 .79.79 0 000 1.05L14.376 12l-6.177 6.733z",
             fill: l
@@ -122,7 +123,7 @@ var v = function v(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.339 20a.823.823 0 01-.617-.285.928.928 0 01.048-1.256l6.73-6.518L7.72 5.4c-.343-.335-.22-.9 0-1.108.28-.28.82-.392 1.163-.08l.02.018 7.323 7.046a.905.905 0 01.274.654.913.913 0 01-.268.658l-7.325 7.175A.804.804 0 018.34 20z",
             fill: l

package/dist/generated/mistica-icons/icon-chevron-top-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        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,16 +90,16 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var u = function u(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, h = _param.children, s = _objectWithoutProperties(_param, [
+var f = function f(_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)(), o = 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), {

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        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 v = function v(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, a = _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, n = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), r = i != null ? i : h ? n.inverse : n.neutralHigh;
+    var o = (0, _themeVariantContextJs.useIsInverseVariant)(), a = 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"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M4.117 15.889a.368.368 0 010-.538l7.585-7.24a.413.413 0 01.46-.071.41.41 0 01.14.088l6.296 6.008a.377.377 0 010 .55.422.422 0 01-.577 0l-6.04-5.765-7.3 6.968a.412.412 0 01-.564 0zm15.293-1.023a.577.577 0 00-.59.563c0 .312.264.564.59.564.326 0 .59-.252.59-.564a.577.577 0 00-.59-.563z",
-            fill: r
+            fill: a
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20 15.887a.583.583 0 01-.198.442.643.643 0 01-.875 0l-6.99-7.356-6.865 7.318a.635.635 0 01-.872.038.584.584 0 01-.037-.846l7.312-7.794a.645.645 0 01.886-.025l.025.025 7.46 7.794a.61.61 0 01.154.404z",
-            fill: r
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-chevron-up-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,13 +92,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var u = function u(_param) {
-    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, i = _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)(), l = ref.skinName, n = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : s ? n.inverse : n.neutralHigh;
-    return l.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), n = t != null ? t : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), o = ref.skinName;
+    return o.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -105,7 +106,7 @@ var u = function u(_param) {
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M4.16 16.612a.545.545 0 00.77 0L12 9.542l7.07 7.07a.544.544 0 10.77-.771L12 8l-7.84 7.84a.545.545 0 000 .772z",
-            fill: a
+            fill: n
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
@@ -115,7 +116,7 @@ var u = function u(_param) {
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.733 15.8a.79.79 0 001.05 0 .641.641 0 000-.962L12.545 8.2A.777.777 0 0012 8a.777.777 0 00-.545.2l-7.238 6.638a.641.641 0 000 .963.79.79 0 001.05 0L12 9.624l6.733 6.177z",
-            fill: a
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-child-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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, l = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, t = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : t ? e.inverse : e.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.844 15.129c0-1.58-1.13-2.152-2.098-2.16v-.216l-.042-1.734c0-.087 0-.17-.012-.263-.137-2.135-.742-5.773-3.952-6.219-.063-.009-.11-.012-.167-.017l-.035-.002-.19-.017a8.178 8.178 0 00-1.014-.003h-1.387c.062-.143.101-.305.101-.498 0-.334-.092-.591-.274-.768-.177-.168-.432-.252-.757-.252s-.582.084-.756.252c-.185.174-.277.434-.277.768 0 .196.042.355.103.498H9.676a6.469 6.469 0 00-.53-.022c-3.89 0-4.723 2.725-4.89 5.843H2.753a.589.589 0 00-.594.585.59.59 0 00.594.586h1.473l-.005 1.482c-.958.022-2.062.596-2.062 2.157 0 1.58 1.137 2.156 2.107 2.17h.165c.056 0 .14-.005.24-.017.553 2.04 1.771 3.737 4.471 3.737.185 0 .359-.008.49-.02h4.662l.092.005a5.967 5.967 0 00.916-.005h.216a.569.569 0 00.207-.039c2.118-.288 3.1-1.963 3.566-3.683a.02.02 0 01.01.002h.004c.112.015.201.02.263.02h.165c.975-.014 2.11-.59 2.11-2.17zM8.07 10.316c.16-1.737.761-3.123 1.803-4.12a5.37 5.37 0 01.566-.465l.098-.065 3.2-.003.1.068c.196.145.39.297.563.465 1.042.997 1.642 2.383 1.804 4.12h-1.193c-.149-1.4-.628-2.504-1.437-3.277-.395-.378-.888-.661-1.437-.885-.55.221-1.045.507-1.44.885-.81.776-1.286 1.877-1.437 3.277H8.07zm10.484 1.58v1.7a.42.42 0 00-.011.104c-.14 5.213-1.832 5.986-3.095 6.112a.848.848 0 00-.084.014h-.101a6.91 6.91 0 01-.933-.003l-4.74.003a7.516 7.516 0 01-.448.017c-2.498 0-3.616-1.838-3.73-6.146a.616.616 0 00-.012-.1l.008-2.107h13.12l.008.148c.003.05.006.1.007.154 0 .037.003.07.011.104zm-8.944 3.79c.328 0 .594-.26.594-.585v-1.833a.59.59 0 00-.594-.585.589.589 0 00-.594.585V15.1a.59.59 0 00.594.586zm4.258 1.574a.58.58 0 010 .83c-.566.557-1.177.848-1.818.856h-.037c-.65 0-1.274-.288-1.851-.86a.58.58 0 010-.829.598.598 0 01.84 0c.353.35.703.518 1.031.518.32-.005.656-.179.994-.515a.598.598 0 01.84 0zm.47-4.577a.59.59 0 01.594.585V15.1a.589.589 0 01-.594.586.59.59 0 01-.593-.585v-1.833a.59.59 0 01.593-.585zm6.317 2.448c0 .653-.317.99-.938.997h-.13c-.01 0-.03 0-.053-.002a15.456 15.456 0 00.159-1.5c.003-.042.007-.084.007-.128l.039-.353c.608.011.916.34.916.986zm-16.247.997l-.126.003c-.624-.008-.938-.344-.938-.997 0-.63.297-.955.871-.98l.028.344c.003.053.01.102.018.151.005.035.01.07.013.104.03.454.081.916.154 1.373-.006.002-.014.002-.02.002z",
             fill: i

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        return o;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var z = function z(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
+var o = function o(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, s = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : l ? h.inverse : h.neutralHigh;
+    var e = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : e ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.841 15.26c0-1.45-1.044-1.977-1.94-1.986-.054.004-.087.004-.127.004-.026 0-.054 0-.092.002v-1.412c-.076-2.857-.572-6.686-3.927-7.123a3.803 3.803 0 00-.177-.023l-.182-.01a7.727 7.727 0 00-1.02 0h-1.543c.146-.175.232-.401.232-.701 0-.336-.095-.6-.282-.776-.183-.168-.443-.255-.774-.255-.33 0-.59.084-.77.255-.188.176-.28.437-.28.776 0 .3.087.526.232.7L9.61 4.697c-.084 0-.168-.002-.253-.004-.089-.002-.18-.004-.274-.004-3.689 0-4.63 2.341-4.795 5.907h-1.73a.4.4 0 00-.403.395c0 .219.18.395.403.395h1.703l-.005.49.008 1.407-.043-.002a2.261 2.261 0 00-.12-.004H4.1c-.896.008-1.941.532-1.941 1.986s1.05 1.983 1.95 1.997h.162c.053-.003.28-.017.4-.03.521 2.058 1.71 3.79 4.412 3.79a6.5 6.5 0 00.499-.02h4.767a6.497 6.497 0 001.02 0h.221c.056 0 .11-.012.157-.034 2.129-.272 3.098-1.877 3.552-3.765l.07.016a.98.98 0 00.112.024c.104.01.19.016.247.016h.162c.902-.014 1.952-.546 1.952-1.997zM5.093 10.594C5.278 6.832 6.351 5.48 9.08 5.48a1.5 1.5 0 01.159.007l.032.002.064.003c.583 0 1.12.05 1.622.14a5.15 5.15 0 00-.991.74C8.9 7.38 8.298 8.797 8.163 10.592h-3.07zm13.785 3.224c-.112 4.131-1.171 6.156-3.336 6.372a.355.355 0 00-.079.017h-.117a7.42 7.42 0 01-.967 0H9.556a6.55 6.55 0 01-.474.02c-2.686 0-3.888-1.914-4.008-6.404l-.011-1.944.005-.496h13.787c.009.16.017.32.023.488v1.947zm2.157 1.445c0 1.034-.726 1.199-1.157 1.204l-.137.003-.03-.002a1.875 1.875 0 01-.167-.015.25.25 0 01-.09-.014c.14-.832.197-1.582.222-2.37.081-.002.135-.002.216-.002.425.003 1.143.165 1.143 1.196zm-7.272 2.291a.411.411 0 00-.572 0c-.386.378-.776.572-1.154.577-.378-.01-.798-.187-1.199-.58a.411.411 0 00-.57 0 .392.392 0 000 .56c.548.541 1.136.813 1.747.813h.034c.599-.008 1.176-.283 1.714-.81a.392.392 0 000-.56zm-1.625-11.6a4.732 4.732 0 011.61.987c.903.857 1.421 2.084 1.55 3.653H8.98c.126-1.566.645-2.796 1.55-3.653a4.791 4.791 0 011.607-.986zm1.18-.324a9.13 9.13 0 011.621-.14v-.006h.05l.14.001c.073 0 .143 0 .239.005l.073.008.098.009c1.927.196 2.977 1.823 3.266 5.084H16.11c-.134-1.796-.74-3.213-1.8-4.222a5.58 5.58 0 00-.992-.74zM4.256 16.467l-.135-.002c-.431-.006-1.156-.171-1.156-1.205 0-1.03.717-1.193 1.142-1.196.062 0 .101 0 .171-.003.025.768.084 1.588.224 2.39a3.624 3.624 0 01-.246.016zm5.305-3.484a.4.4 0 01.404.395v1.851a.4.4 0 01-.404.395.398.398 0 01-.403-.395v-1.851a.4.4 0 01.403-.395zm5.227.395a.4.4 0 00-.403-.395.4.4 0 00-.404.395v1.851c0 .219.18.395.404.395a.4.4 0 00.403-.395v-1.851z",
-            fill: i
+            fill: t
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        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 z = function z(_param) {
-    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, e = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, i = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : r ? h.inverse : h.neutralHigh;
+    var e = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : e ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.841 15.131c0-1.58-1.129-2.151-2.098-2.16l-.003-.215.003-1.75c-.003-.04-.008-.075-.012-.108a1.664 1.664 0 01-.013-.148c-.137-2.134-.773-5.764-3.983-6.21a4.888 4.888 0 00-.213-.028l-.18-.011a8.178 8.178 0 00-1.013-.003h-1.387c.062-.143.1-.305.1-.498 0-.334-.094-.591-.276-.768-.177-.168-.432-.252-.757-.252s-.58.084-.756.252c-.182.174-.275.434-.275.768 0 .196.043.355.104.498H9.67a6.415 6.415 0 00-.53-.022c-3.89 0-4.722 2.725-4.89 5.843h-1.5a.589.589 0 00-.594.585.59.59 0 00.594.586h1.473l-.005 1.482c-.958.022-2.062.596-2.062 2.157 0 1.58 1.134 2.156 2.106 2.17h.166c.058 0 .142-.005.243-.017.552 2.04 1.77 3.737 4.47 3.737.186 0 .36-.008.491-.02h4.661l.093.005a5.97 5.97 0 00.916-.005h.215a.568.568 0 00.207-.039c2.118-.288 3.101-1.963 3.566-3.683l.004.002a2.149 2.149 0 00.273.023h.166c.975-.014 2.11-.59 2.11-2.17zm-16.4-4.81C5.637 6.847 6.62 5.65 9.14 5.65l.25.009c.369 0 .71.04 1.047.078-.2.146-.39.297-.566.465-1.042.998-1.641 2.384-1.804 4.12H5.441zM18.553 11.9v1.7a.42.42 0 00-.012.104c-.137 5.215-1.832 5.989-3.095 6.114a.846.846 0 00-.084.015h-.1c-.292.02-.57.02-.933-.003l-4.74.003a7.516 7.516 0 01-.448.016c-2.499 0-3.616-1.84-3.731-6.148a.412.412 0 00-.011-.1l.008-2.107h13.12l.007.148.008.154c0 .037.005.07.01.104zm2.1 3.235c0 .653-.316.989-.938.997l-.131-.003h-.02a.379.379 0 00-.034-.002 13.63 13.63 0 00.16-1.506c.003-.04.007-.08.008-.125l.04-.347c.607.011.916.339.916.986zm-6.79 2.129a.595.595 0 00-.837 0c-.339.336-.675.51-1 .515-.328 0-.678-.168-1.03-.518a.595.595 0 00-.838 0 .58.58 0 000 .83c.577.57 1.201.86 1.851.86h.037c.641-.01 1.252-.3 1.818-.858a.58.58 0 000-.83zM12.136 6.156c.55.225 1.042.507 1.437.886.81.773 1.286 1.876 1.437 3.277H9.26c.15-1.4.627-2.501 1.436-3.277.398-.379.891-.661 1.44-.886zm1.808-.433a7.31 7.31 0 01.904-.068h.03c.132 0 .264.003.42.014l.146.014c1.132.115 2.606.756 3 4.639H16.2c-.16-1.737-.762-3.123-1.804-4.12a5.34 5.34 0 00-.563-.466l.11-.013zM4.407 16.131h-.126c-.625-.008-.938-.344-.938-.997 0-.63.3-.955.874-.98l.042.355c0 .046.004.084.008.122a16.572 16.572 0 00.16 1.498h-.01a.055.055 0 01-.01.002zm5.796-1.028a.589.589 0 01-.594.586.59.59 0 01-.594-.586v-1.832c0-.325.266-.585.594-.585a.59.59 0 01.594.585v1.832zm4.728-1.832a.59.59 0 00-.594-.585.59.59 0 00-.594.585v1.832a.59.59 0 00.594.586c.328 0 .594-.26.594-.586v-1.832z",
-            fill: t
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-chip-device-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return z;
     }
 });
-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 p = function p(_param) {
-    var h = _param.color, tmp = _param.size, v = tmp === void 0 ? 24 : tmp, l = _param.children, t = _objectWithoutProperties(_param, [
+var z = function z(_param) {
+    var h = _param.color, tmp = _param.size, v = tmp === void 0 ? 24 : tmp, l = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), i = h != null ? h : c ? e.inverse : e.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), e = h != null ? h : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: v,
         height: v,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M17.42 6.668h1.705c.692 0 1.14.448 1.143 1.142v7.014c0 .695-.448 1.143-1.143 1.143H17.42v2.588c0 2.216-1.061 3.292-3.249 3.292H6.985c-2.188 0-3.25-1.076-3.25-3.292V5.446c0-2.185 1.093-3.291 3.25-3.291h7.185c1.106 0 1.91.272 2.454.832.535.549.795 1.353.795 2.46v1.22zm-6.852 12.711c.302 0 .546-.081.714-.252.151-.157.238-.39.24-.706 0-.653-.374-.958-.954-.958s-.955.303-.955.958c0 .314.086.549.24.706.168.17.412.252.715.252zm8.857-4.555V7.808c0-.236-.067-.303-.303-.303H16.16l-1.905 1.426v5.893c0 .236.067.303.303.303h4.565c.236 0 .303-.067.303-.303z",
-                fill: i
+                fill: e
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M18.54 10.345a.28.28 0 01.28.28v3.544a.28.28 0 01-.28.28h-3.376a.281.281 0 01-.28-.28v-3.543a.28.28 0 01.28-.28h3.376zm-1.41 2.98h-.562v.564h.563v-.563zm-1.683-1.296v.737h2.813v-.737h-2.813zm2.813-1.123h-.569v.563h.566l.003-.563zm-2.253 0h-.56v.563h.56v-.563zm0 2.42h-.56v.563h.56v-.563zm1.684.563h.569v-.563h-.569v.563zm-1.123-2.983v.563h.563v-.563h-.563z",
-                fill: i
+                fill: e
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-chip-device-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return z;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var h = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, i = _objectWithoutProperties(_param, [
+var z = function z(_param) {
+    var h = _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)(), t = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), v = h != null ? h : s ? t.inverse : t.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), v = h != null ? h : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: c,
-        height: c,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M10.64 17.826c-.504 0-.831.266-.831.834 0 .275.075.477.21.614.145.148.358.221.621.221.264 0 .477-.073.622-.221.135-.137.21-.342.21-.614-.002-.568-.33-.834-.832-.834z",

package/dist/generated/mistica-icons/icon-chip-device-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return z;
     }
 });
-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 z = function z(_param) {
     var h = _param.color, tmp = _param.size, v = tmp === void 0 ? 24 : tmp, a = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, m = (0, _themeVariantContextJs.useIsInverseVariant)(), c = h != null ? h : m ? e.inverse : e.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), c = h != null ? h : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: v,
         height: v,

package/dist/generated/mistica-icons/icon-chip-sim-card-filled.js

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

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

package/dist/generated/mistica-icons/icon-chip-sim-card-regular.js

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