@telefonica/mistica 15.20.0 → 16.0.0

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: n, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = n !== null && n !== void 0 ? n : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M11.62 4.471v14.011l-6.783-6.448a.47.47 0 0 0-.829.208.48.48 0 0 0 .19.473l7.573 7.201a.13.13 0 0 0 .066.048.4.4 0 0 0 .075 0 .46.46 0 0 0 .357 0 .4.4 0 0 0 .075 0 .3.3 0 0 0 .075-.048l7.43-7.069a.45.45 0 0 0 .15-.35.46.46 0 0 0-.79-.33l-6.65 6.315V4.472a.47.47 0 0 0-.47-.472.47.47 0 0 0-.469.471q.004 0 0 0"

package/dist/generated/mistica-icons/icon-arrow-line-down-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: n, size: r = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = n !== null && n !== void 0 ? n : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = n !== null && n !== void 0 ? n : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: a,
             d: "M11.375 4.685v13.038l-6.228-5.885a.69.69 0 0 0-.97.05.684.684 0 0 0 .027.947l7.385 6.978c.032.03.073.046.11.07.033.024.065.051.104.067q.123.049.257.05h.005a.8.8 0 0 0 .253-.052c.04-.016.073-.044.107-.069.034-.022.075-.036.107-.066l7.252-6.852a.684.684 0 0 0 .03-.968q0-.001-.003-.002a.687.687 0 0 0-.97-.027l-6.095 5.76V4.684a.687.687 0 0 0-1.371 0"
         })
     }));
-}, f = i;
+}, f = s;

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

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: e, size: r = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: t, size: r = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,

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

@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,7 +104,7 @@ const a = (_param)=>{
         role: "presentation"
     }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: l,
             d: "M19.315 11.375H6.277l5.885-6.228a.69.69 0 0 0-.05-.97.684.684 0 0 0-.947.027L4.187 11.59c-.03.032-.046.073-.07.11-.024.033-.051.065-.067.104a.7.7 0 0 0-.05.257v.005q.003.129.052.253c.016.04.044.073.069.107.022.034.036.075.066.107l6.852 7.252c.26.276.692.29.968.03q.001 0 .002-.003a.687.687 0 0 0 .027-.97l-5.76-6.095h13.039a.687.687 0 0 0 0-1.371"
         })
     }));

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

@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), s = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,

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

@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,

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

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: e, size: r = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: t, size: r = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,

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

@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = n !== null && n !== void 0 ? n : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = n !== null && n !== void 0 ? n : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,7 +104,7 @@ const a = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: l,
             d: "M12.625 19.315V6.277l6.228 5.885a.69.69 0 0 0 .97-.05.684.684 0 0 0-.027-.947L12.41 4.187c-.032-.03-.073-.046-.11-.07-.033-.024-.065-.051-.104-.067A.7.7 0 0 0 11.94 4h-.005a.8.8 0 0 0-.253.052c-.04.016-.073.044-.107.069-.034.022-.075.036-.107.066l-7.252 6.852a.684.684 0 0 0-.027.97c.26.276.694.287.97.027l6.095-5.76v13.039a.687.687 0 0 0 1.371 0"
         })
     }));

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const l = (_param)=>{
     var { color: i, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), s = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -108,4 +108,4 @@ const a = (_param)=>{
             d: "m16.867 7.775.039 9.356a.47.47 0 0 0 .732.44.48.48 0 0 0 .201-.47l-.064-10.446a.13.13 0 0 0-.013-.081.4.4 0 0 0-.053-.053.46.46 0 0 0-.253-.253.4.4 0 0 0-.053-.053.3.3 0 0 0-.087-.02L7.064 6.179a.45.45 0 0 0-.355.142.46.46 0 0 0 .326.792h9.169l-9.907 9.907a.47.47 0 0 0-.002.665.47.47 0 0 0 .665-.002z"
         })
     }));
