@telefonica/mistica 12.10.0 → 12.11.1

package/dist/generated/mistica-icons/icon-arrow-up-filled.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return v;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, l = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), o = ref.skinName, r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = i != null ? i : s ? r.inverse : r.neutralHigh;
-    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    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: "M15.709 21.996v-7.784h3.709c.847 0 1.622-.536 1.943-1.357.32-.785.178-1.642-.424-2.25L12 2l-8.93 8.605c-.601.608-.744 1.465-.423 2.25.352.82 1.096 1.357 1.943 1.357H8.3V22l7.41-.004z",
-            fill: n
+            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: "M21.84 11.96c0 .152-.028.3-.084.44-.176.435-.602.701-1.106.695l-3.65.003a.22.22 0 00-.056.04l-.02 6.882c.009.616-.145 1.07-.468 1.384-.322.313-.775.459-1.392.442H9.022c-.42.009-1.025-.03-1.445-.437-.42-.406-.479-1.008-.487-1.426l.002-6.72a.453.453 0 00-.053-.156l-3.563.005H3.47c-.857-.005-1.148-.414-1.246-.658-.168-.417-.014-.9.42-1.322l8.712-8.658c.084-.087.33-.337.689-.334a.82.82 0 01.594.275l8.703 8.481c.325.3.498.69.498 1.065z",
-            fill: n
+            fill: l
         })
     }));
 };

package/dist/generated/mistica-icons/icon-arrow-up-left-filled.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, r = _objectWithoutProperties(_param, [
+var d = function d(_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)(), o = ref.skinName, l = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = i != null ? i : s ? l.inverse : l.neutralHigh;
-    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    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"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M2 15.376c0 .884.508 1.648 1.324 1.984.816.34 1.716.16 2.344-.464l2.78-2.776 7.88 7.88L22 16.328l-7.88-7.88 2.78-2.78a2.107 2.107 0 00.464-2.344A2.118 2.118 0 0015.38 2H2v13.376z",
-            fill: n
+            fill: l
         })
     })) : /* @__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: "M20.455 13.873v.022c-.005.395-.196.779-.56 1.143l-5.025 5.045-.017.017c-.347.319-.709.44-1.078.36-.337-.072-.606-.302-.824-.52l-.014-.014-4.81-5.112-2.588 2.588c-.33.316-.893.409-1.339.218-.414-.176-.66-.565-.66-1.039V4.49a.901.901 0 01.254-.717.894.894 0 01.717-.252l12.146.005c.415-.01.793.233.955.614.205.456.112 1.047-.216 1.406l-.014.017-2.38 2.378 4.904 4.79.006.005c.361.356.543.74.543 1.138z",
-            fill: n
+            fill: l
         })
     }));
 };

package/dist/generated/mistica-icons/icon-arrow-up-left-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 t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, a = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var r = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.skinName, i = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = t != null ? t : n ? i.inverse : i.neutralHigh;
-    return c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : 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: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.072 15.347a.354.354 0 00.108-.256.359.359 0 00-.104-.26L13.428 8.18l3.076-3.076c.528-.528.68-1.288.392-1.98A1.795 1.795 0 0015.216 2H2v13.211c0 .748.432 1.392 1.124 1.68a1.788 1.788 0 001.98-.392l3.076-3.076 8.472 8.472a.37.37 0 00.516 0 .362.362 0 000-.516l-8.984-8.984-3.592 3.592c-.38.38-.864.372-1.188.236a1.077 1.077 0 01-.676-1.008V2.724h12.48c.536 0 .872.352 1.008.676.136.324.144.808-.236 1.188L12.388 8.18l7.168 7.167a.37.37 0 00.516 0zm1.928 1.2a.728.728 0 10-1.456 0 .728.728 0 001.456 0z",
-            fill: r
+            fill: a
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M13.338 20.006c.183.177.484.469.872.469.213 0 .451-.087.712-.325l5.056-5.064c.66-.661.666-1.356.016-2.006l-5.072-5.092a.195.195 0 01-.062-.135c0-.025.006-.073.042-.109l2.571-2.571c.267-.289.342-.788.177-1.16a.772.772 0 00-.728-.474L4.244 3.534a.672.672 0 00-.538.182.669.669 0 00-.182.538v12.602c-.003.384.188.686.518.83.359.153.826.08 1.09-.172l2.778-2.778a.143.143 0 01.11-.043.19.19 0 01.134.06l5.168 5.238.003.002.013.013zm1.2-.262c-.275.25-.41.258-.815-.146l-5.168-5.246a.743.743 0 00-.513-.224.707.707 0 00-.524.204l-2.77 2.77c-.092.087-.311.135-.479.062-.123-.053-.18-.151-.18-.314V4.223l-.002-.014c-.006-.045.003-.084.02-.1.016-.018.053-.026.1-.02.009.002.02.002.028.002l12.684.006c.073 0 .165.017.221.143.076.168.04.423-.073.549l-2.56 2.56a.711.711 0 00-.204.524c.005.19.086.375.224.512l5.075 5.096c.219.218.322.414.32.602-.003.185-.115.39-.337.61l-5.047 5.051z",
-            fill: r
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-arrow-up-left-regular.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        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,42 +91,42 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var m = function m(_param) {
-    var t = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, s = _param.children, a = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var r = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, s = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, n = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = t != null ? t : h ? n.inverse : n.neutralHigh;
-    return r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), i = ref.skinName;
+    return i.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.574 20.08L8.393 10.9l-5.06 5.06V3.356h12.602l-5.059 5.06 9.18 9.18-2.482 2.483zM12.795 8.416l5.258-5.258L17.574 2H1.976v15.598l1.158.48 5.258-5.26L17.574 22l4.402-4.402-9.181-9.182z",
-            fill: i
+            fill: a
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M22 16.734a.7.7 0 01-1.196.496l-8.916-8.915L15.6 4.604a.69.69 0 00.152-.764.693.693 0 00-.648-.436h-11.7v11.694c0 .436.332.608.436.648.1.044.456.156.764-.152l3.712-3.711 8.916 8.918a.701.701 0 11-.992.992L8.316 13.87l-2.72 2.72a2.072 2.072 0 01-2.292.456A2.076 2.076 0 012 15.098V2h13.1c.868 0 1.612.5 1.944 1.3.332.8.156 1.68-.456 2.295l-2.72 2.72 7.928 7.923a.699.699 0 01.204.496z",
-            fill: i
+            fill: a
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M13.777 20.464c.073.014.143.022.216.022.291 0 .582-.129.86-.384l.017-.017 5.025-5.047c.367-.364.555-.748.56-1.143.006-.406-.176-.795-.543-1.162l-.006-.006-4.905-4.79 2.384-2.375a.074.074 0 01.014-.017c.328-.359.42-.95.216-1.406a1.009 1.009 0 00-.955-.614L4.514 3.52a.89.89 0 00-.717.252.901.901 0 00-.255.717v12.087c-.003.476.244.865.658 1.044.446.191 1.009.098 1.34-.218l2.587-2.588 4.813 5.115.014.014c.218.218.487.448.823.52zm.213-1.056c-.028-.012-.104-.054-.274-.222l-4.877-5.19-.011-.011a.995.995 0 00-.675-.294.955.955 0 00-.7.274L4.8 16.618a.241.241 0 01-.177.008.175.175 0 01-.005-.05V4.59l12.022.005a.337.337 0 01-.03.213l-2.45 2.448a.973.973 0 00.017 1.376l.005.005 4.972 4.857c.107.104.23.255.227.381-.003.101-.09.244-.246.401l-5.017 5.04a.606.606 0 01-.129.092z",
-            fill: i
+            fill: a
         })
     }));
 };

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

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "default", {
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -91,31 +92,31 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var d = function d(_param) {
-    var l = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, s = _param.children, t = _objectWithoutProperties(_param, [
+    var l = _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)(), r = ref.skinName, h = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : n ? h.inverse : h.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), t = l != null ? l : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
+    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.498 21.644c0 .196.157.356.35.356.192 0 .349-.16.337-.352v-8.054h-4.91c-.535 0-.868-.364-1.01-.712-.133-.324-.149-.812.208-1.176l8.53-8.694 8.518 8.698c.358.368.342.844.208 1.176-.133.34-.474.712-1.008.712H14.81v5.545c0 .197.157.357.35.357.192 0 .349-.16.349-.357v-4.829h4.212c.722 0 1.373-.456 1.66-1.16.287-.696.145-1.448-.357-1.96L12.004 2l-9.021 9.194a1.797 1.797 0 00-.357 1.96c.286.708.938 1.16 1.66 1.16h4.212v7.33zM15.16 22a.706.706 0 00.698-.712.706.706 0 00-.699-.712.706.706 0 00-.698.712c0 .393.312.712.698.712z",
-            fill: i
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M7.508 21.431c.3.288.728.426 1.344.426l.043-.002.038-.001h6.219c.574.017 1.042-.134 1.353-.44.3-.294.448-.706.44-1.23v-6.899c0-.095.064-.173.145-.173l3.779-.006h.017c.409 0 .734-.204.874-.549.162-.4.022-.893-.356-1.255l-8.93-8.966c-.129-.135-.272-.205-.426-.205h-.003c-.173 0-.341.087-.515.264l-8.96 8.901c-.376.368-.497.802-.331 1.185.173.41.641.67 1.165.653l3.518-.022c.081 0 .146.078.146.173l-.003 6.908c.008.554.154.958.443 1.238zm.411-.426c-.17-.165-.257-.434-.263-.82l.003-6.902a.75.75 0 00-.737-.762l-3.524.022H3.39c-.275.011-.53-.112-.608-.294-.087-.202.09-.42.205-.532l8.96-8.908.003-.003a.49.49 0 01.087-.075l.003.002a.025.025 0 01.008.009l.006.006 8.938 8.974.003.004.003.002c.25.235.271.473.218.608-.05.117-.165.182-.327.182h-.014l-3.782.005a.75.75 0 00-.737.762v6.908c.006.356-.084.624-.263.801-.246.24-.639.28-.924.272H8.928c-.488.008-.818-.076-1.009-.26z",
-            fill: i
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-arrow-up-regular.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,42 +91,42 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, h = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, s = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.skinName, r = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : a ? r.inverse : r.neutralHigh;
-    return i.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), t = ref.skinName;
+    return t.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.595 22a.716.716 0 00.714-.714V12.89H4.13c-.357 0-.571-.286-.643-.537-.037-.108-.142-.465.109-.714l8.035-7.675 8.035 7.678a.62.62 0 01.108.714c-.108.214-.323.537-.643.537h-5.18v8.392c0 .394.322.714.713.714a.718.718 0 00.714-.714v-6.967h3.75c.858 0 1.643-.57 1.966-1.394.323-.785.18-1.68-.429-2.25L11.631 2l-9.035 8.643c-.608.609-.751 1.465-.428 2.285.357.823 1.108 1.394 1.965 1.394h3.75v6.964a.714.714 0 00.712.714z",
-            fill: t
+            fill: r
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M9.136 22c.37 0 .675-.324.675-.716v-8.392h-4.89c-.335 0-.538-.284-.604-.536-.036-.108-.137-.464.101-.716l7.583-7.676 7.582 7.676a.646.646 0 01.101.716c-.101.216-.304.536-.605.536h-4.89v8.392c0 .396.305.716.676.716.37 0 .675-.324.675-.716V14.32h3.54c.807 0 1.549-.572 1.853-1.392.305-.784.172-1.68-.406-2.252L12 2l-8.526 8.644c-.574.608-.71 1.464-.406 2.284.335.824 1.046 1.392 1.853 1.392h3.54v6.964c0 .392.304.716.675.716z",
-            fill: t
+            fill: r
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.168 21.849c.563 0 .986-.146 1.283-.448.322-.317.476-.768.468-1.384l.02-6.882a.317.317 0 01.055-.037l3.65-.003c.507.009.93-.26 1.107-.694.201-.488.039-1.079-.407-1.505l-8.703-8.481a.819.819 0 00-.594-.275h-.005c-.359 0-.602.247-.686.334l-8.712 8.658c-.434.423-.588.905-.42 1.322.098.244.39.653 1.246.658h.006l3.563-.005c.028.053.05.117.053.156l-.002 6.72c.008.418.064 1.017.487 1.426.42.406 1.025.446 1.445.437h6.045c.034.003.067.003.1.003zm-.079-1.093H9.011c-.344.009-.577-.036-.672-.128-.095-.093-.149-.32-.154-.656l.003-6.709c0-.437-.342-1.246-.995-1.246l-3.711.006c-.068 0-.12-.006-.163-.012a.867.867 0 01.09-.098l.005-.005 8.62-8.566 8.554 8.336.006.006c.165.157.162.288.148.308a.193.193 0 01-.084.014h-.008l-3.678.005c-.507 0-1.12.47-1.12 1.056l-.02 6.956v.008c.003.207-.02.476-.14.597-.123.117-.395.134-.603.128z",
-            fill: t
+            fill: r
         })
     }));
 };

package/dist/generated/mistica-icons/icon-arrow-up-right-filled.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return v;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, r = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.skinName, l = ref.colors, o = (0, _themeVariantContextJs.useIsInverseVariant)(), n = i != null ? i : o ? l.inverse : l.neutralHigh;
-    return h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    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"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.624 2c-.884 0-1.648.508-1.984 1.324-.34.816-.16 1.716.464 2.344l2.776 2.78L2 16.328 7.672 22l7.88-7.88 2.78 2.78a2.107 2.107 0 002.344.464A2.118 2.118 0 0022 15.38V2H8.624z",
-            fill: n
+            fill: l
         })
     })) : /* @__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: "M10.126 20.458h-.022c-.395-.005-.78-.196-1.143-.56l-5.048-5.025-.017-.017c-.32-.348-.44-.709-.361-1.079.073-.336.302-.605.52-.823l.015-.014 5.118-4.812-2.589-2.589c-.316-.33-.409-.893-.218-1.339.176-.414.566-.66 1.04-.66H19.51c.28-.02.532.07.717.254.185.185.274.44.252.717l-.006 12.146c.012.415-.232.793-.613.955-.457.205-1.05.112-1.406-.215l-.017-.015-2.376-2.378-4.79 4.905-.005.006c-.358.361-.742.543-1.14.543z",
-            fill: n
+            fill: l
         })
     }));
 };

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,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, s = _param.children, a = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, i = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), r = t != null ? t : c ? i.inverse : i.neutralHigh;
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : 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"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.653 20.072a.354.354 0 00.256.108.36.36 0 00.26-.104l6.651-6.648 3.076 3.076c.528.528 1.288.68 1.98.392A1.795 1.795 0 0022 15.216V2H8.789c-.748 0-1.392.432-1.68 1.124a1.788 1.788 0 00.392 1.98l3.076 3.076-8.472 8.472a.37.37 0 000 .516.362.362 0 00.516 0l8.983-8.984-3.591-3.592a1.073 1.073 0 01-.236-1.188 1.077 1.077 0 011.008-.676h12.491v12.48c0 .536-.352.872-.676 1.008a1.073 1.073 0 01-1.188-.236l-3.592-3.592-7.167 7.168a.37.37 0 000 .516zM7.453 22a.728.728 0 100-1.456.728.728 0 000 1.456z",
-            fill: r
+            fill: a
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.917 19.975c.336.333.678.501 1.017.501.336 0 .67-.16.988-.482l5.096-5.075a.194.194 0 01.134-.062.16.16 0 01.11.042l2.57 2.572c.29.266.788.341 1.16.176a.766.766 0 00.474-.737l.005-12.666a.672.672 0 00-.182-.538.67.67 0 00-.537-.182H7.147c-.384 0-.684.188-.827.518-.154.359-.081.826.171 1.09L9.27 7.91c.064.062.053.174-.017.244l-5.238 5.168-.003.003c-.272.275-.84.849-.157 1.594l5.062 5.056zm.398-.395l-5.05-5.045c-.25-.272-.259-.406.148-.812L9.65 8.555a.744.744 0 00.224-.513.707.707 0 00-.205-.524L6.9 4.748c-.087-.092-.134-.311-.062-.479.054-.123.152-.18.314-.18h12.63l.014-.002c.045-.006.084.003.101.02.017.016.025.053.02.1-.003.009-.003.02-.003.028l-.006 12.684c0 .073-.016.165-.142.221-.168.076-.423.04-.55-.073l-2.56-2.56a.711.711 0 00-.523-.204.756.756 0 00-.513.224l-5.092 5.07c-.432.431-.77.425-1.213-.017z",
-            fill: r
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-arrow-up-right-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 l = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, t = _objectWithoutProperties(_param, [
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, r = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : h ? r.inverse : r.neutralHigh;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("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.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M7.266 22a.7.7 0 01-.496-1.196l8.915-8.916 3.711 3.712a.69.69 0 00.764.152.693.693 0 00.436-.648v-11.7H8.902a.682.682 0 00-.648.436.683.683 0 00.152.764l3.711 3.712L3.2 17.232a.701.701 0 11-.992-.992l7.923-7.924-2.72-2.72a2.072 2.072 0 01-.456-2.292A2.076 2.076 0 018.902 2H22v13.1c0 .868-.5 1.612-1.3 1.944a2.08 2.08 0 01-2.296-.456l-2.72-2.72-7.922 7.928a.7.7 0 01-.496.204z",
-            fill: i
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.963 19.895c.373.373.77.557 1.166.557.39 0 .779-.179 1.137-.54l.006-.006 4.79-4.904 2.375 2.38a.075.075 0 01.017.014c.358.328.95.42 1.406.216.39-.174.616-.53.613-.955L20.48 4.51a.89.89 0 00-.252-.717.902.902 0 00-.717-.255H7.423c-.476-.002-.866.244-1.045.659-.19.445-.098 1.008.219 1.338l2.588 2.589-5.115 4.812-.014.014c-.219.218-.448.487-.521.824-.079.37.042.73.361 1.078l.017.017 5.05 5.025zm.76-.762l-5.04-5.017a.55.55 0 01-.092-.126c.011-.028.053-.103.221-.274l5.185-4.88.011-.011a.995.995 0 00.294-.675.95.95 0 00-.274-.7L7.375 4.797a.241.241 0 01-.008-.176.175.175 0 01.05-.006h11.989L19.4 16.637a.335.335 0 01-.212-.03l-2.449-2.449a.973.973 0 00-1.375.017l-.006.006-4.854 4.972c-.104.103-.252.227-.378.227h-.003c-.1-.003-.244-.09-.4-.247z",
-            fill: i
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-arrows-left-and-right-filled.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,38 +91,38 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, a = _objectWithoutProperties(_param, [
+var g = function g(_param) {
+    var t = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, v = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, r = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), i = t != null ? t : c ? r.inverse : r.neutralHigh;
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), r = t != null ? t : c ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
     return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M16.073 4.1c.428-.187.856-.112 1.18.224L22 9.214l-4.747 4.879a.89.89 0 01-.716.336c-.144 0-.284 0-.428-.075a1.16 1.16 0 01-.716-1.074v-1.85H9.678V6.987h5.715v-1.85c0-.444.252-.85.68-1.037z",
-                fill: i
+                fill: r
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M7.927 9.659c.396.182.68.593.68 1.037l.004 1.891h5.714v4.451H8.611v1.85c0 .444-.252.85-.68 1.037l-.012.003c-.14.037-.276.072-.416.072a1.01 1.01 0 01-.752-.336L2 14.774l4.747-4.891c.324-.3.752-.411 1.18-.224z",
-                fill: i
+                fill: r
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.602 9.301a.748.748 0 00.003-1.123l-4.213-4.18a.788.788 0 00-.871-.137.753.753 0 00-.437.684l-.014 1.823-2.905.003c-.664 0-1.202.538-1.202 1.202v2.32c.003.663.54 1.2 1.205 1.2l2.902-.005.014 1.824c0 .293.17.56.437.683a.782.782 0 00.851-.116l.02-.018 4.21-4.16zm-9.577 7.132v-2.32c0-.66-.538-1.198-1.205-1.198l-2.899.005-.014-1.82c0-.295-.17-.56-.437-.684a.782.782 0 00-.832.098l-.02.018a.241.241 0 01-.019.018l-4.21 4.154a.756.756 0 000 1.127l4.21 4.173c.011.014.025.025.04.037.235.19.557.23.831.1a.749.749 0 00.437-.68l.014-1.824 2.902-.003c.664 0 1.202-.537 1.202-1.201z",
-            fill: i
+            fill: r
         })
     }));
 };