-}, g = a;
+}, g = l;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const s = (_param)=>{
     var { color: t, size: r = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,8 +104,8 @@ const a = (_param)=>{
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: a,
             d: "m16.53 8.465-.063 8.569c.021.378.342.67.722.65a.684.684 0 0 0 .65-.689l.017-10.16c-.002-.043-.02-.083-.028-.126-.008-.04-.011-.082-.027-.121a.7.7 0 0 0-.147-.218.8.8 0 0 0-.219-.144c-.04-.018-.082-.021-.124-.028-.04-.008-.079-.027-.122-.029l-9.974-.045a.684.684 0 0 0-.705.663q-.001 0 0 .003a.687.687 0 0 0 .667.705h8.383l-9.22 9.22a.687.687 0 0 0 .97.97z"
         })
     }));
-}, g = a;
+}, g = s;

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

@@ -93,27 +93,27 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: n, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), t = n !== null && n !== void 0 ? n : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = n !== null && n !== void 0 ? n : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M2 15.871h7.858v3.875c0 .885.428 1.696 1.284 2.068.284.112.572.186.824.186.536 0 1.072-.223 1.464-.591L22 11.996l-8.574-9.38c-.608-.628-1.5-.777-2.284-.442-.856.368-1.284 1.183-1.284 2.068v3.875H2z"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M2 15.871h7.858v3.875c0 .885.428 1.696 1.284 2.068.284.112.572.186.824.186.536 0 1.072-.223 1.464-.591L22 11.996l-8.574-9.38c-.608-.628-1.5-.777-2.284-.442-.856.368-1.284 1.183-1.284 2.068v3.875H2z"
@@ -123,7 +123,7 @@ const a = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M12.033 21.84c-.15 0-.3-.029-.44-.085-.434-.176-.7-.602-.694-1.106l-.003-3.65q-.015-.031-.039-.056l-6.882-.02c-.617.009-1.07-.146-1.384-.468s-.46-.776-.443-1.392v-6.04C2.14 8.604 2.18 8 2.585 7.58s1.009-.48 1.426-.488l6.72.003a.5.5 0 0 0 .157-.053l-.009-3.56v-.006c.006-.857.415-1.149.659-1.247.417-.168.899-.014 1.322.42l8.658 8.712c.087.084.336.33.333.69a.82.82 0 0 1-.274.593L13.1 21.349c-.306.32-.692.49-1.068.49"

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,27 +93,27 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: i, size: c = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), t = i !== null && i !== void 0 ? i : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = i !== null && i !== void 0 ? i : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M11.966 22c.536 0 1.036-.224 1.428-.593L22 11.997l-8.606-9.378c-.608-.631-1.464-.78-2.252-.444-.856.336-1.284 1.149-1.284 2.037v3.892H2.716c-.396 0-.716.336-.716.743s.324.742.716.742h8.574V4.212c0-.37.18-.593.396-.668a.55.55 0 0 1 .68.112l7.678 8.336-7.686 8.377c-.252.262-.572.15-.68.112-.216-.112-.396-.336-.396-.705v-5.373H2.716c-.396 0-.716.336-.716.742 0 .407.324.743.716.743h7.146v3.892c0 .888.428 1.705 1.284 2.037.248.108.532.183.82.183"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M10.854 21.852c.232.099.476.148.72.148.456 0 .892-.185 1.232-.535L22 11.992l-9.194-9.465a1.73 1.73 0 0 0-1.96-.374 1.89 1.89 0 0 0-1.16 1.741v4.422h-7.33a.367.367 0 0 0 0 .732h8.05V3.894c0-.556.364-.91.712-1.058.324-.14.812-.156 1.176.218L20.988 12l-8.694 8.946c-.364.375-.844.358-1.176.218a1.14 1.14 0 0 1-.712-1.058v-5.154H4.68a.365.365 0 0 0-.355.366c0 .198.16.367.355.367h5.015v4.425c0 .758.456 1.441 1.16 1.742M2.712 16.043a.723.723 0 0 0 .712-.733.723.723 0 0 0-.712-.733.723.723 0 0 0-.712.733c0 .405.319.733.712.733"
@@ -123,10 +123,10 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M11.43 21.757q.168.067.35.067c.313 0 .641-.148.902-.423l8.974-8.93q.204-.194.205-.426.005-.258-.264-.518L12.694 2.57c-.367-.375-.801-.496-1.185-.33-.41.173-.67.641-.653 1.165l.023 3.518c0 .081-.079.146-.174.146l-6.908-.003c-.554.008-.958.154-1.238.443-.302.313-.437.764-.425 1.425v6.219c-.017.574.134 1.042.44 1.353q.441.451 1.229.44h6.9c.094 0 .173.064.173.145l.005 3.779c-.005.415.2.745.55.888m-.729-5.404H3.797v.006q-.535.007-.802-.263c-.24-.247-.28-.639-.271-.925V8.929c-.009-.488.075-.818.26-1.009.165-.17.434-.257.82-.263l6.9.003a.75.75 0 0 0 .762-.737l-.023-3.524V3.39c-.01-.275.113-.53.295-.608.201-.087.42.09.532.205l8.907 8.96.003.003q.061.06.076.087-.004.005-.011.011l-.006.006-8.975 8.935-.003.003-.002.003c-.236.25-.474.272-.608.218-.12-.047-.185-.168-.182-.336v-.005l-.006-3.782a.75.75 0 0 0-.762-.736"
         })
     }));
-}, p = s;
+}, g = s;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: i, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), e = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M11.966 22c.536 0 1.036-.224 1.428-.593L22 11.997l-8.606-9.378c-.608-.631-1.464-.78-2.252-.444-.856.336-1.284 1.149-1.284 2.037v3.892H2.716c-.396 0-.716.336-.716.743s.324.742.716.742h8.574V4.212c0-.37.18-.593.396-.668a.55.55 0 0 1 .68.112l7.678 8.336-7.686 8.377c-.252.262-.572.15-.68.112-.216-.112-.396-.336-.396-.705v-5.373H2.716c-.396 0-.716.336-.716.742 0 .407.324.743.716.743h7.146v3.892c0 .888.428 1.705 1.284 2.037.248.108.532.183.82.183"
         })
     })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M11.966 22c.536 0 1.036-.224 1.428-.593L22 11.997l-8.606-9.378c-.608-.631-1.464-.78-2.252-.444-.856.336-1.284 1.149-1.284 2.037v3.892H2.716c-.396 0-.716.336-.716.743s.324.742.716.742h8.574V4.212c0-.37.18-.593.396-.668a.55.55 0 0 1 .68.112l7.678 8.336-7.686 8.377c-.252.262-.572.15-.68.112-.216-.112-.396-.336-.396-.705v-5.373H2.716c-.396 0-.716.336-.716.742 0 .407.324.743.716.743h7.146v3.892c0 .888.428 1.705 1.284 2.037.248.108.532.183.82.183"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +123,10 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M11.599 21.755q.211.084.44.084c.375 0 .761-.17 1.067-.49l8.476-8.703a.82.82 0 0 0 .274-.594c.003-.361-.246-.608-.333-.692L12.865 2.65c-.423-.435-.905-.589-1.322-.42-.244.097-.653.389-.659 1.246l.003 3.566a.5.5 0 0 1-.157.053l-6.72-.003c-.417.006-1.016.065-1.425.488-.406.423-.443 1.025-.434 1.445v6.04c-.017.615.126 1.07.442 1.391.317.322.768.477 1.384.468l6.882.02c.017.016.031.039.04.056l.005 3.65c-.005.507.26.93.695 1.106m-.664-5.902-6.958-.02q-.005 0-.008.003c-.208.003-.477-.02-.597-.14-.118-.123-.135-.395-.129-.602V9.01c-.008-.342.036-.574.129-.67.092-.095.32-.148.655-.154l6.709.003c.437 0 1.246-.342 1.246-.994l-.005-3.712q.001-.1.011-.162.043.031.098.09l.006.005 8.568 8.62-8.336 8.554-.005.005c-.157.166-.289.163-.309.149a.2.2 0 0 1-.014-.084v-.009l-.005-3.677c0-.508-.47-1.12-1.056-1.12"
         })
     }));
-}, p = s;
+}, g = s;

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

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: c, size: l = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: a, size: l = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), e = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,

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

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: e, size: l = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: t, size: l = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), o = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const v = (_param)=>{
             fill: o,
             d: "M12.432 22H19v-7.036c0-.572-.332-1.108-.867-1.356-.466-.18-1.134-.18-1.466.18l-1 1.072L8.333 7 6.466 9c-.064.072-.133 0-.133-.072v-5.5h5.132c.065 0 .104.108.065.144-.435.5-1.867 2-1.867 2l5.835 6.248 1-1.072-4.83-5.176 1-1.072c.333-.356.333-1.072.168-1.572C12.6 2.356 12.1 2 11.57 2H5v7.036c0 .572.332 1.108.867 1.356.466.18 1.134.18 1.466-.18l1-1.072L15.667 17l1.868-2c.065-.072.133 0 .133.072v5.5h-5.132c-.065 0-.104-.108-.065-.144l1.867-2-5.835-6.252-1 1.072 4.834 5.18-1 1.072c-.333.356-.333 1.072-.168 1.572.232.572.733.928 1.264.928"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",

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

@@ -93,39 +93,39 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: t, size: l = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: t, size: l = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), h = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    return h.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: c,
             d: "M10.252 7.088 15.292 2l5.044 5.088-.38.912H17.16v7.332h-3.736V8h-2.796zm7.724-.448-2.684-2.708-2.684 2.708h2.176v7.332H15.8V6.64zM6.176 8.668h3.736V16h2.796l.376.912L8.044 22 3 16.912 3.38 16h2.796zm2.376 1.36H7.536v7.332H5.36l2.684 2.708 2.684-2.708H8.552z"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: c,
             d: "M12.432 22H19v-7.036c0-.572-.332-1.108-.867-1.356-.466-.18-1.134-.18-1.466.18l-1 1.072L8.333 7 6.466 9c-.064.072-.133 0-.133-.072v-5.5h5.132c.065 0 .104.108.065.144-.435.5-1.867 2-1.867 2l5.835 6.248 1-1.072-4.83-5.176 1-1.072c.333-.356.333-1.072.168-1.572C12.6 2.356 12.1 2 11.57 2H5v7.036c0 .572.332 1.108.867 1.356.466.18 1.134.18 1.466-.18l1-1.072L15.667 17l1.868-2c.065-.072.133 0 .133.072v5.5h-5.132c-.065 0-.104-.108-.065-.144l1.867-2-5.835-6.252-1 1.072 4.834 5.18-1 1.072c-.333.356-.333 1.072-.168 1.572.232.572.733.928 1.264.928"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: c,
             d: "M12.432 22H19v-7.036c0-.572-.332-1.108-.867-1.356-.466-.18-1.134-.18-1.466.18l-1 1.072L8.333 7 6.466 9c-.064.072-.133 0-.133-.072v-5.5h5.132c.065 0 .104.108.065.144-.435.5-1.867 2-1.867 2l5.835 6.248 1-1.072-4.83-5.176 1-1.072c.333-.356.333-1.072.168-1.572C12.6 2.356 12.1 2 11.57 2H5v7.036c0 .572.332 1.108.867 1.356.466.18 1.134.18 1.466-.18l1-1.072L15.667 17l1.868-2c.065-.072.133 0 .133.072v5.5h-5.132c-.065 0-.104-.108-.065-.144l1.867-2-5.835-6.252-1 1.072 4.834 5.18-1 1.072c-.333.356-.333 1.072-.168 1.572.232.572.733.928 1.264.928"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -133,9 +133,9 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: c,
             d: "M9.886 12.03H7.57a1.2 1.2 0 0 1-1.202-1.201l-.003-2.902-1.824-.014a.75.75 0 0 1-.683-.437.79.79 0 0 1 .1-.832q.017-.021.037-.04L8.17 2.398a.75.75 0 0 1 1.129 0l4.154 4.208.036.042c.188.232.227.56.098.832a.76.76 0 0 1-.68.436l-1.821.015.003 2.899c0 .66-.538 1.201-1.202 1.201m4.91 9.67a.753.753 0 0 0 1.034-.092l4.176-4.21a.788.788 0 0 0 .137-.871.75.75 0 0 0-.683-.438l-1.826-.014-.003-2.905c0-.663-.538-1.201-1.202-1.201H14.11c-.664 0-1.202.538-1.202 1.201l.003 2.897-1.823.017a.76.76 0 0 0-.681.436c-.129.272-.09.6.098.832q.016.021.036.043l4.157 4.212q.045.051.098.093m.468-1.115L11.925 17.2l1.353-.011h.011a.77.77 0 0 0 .745-.779l-.005-3.24c0-.045.036-.082.081-.082h2.32c.044 0 .08.037.08.081l.003 3.241a.77.77 0 0 0 .748.779h.012l1.35.011zm-7.776-9.76c0 .046.037.082.081.082h2.317a.08.08 0 0 0 .081-.081l-.003-3.238a.77.77 0 0 1 .745-.779h.012l1.35-.011-3.336-3.381-3.353 3.38 1.347.012h.011c.42.011.751.361.745.779z"
         })
     }));

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: n, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), l = n !== null && n !== void 0 ? n : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = n !== null && n !== void 0 ? n : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             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.3V22z"
@@ -113,7 +113,7 @@ const a = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             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.3V22z"
@@ -123,7 +123,7 @@ const a = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M21.84 11.96q0 .229-.084.44c-.176.435-.602.701-1.106.695l-3.65.003q-.031.015-.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.5.5 0 0 0-.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 0 1 .594.275l8.703 8.481c.325.3.498.69.498 1.065"

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

@@ -92,18 +92,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: n, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), l = n !== null && n !== void 0 ? n : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = n !== null && n !== void 0 ? n : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             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.11 2.11 0 0 0 .464-2.344A2.12 2.12 0 0 0 15.38 2H2z"
@@ -113,7 +113,7 @@ const a = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             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.11 2.11 0 0 0 .464-2.344A2.12 2.12 0 0 0 15.38 2H2z"
@@ -123,10 +123,10 @@ const a = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M20.455 13.873v.022c-.005.395-.196.779-.56 1.143l-5.025 5.045-.017.017q-.522.48-1.078.36c-.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.9.9 0 0 1 .254-.717.9.9 0 0 1 .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.138"
         })
     }));
-}, v = a;
+}, v = s;

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: c, size: l = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: c, size: l = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), r = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M22 16.734a.7.7 0 0 1-1.196.496l-8.916-8.915L15.6 4.604a.69.69 0 0 0 .152-.764.69.69 0 0 0-.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 1 1-.992.992L8.316 13.87l-2.72 2.72a2.07 2.07 0 0 1-2.292.456A2.08 2.08 0 0 1 2 15.098V2h13.1c.868 0 1.612.5 1.944 1.3s.156 1.68-.456 2.295l-2.72 2.72 7.928 7.923a.7.7 0 0 1 .204.496"
         })
     })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M20.072 15.347a.35.35 0 0 0 .108-.256.36.36 0 0 0-.104-.26L13.428 8.18l3.076-3.076c.528-.528.68-1.288.392-1.98A1.795 1.795 0 0 0 15.216 2H2v13.211c0 .748.432 1.392 1.124 1.68a1.79 1.79 0 0 0 1.98-.392l3.076-3.076 8.472 8.472a.37.37 0 0 0 .516 0 .36.36 0 0 0 0-.516l-8.984-8.984-3.592 3.592c-.38.38-.864.372-1.188.236a1.08 1.08 0 0 1-.676-1.008V2.724h12.48c.536 0 .872.352 1.008.676s.144.808-.236 1.188L12.388 8.18l7.168 7.167a.37.37 0 0 0 .516 0m1.928 1.2a.728.728 0 1 0-1.456 0 .728.728 0 0 0 1.456 0"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const s = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             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.2.2 0 0 1-.062-.135c0-.025.006-.073.042-.109l2.571-2.571c.267-.289.342-.788.177-1.16a.77.77 0 0 0-.728-.474L4.244 3.534a.67.67 0 0 0-.538.182.67.67 0 0 0-.182.538v12.602c-.003.384.188.686.518.83.359.153.826.08 1.09-.172l2.778-2.778a.14.14 0 0 1 .11-.043c.05 0 .098.023.134.06l5.168 5.238.003.002zm1.2-.262c-.275.25-.41.258-.815-.146l-5.168-5.246a.74.74 0 0 0-.513-.224.7.7 0 0 0-.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-.02q.015.003.028.002l12.684.006c.073 0 .165.017.221.143.076.168.04.423-.073.549l-2.56 2.56a.7.7 0 0 0-.204.524c.005.19.086.375.224.512l5.075 5.096c.219.218.322.414.32.602q-.004.279-.337.61z"
         })
     }));