@telefonica/mistica 15.20.1 → 16.1.0

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

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

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

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

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
+const i = (_param)=>{
     var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), v = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), v = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const s = (_param)=>{
             d: "M17.124 10.015c-.392 2.272-4.476 4.275-4.939 4.499a.6.6 0 0 1-.515 0c-.465-.222-4.544-2.224-4.933-4.5-.286-1.647-.283-5.4-.283-5.697v-.014c0-.187.087-.36.233-.479a.61.61 0 0 1 .515-.112c.867.131 1.32-.17 1.952-.59l.009-.006c.639-.429 1.434-.961 2.759-.961h.006c1.322.003 2.117.533 2.755.958l.004.003.013.009c.63.418 1.088.724 1.981.582a.622.622 0 0 1 .714.596c.006.163.014 4.028-.271 5.712m-1.188-.21c.204-1.188.25-3.68.258-4.857-.98-.025-1.605-.44-2.168-.818-.605-.406-1.132-.757-2.093-.76h-.003c-.955 0-1.478.348-2.08.747l-.015.01c-.571.384-1.204.807-2.168.826.011 1.182.056 3.664.263 4.85.2 1.184 2.457 2.7 4 3.48 1.544-.78 3.802-2.299 4.006-3.478m5.675 5.717c.011-.14.258-3.395.227-4.53-.02-.812-.476-1.305-1.325-1.352a1.396 1.396 0 0 0-1.37 1.106l-.305 1.493c-.574-.19-1.202.014-1.524.54l-.1.177-.002.002c-.216.384-.616 1.097-1.357 1.483-.11.047-.507.271-1.13 1.084a9.2 9.2 0 0 0-1.178 2.045l-.423 1.014a1.44 1.44 0 0 0-.524 1.106v.711c0 .799.639 1.443 1.428 1.443h3.457c.79 0 1.431-.647 1.431-1.443v-.711c0-.283-.087-.549-.227-.77l1.48-1.266a7 7 0 0 1 .406-.321l.016-.013c.244-.185.465-.442.656-.762.204-.344.325-.686.364-1.036m-1.199-.118a1.3 1.3 0 0 1-.201.527q-.165.279-.345.415c-.163.123-.325.246-.479.378l-1.793 1.532q-.024-.002-.047-.006-.033-.005-.065-.005H14.57l.087-.208a8 8 0 0 1 1.02-1.773c.45-.585.703-.736.703-.736 1.088-.563 1.623-1.517 1.881-1.977v-.001l.08-.135c.044-.075.162-.008.162-.008.056.037.092.18.059.235v.003q-.002.004-.003.003l-1.538 2.605a.613.613 0 0 0 .518.922.6.6 0 0 0 .518-.3l1.538-2.602v-.003l.003-.003c.123-.207.174-.44.176-.675l.014-.03a.2.2 0 0 0 .017-.043l.519-2.527c.016-.08.092-.131.193-.134.043 0 .07.005.086.007l.012.002a.5.5 0 0 1 .02.156c.025.987-.183 3.853-.217 4.317zm-2.7 4.995c0 .126-.1.227-.224.227H14.03a.225.225 0 0 1-.224-.225v-.711c0-.123.101-.224.224-.224h3.457c.123 0 .224.1.224.224zm-7.521 0v-.709c0-.123-.101-.224-.221-.224H6.513c-.123 0-.224.1-.224.224v.711c0 .124.1.225.224.225H9.97c.12 0 .22-.101.22-.227m-3.793-2.14q.023-.002.044-.006.033-.005.065-.006h2.914l-.087-.207a8 8 0 0 0-1.02-1.773c-.45-.585-.703-.737-.706-.737-1.087-.563-1.622-1.518-1.876-1.977l-.079-.138c-.045-.075-.162-.008-.162-.005-.056.034-.093.176-.06.232v.003l.004.003 1.537 2.605a.61.61 0 0 1-.515.922.6.6 0 0 1-.518-.3L4.4 14.27v-.003h-.003a1.4 1.4 0 0 1-.176-.675l-.014-.03a.2.2 0 0 1-.017-.043l-.518-2.527a.17.17 0 0 0-.16-.137.6.6 0 0 0-.14.02q.001.007-.002.034a1 1 0 0 0-.01.114c-.027 1.073.222 4.37.225 4.404.017.134.084.313.199.51a1.4 1.4 0 0 0 .347.414c.157.118.32.241.473.375zm4.048-.69.426 1.015c.316.263.523.658.523 1.106v.711a1.44 1.44 0 0 1-1.428 1.443H6.51c-.79 0-1.428-.647-1.428-1.443v-.711c0-.286.084-.549.224-.77l-1.48-1.266a9 9 0 0 0-.38-.301l-.04-.03a2.7 2.7 0 0 1-.658-.765 2.55 2.55 0 0 1-.361-1.016c-.014-.16-.258-3.415-.23-4.552.02-.813.48-1.303 1.252-1.348.726.009 1.306.443 1.443 1.104l.308 1.493c.574-.19 1.199.014 1.521.538l.1.176.002.002c.216.384.616 1.097 1.38 1.494.084.04.482.263 1.104 1.073.473.619.874 1.308 1.179 2.048m4.286-11.294a.597.597 0 0 0-.852 0l-2.863 2.883-1.045-1.059a.597.597 0 0 0-.851 0 .61.61 0 0 0 0 .86l1.473 1.487a.602.602 0 0 0 .854 0l3.284-3.31a.61.61 0 0 0 0-.86"
         })
     }));
-}, m = s;
+}, m = i;

package/dist/generated/mistica-icons/icon-care-win-regular.js

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

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

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

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

@@ -96,7 +96,7 @@ const t = (_param)=>{
         "color",
         "size"
     ]);
-    const m = (0, _themevariantcontext.useIsInverseVariant)(), r = q !== null && q !== void 0 ? q : m ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), m = q !== null && q !== void 0 ? q : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,7 +104,7 @@ const t = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: m,
             d: "M21.841 14.047c0-2.428-.666-4.305-1.98-5.571-.874-.843-2.02-1.392-3.415-1.656-.33-.958-.829-1.767-1.501-2.417-1.263-1.216-3.084-1.835-5.417-1.835-2.331 0-4.149.62-5.407 1.838-1.305 1.266-1.966 3.14-1.966 5.571 0 2.426.664 4.297 1.97 5.558.87.843 2.022 1.39 3.42 1.65.327.963.826 1.776 1.498 2.423 1.255 1.212 3.073 1.826 5.403 1.826 2.334 0 4.154-.614 5.415-1.826 1.314-1.261 1.98-3.132 1.98-5.56M4.94 4.79c1.012-.858 2.418-1.323 4.185-1.384v1.798c-1.162.062-2.106.381-2.82.953zm-.585.585 1.372 1.37c-.563.717-.88 1.66-.938 2.823H2.993c.061-1.767.515-3.176 1.36-4.193m3.204 2.499c.233-.202.55-.322.888-.34a1.85 1.85 0 0 1 1.057.277l.036.02.049-.026q.024-.014.049-.027c.21-.117.437-.176.664-.21l.054-.008c.095-.015.19-.03.279-.025.336.017.653.14.888.341q.011.01.018.022l.013.015c.375.347.512.89.37 1.504-.025.106-.066.213-.106.32l-.046.123c-.078.21-.17.42-.286.636l-.064.124c-.05.1-.102.2-.165.301a6.3 6.3 0 0 1-.801 1.003l-.01.01c-.053.053-.18.18-.29.259a1.3 1.3 0 0 1-.42.188 1 1 0 0 1-.146.022l-.05.003h-.003a1 1 0 0 1-.216-.025 1.2 1.2 0 0 1-.403-.185 2.4 2.4 0 0 1-.294-.264 6.5 6.5 0 0 1-.801-1.005c-.041-.063-.073-.125-.104-.187l-.064-.121c-.224-.404-.407-.804-.496-1.196-.151-.639-.003-1.202.4-1.55m.972.484h-.044a.65.65 0 0 0-.39.143c-.221.19-.18.535-.134.723.033.143.092.291.151.44.104.263.23.532.403.803l.04.06.016.022c.2.302.367.512.65.8.025.029.11.113.18.163a.3.3 0 0 0 .109.05l.03.004h.003a.3.3 0 0 0 .13-.057c.07-.05.153-.134.176-.16.257-.268.423-.47.6-.727q.053-.073.108-.16c.126-.199.227-.392.32-.586.103-.226.185-.445.238-.66.053-.23.075-.544-.135-.723a.65.65 0 0 0-.409-.142l-.016.002a1 1 0 0 0-.519.137l-.087.05q-.081.044-.168.098l-.086.05-.012.01s-.064.044-.126.041c-.061 0-.123-.036-.123-.036L9.427 8.7l-.115-.056a9 9 0 0 0-.269-.154l-.006-.002q-.005-.001-.005-.004a1.2 1.2 0 0 0-.502-.126M21 14.468c-.064 1.764-.526 3.168-1.377 4.179l-1.37-1.373c.566-.711.885-1.65.95-2.807zm-6.13 6.125v-1.798c1.153-.061 2.089-.375 2.8-.935l1.364 1.367c-1.01.846-2.408 1.302-4.165 1.366m-.66-2.612q-.082-.008-.167-.012c-.913-.053-1.655-.286-2.213-.7l-.037-.027q-.063-.045-.123-.094.03-.007.06-.011 1.273-.269 2.249-.868c.35-.216.675-.46.963-.74.585-.56 1.037-1.25 1.361-2.05q.505-1.227.594-2.815c.174.109.34.226.485.367.608.588.935 1.473 1 2.607q.005.074.012.144c.008.083.016.166.016.257 0 .105-.01.2-.02.297l-.01.129c-.07 1.12-.393 1.994-.998 2.577-.58.557-1.434.86-2.513.924l-.15.012a3 3 0 0 1-.27.016q-.123-.002-.239-.013m-.167 2.612c-1.76-.061-3.157-.515-4.17-1.36l1.369-1.37c.711.557 1.65.87 2.801.932zm-4.76-1.943a5.2 5.2 0 0 1-.803-1.34c.339.031.686.051 1.045.048.383 0 .75-.022 1.103-.056zm-1.98-2.359c-.932-.221-1.714-.602-2.347-1.129l1.37-1.37a4 4 0 0 0 .798.482l.076.035c.128.059.254.117.392.161q.095.03.197.05.065.013.128.029c.372.092.779.154 1.21.176v1.798a10 10 0 0 1-.938-.072 8 8 0 0 1-.886-.16m-2.938-1.712c-.849-1.01-1.308-2.414-1.372-4.181h1.795q.095 1.741.95 2.809zM9.261 6.02c.088-.007.175-.015.27-.015q.133.001.256.013l.164.01c.994.059 1.79.33 2.364.815q.03.025.064.048.045.029.084.067c.182.176.336.38.47.608.28.476.446 1.064.513 1.75l.013.186.004.064q.005.072.012.143.014.123.016.257 0 .057-.006.108l-.005.071q-.001.087-.01.167l-.007.08c-.07 1.12-.392 1.997-.997 2.577-.462.443-1.092.723-1.871.857l-.032.008-.044.009a5 5 0 0 1-.446.042l-.122.008-.087.006q-.085.009-.174.011-.042 0-.08.006-.038.004-.08.005c-.094 0-.181-.007-.27-.014l-.136-.01a5.3 5.3 0 0 1-1.216-.197 2 2 0 0 1-.173-.059 3.4 3.4 0 0 1-.639-.3q-.073-.046-.138-.1a3 3 0 0 0-.169-.127 2 2 0 0 1-.186-.142 2 2 0 0 1-.22-.272l-.06-.081q-.622-.841-.709-2.224l-.012-.153a3 3 0 0 1-.016-.273c0-.095.008-.181.015-.268q.006-.066.01-.133c.065-1.134.39-2.02.995-2.608.58-.565 1.437-.868 2.518-.93q.07-.004.137-.01m.69-.813V3.406c1.764.064 3.168.532 4.184 1.392l-1.367 1.364c-.711-.571-1.658-.893-2.817-.955m4.165 9.947a4.7 4.7 0 0 1-.678.479c-.672.392-1.474.655-2.39.79a9 9 0 0 1-1.022.093l-.078.002V14.72l.136-.007c.157-.008.315-.016.463-.035q1.03-.14 1.796-.589c.114-.068.218-.152.321-.234l.085-.068 1.356 1.358zm.588-.577-1.053-1.056-.317-.314a4.2 4.2 0 0 0 .729-1.429q.184-.625.22-1.378h1.796q-.044 1.312-.383 2.35a6 6 0 0 1-.356.863 5 5 0 0 1-.636.964m.801-7.885q.172.403.294.862a8.8 8.8 0 0 1 .278 1.905q.004.055.005.112h-1.795q-.01-.158-.023-.308a5.8 5.8 0 0 0-.221-1.176 4 4 0 0 0-.24-.6 4 4 0 0 0-.455-.737l.065-.061 1.305-1.308c.317.38.577.82.787 1.31m1.182 1.02q1.408.344 2.364 1.156l-1.364 1.364a4 4 0 0 0-.773-.479 10.5 10.5 0 0 0-.227-2.042m4.314 5.93h-1.796c-.058-1.16-.375-2.104-.938-2.819l1.37-1.372c.848 1.016 1.302 2.425 1.364 4.19"
         })
     }));

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const e = (_param)=>{
-    var { color: o, size: c = 24 } = _param, q = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), m = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const q = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), m = o !== null && o !== void 0 ? o : q ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, q), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: m,
             d: "M21.807 14.04c0-2.417-.664-4.283-1.972-5.546-.868-.843-2.014-1.39-3.4-1.647-.328-.955-.827-1.765-1.496-2.409-1.258-1.216-3.073-1.832-5.395-1.832-2.323 0-4.135.616-5.387 1.832-1.3 1.26-1.96 3.126-1.96 5.546s.658 4.283 1.96 5.538c.866.84 2.014 1.384 3.406 1.642.328.958.824 1.77 1.493 2.414 1.25 1.207 3.062 1.82 5.387 1.82 2.322 0 4.137-.61 5.392-1.817 1.308-1.258 1.972-3.12 1.972-5.54M5.417 4.982c.877-.664 2.06-1.04 3.516-1.118h.003V5.25c-.978.079-1.796.35-2.44.81zm-.868.88 1.07 1.07c-.45.643-.708 1.467-.787 2.445H3.446c.078-1.457.45-2.634 1.103-3.516m.289 4.755c.081.972.344 1.787.798 2.429l-1.073 1.073c-.658-.876-1.03-2.05-1.114-3.502zm9.608 6.95c-.947 0-1.695-.193-2.252-.552a7 7 0 0 0 1.596-.644q.632-.356 1.146-.843c.636-.614 1.117-1.37 1.445-2.26a8.7 8.7 0 0 0 .462-2.107l.08.056c.055.039.111.078.158.123.594.574.897 1.485.897 2.7s-.303 2.124-.897 2.695c-.577.552-1.462.832-2.635.832m4.988.602-1.072-1.073c.456-.638.72-1.453.804-2.425h1.386c-.081 1.45-.457 2.622-1.118 3.498m-4.367 1.975v-1.386c.967-.082 1.776-.345 2.418-.793l1.075 1.078c-.873.653-2.047 1.02-3.493 1.101m-1.235 0c-1.445-.078-2.619-.445-3.498-1.098l1.078-1.078c.641.448 1.454.711 2.42.79zm-3.515-2.823-.855.854a5 5 0 0 1-.512-.849l.113.005c.156.007.313.015.475.015.266 0 .524-.012.779-.026m-3.084-1.494c-.692-.184-1.297-.462-1.801-.831l1.078-1.079q.277.19.591.334l.042.02c.364.164.76.296 1.202.372l.061.014.07.016c.08.012.17.015.258.02q.1.003.196.011v1.387q-.136-.01-.27-.022l-.128-.012a8 8 0 0 1-1.3-.23m2.31-9.383c.945 0 1.69.19 2.247.546.137.087.269.176.384.286.213.213.378.479.518.776q.27.574.342 1.364l.012.144c.012.134.024.27.024.416 0 .25-.02.479-.045.703-.098.863-.375 1.535-.848 1.992-.311.297-.72.51-1.208.647-.16.047-.324.084-.501.112a6 6 0 0 1-.742.061l-.08.007q-.049.007-.105.007c-.336 0-.639-.028-.925-.073a3 3 0 0 1-.174-.036l-.097-.022q-.707-.159-1.19-.519l-.089-.062a1 1 0 0 1-.155-.12c-.591-.568-.891-1.476-.891-2.694 0-1.216.302-2.126.893-2.7.575-.555 1.46-.835 2.63-.835m.623-1.194V3.864c1.453.081 2.633.456 3.512 1.123l-1.076 1.076c-.644-.46-1.459-.731-2.437-.813m3.492 9.737a5 5 0 0 1-.675.41 6.2 6.2 0 0 1-1.689.554 9 9 0 0 1-1.129.137v-1.387l.113-.016.103-.014q.113-.014.221-.031.07-.011.143-.02a2 2 0 0 0 .213-.033c.437-.093.838-.23 1.194-.415.154-.076.294-.168.43-.263zm-.196-1.947c.309-.434.527-.95.664-1.54q.098-.42.138-.888h1.386v.022q-.045.802-.21 1.49a5.7 5.7 0 0 1-.499 1.336q-.18.35-.406.653zm1.082-7.173a5 5 0 0 1 .51.848l.003.008.005.01h.005v.019q.25.55.395 1.202c.098.437.16.913.188 1.417q.012 0 .025.006h-.025V9.37a5 5 0 0 0-.51-.058l-.075-.007q-.087-.007-.172-.016c-.147-.014-.293-.028-.45-.028a1 1 0 0 0-.105.007l-.08.007c-.048-.493-.123-.958-.266-1.364a2 2 0 0 0-.103-.221q-.03-.055-.057-.113a4 4 0 0 0-.356-.644zm2.22 2.322c.698.188 1.309.47 1.816.854l-1.076 1.076a4 4 0 0 0-.605-.35 11 11 0 0 0-.134-1.58m3.788 5.246h-1.384c-.078-.977-.336-1.798-.79-2.442l1.068-1.07c.655.882 1.028 2.059 1.106 3.512M8.247 8.676a.4.4 0 0 1 .263-.087h.034c.112 0 .232.034.347.087l.03.012q.015.005.032.013c.078.042.16.09.288.166l.04.017.12.056.347-.006.149-.09q.07-.044.14-.08.054-.035.109-.065a.8.8 0 0 1 .44-.112c.106.005.204.039.266.092q.005.004.006.009l.002.005c.123.12.09.367.059.504-.017.075-.046.15-.075.227l-.04.107c-.1.274-.227.554-.412.843-.064.1-.126.187-.186.27l-.015.021a5.4 5.4 0 0 1-.636.712h-.003l-.02-.014a1.3 1.3 0 0 1-.15-.143 4.862 4.862 0 0 1-.675-.849 4 4 0 0 1-.438-.916q-.016-.051-.037-.102a1 1 0 0 1-.053-.159c-.028-.117-.075-.397.068-.518m-.804-.941c-.462.4-.633 1.034-.465 1.745.109.457.32.925.594 1.39q.021.037.04.074.023.046.052.094c.26.406.476.677.826 1.036l.026.025c.058.059.182.177.297.264.15.106.319.182.473.212a1 1 0 0 0 .176.031l.09.003.062-.003a1 1 0 0 0 .207-.035q.02-.008.04-.012c.148-.042.293-.104.422-.196.126-.093.275-.239.325-.295.303-.316.507-.563.726-.89l.095-.14c.123-.19.218-.384.31-.572q.18-.358.286-.711a2 2 0 0 1 .04-.114q.033-.082.053-.16c.112-.474.062-.903-.112-1.264a1.5 1.5 0 0 0-.35-.482 1.7 1.7 0 0 0-.922-.37l-.042-.008-.042-.009a2.05 2.05 0 0 0-1.1.267 2.03 2.03 0 0 0-1.102-.267c-.38.02-.736.157-1.005.387"

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return q;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: l = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: c, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), a = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = c !== null && c !== void 0 ? c : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -114,4 +114,4 @@ const n = (_param)=>{
             })
         ]
     }));
-}, d = n;
+}, q = n;

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

@@ -91,27 +91,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: t, size: l = 24 } = _param, r = _object_without_properties(_param, [
+const q = (_param)=>{
+    var { color: r, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), c = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: a,
                 d: "M14.675 12.246q-.223.217-.64.217c-.277 0-.493-.073-.64-.217q-.232-.227-.232-.665 0-.44.231-.666c.148-.144.364-.218.64-.218q.418.001.641.218.231.226.232.666 0 .438-.232.665M9.965 12.463c.277 0 .493-.073.64-.217q.231-.227.232-.665 0-.44-.232-.666-.223-.217-.64-.218c-.277 0-.493.074-.64.218q-.232.227-.232.666 0 .438.231.665.224.217.641.217"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: a,
                 d: "M19.226 3.037c-.582-.24-2.592.716-3.612 1.992l-.036.046c-1.03-.372-2.225-.559-3.576-.559q-2.033 0-3.58.559l-.037-.046c-1.02-1.276-3.03-2.233-3.611-1.992-.176.07-.488.267-.612.756-.502 1.658-.302 4.032.201 5.48q-.503 1.518-.503 3.486 0 .167.004.332l-.517-.104a.294.294 0 0 0-.113.577l.657.132q.136 2.024.865 3.51l-.658.132a.294.294 0 0 0 .113.577l.841-.17q.414.68.97 1.223C7.405 20.316 9.416 21 12.002 21s4.597-.684 5.978-2.032q.556-.542.97-1.222l.838.17a.294.294 0 0 0 .114-.577l-.656-.133c.485-.988.774-2.161.863-3.51l.656-.132a.294.294 0 0 0-.113-.577l-.516.104q.003-.164.003-.33c0-1.311-.168-2.476-.503-3.487.503-1.448.704-3.823.2-5.48-.123-.49-.435-.686-.61-.757M6.022 6.547a6.4 6.4 0 0 0-1.306 1.845 10 10 0 0 1-.212-1.303c-.107-1.096-.053-2.242.214-3.123l.004-.013.004-.014a.6.6 0 0 1 .138-.268.4.4 0 0 1 .112-.082h.05q.09.003.267.048c.234.062.53.18.855.35.616.323 1.262.797 1.707 1.318a6.4 6.4 0 0 0-1.833 1.242m13.262 1.846A6.4 6.4 0 0 0 17.98 6.55a6.4 6.4 0 0 0-1.836-1.245c.446-.521 1.091-.995 1.708-1.318.324-.17.62-.288.854-.35q.176-.045.268-.048h.049c.028.013.07.038.113.082a.6.6 0 0 1 .138.268l.003.014.004.013c.267.88.322 2.027.214 3.123-.046.468-.12.91-.212 1.304m-1.708 10.151c-1.19 1.163-2.941 1.815-5.286 1.864v-3.414q.083-.018.169-.049c.093-.034.181-.08.197-.088l.004-.002h.002c.177-.093.306-.173.457-.291l.006-.005c.182-.144.385-.343.512-.611l.002-.005c.108-.231.165-.563.008-.9a1.1 1.1 0 0 0-.56-.534l-.014-.006a1.6 1.6 0 0 0-.598-.12c-.464-.008-.48-.008-.93-.001h-.044c-.186.006-.39.041-.578.122l-.043.02c-.17.08-.395.235-.528.52-.154.332-.101.659.004.89l.014.029c.128.261.327.457.507.598a2.7 2.7 0 0 0 .664.384q.085.031.168.05v3.413c-2.342-.05-4.092-.702-5.283-1.864a5.6 5.6 0 0 1-.76-.922l2.822-.568a.294.294 0 0 0-.114-.578l-3.025.61c-.47-.898-.764-1.986-.867-3.27l3.599.724a.294.294 0 0 0 .113-.577l-3.745-.755a14 14 0 0 1-.007-.45c0-2.62.697-4.533 1.983-5.787 1.241-1.21 3.088-1.866 5.577-1.866 2.487 0 4.335.659 5.574 1.868 1.284 1.254 1.982 3.168 1.982 5.788q0 .227-.007.447l-3.746.755a.294.294 0 0 0 .114.577l3.598-.725c-.101 1.286-.395 2.374-.864 3.271l-3.028-.61a.294.294 0 0 0-.113.577l2.825.57q-.338.51-.761.921m-5.658-2.11-.001-.001a.8.8 0 0 1-.261-.076l-.052-.026-.007-.004-.005-.002-.004-.003a2 2 0 0 1-.355-.226 1.2 1.2 0 0 1-.34-.391l-.01-.022a.46.46 0 0 1-.005-.387.5.5 0 0 1 .245-.237l.032-.015a1 1 0 0 1 .36-.073h.04c.443-.008.453-.007.91 0 .134.002.268.026.38.074l.01.004c.1.044.207.12.266.247a.46.46 0 0 1-.007.395l-.002.003a1.2 1.2 0 0 1-.343.4l-.006.004a2 2 0 0 1-.368.233l-.003.002-.05.024-.082.035a.8.8 0 0 1-.23.045h-.06z"
             })
         ]
     }));
-}, v = i;
+}, v = q;

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

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

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

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

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

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

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), t = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M19.387 8.152v12.306c0 .75-.636 1.383-1.386 1.383H6.009c-.737 0-1.386-.647-1.386-1.384l.039-3.296-.04-7.972v-5.65c0-.726.662-1.384 1.387-1.384h7.3c.227 0 .448.092.608.252l5.21 5.123c.109.104.173.241.213.384a.6.6 0 0 1 .047.238m-1.384 12.474c.096 0 .191-.096.191-.169V9.024h-2.277c-.998 0-1.86-.33-2.493-.952-.639-.63-.978-1.487-.978-2.482V3.371H6.012c-.073 0-.185.109-.19.168v5.647l.039 7.977-.04 3.3c0 .05.098.16.19.16h11.993zM17.69 7.808l-.003-.003h.003zm-.003-.003-4.05-3.983v1.764c0 .659.212 1.213.613 1.608.406.4.983.61 1.664.61zm-2.661 9.91a.605.605 0 0 0-.77.356l-.241.664-1.16-2.563c.692-.079 1.263-.3 1.703-.673l1.112 2.457zm-3.588-1.568-1.174 2.59-.244-.663a.6.6 0 0 0-.767-.356l-.647.244 1.182-2.61c.412.422.969.683 1.65.795m.823-5.86c1.74 0 2.516.79 2.516 2.56 0 1.767-.776 2.557-2.516 2.557s-2.515-.787-2.515-2.557.776-2.56 2.515-2.56m4.334 7.776-1.451-3.208-.013-.019-.007-.009c.291-.512.45-1.165.45-1.977 0-2.294-1.22-3.37-3.313-3.37s-3.31 1.076-3.31 3.37c0 .689.12 1.257.333 1.73l-.022.029a.2.2 0 0 0-.04.059l-1.538 3.395a.61.61 0 0 0 .079.638c.142.18.375.26.647.196l.935-.35.37 1a.6.6 0 0 0 .53.325h.016a.6.6 0 0 0 .53-.353l1.35-2.983 1.35 2.983a.6.6 0 0 0 .53.353h.016c.221 0 .423-.123.55-.372l.35-.953.982.367a.6.6 0 0 0 .597-.213.61.61 0 0 0 .079-.638m-4.88-5.541a.35.35 0 0 0 .31-.204l.203-.572.268.577a.36.36 0 0 0 .258.19l.574.057-.428.442a.39.39 0 0 0-.098.314l.11.58-.46-.255a.33.33 0 0 0-.356-.017l-.003.003-.02.014q-.008.008-.02.014l-.436.288.1-.627a.38.38 0 0 0-.094-.311l-.451-.406zm-1.003.532.314.322-.07.47a.66.66 0 0 0 .263.653.63.63 0 0 0 .678.04l.373-.207.37.207a.63.63 0 0 0 .674-.04.68.68 0 0 0 .267-.655l-.076-.462.314-.325a.68.68 0 0 0 .154-.684.65.65 0 0 0-.516-.442l-.42-.064-.193-.415c-.219-.465-.947-.465-1.16 0l-.19.409-.42.064a.65.65 0 0 0-.516.446.68.68 0 0 0 .154.683"
         })
     }));
-}, v = i;
+}, v = s;

package/dist/generated/mistica-icons/icon-change-plan-filled.js

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

package/dist/generated/mistica-icons/icon-change-plan-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const e = (_param)=>{
+const s = (_param)=>{
     var { color: r, size: h = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), c = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
@@ -105,17 +105,17 @@ const e = (_param)=>{
     }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: a,
                 d: "M19.403 11.434h-6.076a.28.28 0 0 1-.28-.28c0-.154.126-.28.28-.28h6.076c.154 0 .28.126.28.28s-.126.28-.28.28M19.403 14.17h-6.076a.28.28 0 0 1-.28-.28c0-.154.126-.28.28-.28h6.076c.154 0 .28.127.28.28 0 .155-.126.28-.28.28M13.327 16.924h6.076c.154 0 .28-.126.28-.28a.28.28 0 0 0-.28-.28h-6.076a.28.28 0 0 0-.28.28c0 .154.126.28.28.28"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: a,
                 d: "M11.708 20.216c-.518 0-.815-.3-.815-.821V4.596c0-.51.297-.8.812-.804.472-.002 4.63 0 5.366 0h.11a.3.3 0 0 1 .2.082l4.37 4.37a.3.3 0 0 1 .05.07.28.28 0 0 1 .03.17V19.42c0 .18-.014.386-.131.549q-.177.244-.563.246zm9.563-11.49H19.37c-1.52 0-2.465-.945-2.465-2.466V4.356h-5.196c-.218 0-.252.058-.252.243v14.799c0 .212.045.26.255.26.655-.003 6.773-.003 7.445-.003h1.98a.3.3 0 0 0 .11-.014.6.6 0 0 0 .025-.221zm-.395-.561-3.412-3.414v1.51c0 1.21.695 1.904 1.905 1.904zM7.366 7.935a.28.28 0 0 1-.182-.493c.217-.186.519-.449.718-.624H6.798c-.726 0-1.27.17-1.62.507-.36.347-.546.907-.546 1.66v.833a.277.277 0 0 1-.277.28.28.28 0 0 1-.28-.28v-.832c0-.91.24-1.605.717-2.065.457-.44 1.132-.664 2.006-.664h1.11a31 31 0 0 0-.724-.633.28.28 0 1 1 .364-.425l.055.047c.17.146.678.582.884.787.322.323.325.692.005 1.009-.123.123-.86.756-.944.826a.3.3 0 0 1-.182.067M3.899 15.588h3.095a.28.28 0 0 0 .28-.28.28.28 0 0 0-.28-.28H3.899a.28.28 0 0 0-.28.28c0 .154.125.28.28.28M3.899 17.045h3.095a.28.28 0 0 0 .28-.28.28.28 0 0 0-.28-.28H3.899a.28.28 0 0 0-.28.28c0 .154.125.28.28.28M6.994 18.501H3.899a.28.28 0 0 1-.28-.28.28.28 0 0 1 .28-.28h3.095a.28.28 0 0 1 .28.28c0 .154-.126.28-.28.28"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: a,
                 d: "M5.49 20.196H2.728c-.353 0-.572-.221-.572-.577v-8.157c0-.35.219-.569.572-.569h3.288q.057 0 .107.021a.3.3 0 0 1 .092.06l2.429 2.43a.28.28 0 0 1 .08.198v6.03c0 .34-.218.561-.56.561zm2.675-6.314h-.692c-.56 0-.995-.151-1.292-.445-.296-.294-.445-.731-.445-1.292v-.689h-3.02v8.18h5.449zm-.398-.56-1.47-1.47v.293c0 .813.363 1.177 1.176 1.177z"
             })
         ]
     }));
-}, M = e;
+}, M = s;

package/dist/generated/mistica-icons/icon-change-plan-regular.js

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

package/dist/generated/mistica-icons/icon-change-wifi-password-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -96,7 +96,7 @@ const t = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), a = s !== null && s !== void 0 ? s : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = s !== null && s !== void 0 ? s : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const t = (_param)=>{
             d: "M18.194 10.099c.591.566.896 1.4.91 2.476q0 .005.003.006v5.935c-.01 1.076-.319 1.908-.91 2.476-.571.546-1.384.824-2.417.824H8.203c-1.037 0-1.85-.278-2.418-.827-.59-.568-.89-1.403-.89-2.481l.002-5.653-.002-.232v-.037c0-1.078.3-1.913.89-2.482q.573-.55 1.457-.734V6.645c0-2.462 2.092-4.465 4.667-4.465h.184c2.575 0 4.667 2.003 4.667 4.462v.034a.52.52 0 0 1-1.036-.034c0-1.888-1.63-3.426-3.63-3.426h-.185c-2.003 0-3.63 1.538-3.63 3.426v2.633h7.498c1.033 0 1.846.278 2.417.824m-6.196 9.403c.213 0 .384-.059.502-.176.109-.11.17-.272.168-.49 0-.454-.264-.664-.67-.664s-.67.21-.67.663c0 .219.06.381.169.49.117.121.288.177.501.177m3.129-1.818a.52.52 0 0 0 .008-.737c-.717-.736-1.77-1.112-3.134-1.112-1.367 0-2.423.378-3.14 1.12a.518.518 0 1 0 .748.72c.512-.532 1.322-.8 2.395-.8s1.877.268 2.39.798a.52.52 0 0 0 .733.011m.697-2.274a.518.518 0 1 0 .742-.723c-1.033-1.064-2.568-1.605-4.562-1.605-2 0-3.54.543-4.574 1.616a.518.518 0 1 0 .747.72c.83-.863 2.118-1.3 3.827-1.3 1.703 0 2.989.434 3.82 1.292"
         })
     }));
-}, m = t;
+}, d = t;

package/dist/generated/mistica-icons/icon-change-wifi-password-light.js

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

package/dist/generated/mistica-icons/icon-change-wifi-password-regular.js

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

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = i !== null && i !== void 0 ? i : 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({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M13.64 5.391H4.532a3.57 3.57 0 0 1 3.561-3.387h6.428a3.56 3.56 0 0 1 2.976 1.614c-.042 0-.078-.005-.12-.005a4.8 4.8 0 0 0-3.739 1.778M8.093 22.004h6.428a3.57 3.57 0 0 0 3.56-3.388H4.534a3.575 3.575 0 0 0 3.561 3.388m9.285-8.754a4.827 4.827 0 0 1-4.823-4.823c0-.7.155-1.367.425-1.97H4.524v11.08h13.572V13.19c-.237.037-.475.06-.717.06m4.11-4.819a4.11 4.11 0 0 1-4.106 4.106 4.115 4.115 0 0 1-4.11-4.106 4.115 4.115 0 0 1 4.106-4.11 4.116 4.116 0 0 1 4.11 4.11m-3.575-1.293L19.11 5.94a3 3 0 0 0-1.197-.494zm-.535 4.329c.644 0 1.239-.201 1.732-.544L17 8.81a.53.53 0 0 1-.155-.38V5.446a3.04 3.04 0 0 0-2.5 2.985 3.04 3.04 0 0 0 3.035 3.036m3.035-3.036c0-.644-.2-1.239-.544-1.732L18.138 8.43l1.732 1.733a3.02 3.02 0 0 0 .544-1.733"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M13.64 5.391H4.532a3.57 3.57 0 0 1 3.561-3.387h6.428a3.56 3.56 0 0 1 2.976 1.614c-.042 0-.078-.005-.12-.005a4.8 4.8 0 0 0-3.739 1.778M8.093 22.004h6.428a3.57 3.57 0 0 0 3.56-3.388H4.534a3.575 3.575 0 0 0 3.561 3.388m9.285-8.754a4.827 4.827 0 0 1-4.823-4.823c0-.7.155-1.367.425-1.97H4.524v11.08h13.572V13.19c-.237.037-.475.06-.717.06m4.11-4.819a4.11 4.11 0 0 1-4.106 4.106 4.115 4.115 0 0 1-4.11-4.106 4.115 4.115 0 0 1 4.106-4.11 4.116 4.116 0 0 1 4.11 4.11m-3.575-1.293L19.11 5.94a3 3 0 0 0-1.197-.494zm-.535 4.329c.644 0 1.239-.201 1.732-.544L17 8.81a.53.53 0 0 1-.155-.38V5.446a3.04 3.04 0 0 0-2.5 2.985 3.04 3.04 0 0 0 3.035 3.036m3.035-3.036c0-.644-.2-1.239-.544-1.732L18.138 8.43l1.732 1.733a3.02 3.02 0 0 0 .544-1.733"
         })
     }));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return H;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: c, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: c, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), r = c !== null && c !== void 0 ? c : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = c !== null && c !== void 0 ? c : h ? _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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M21.489 8.431a4.11 4.11 0 0 0-3.612-4.073 3.57 3.57 0 0 0-3.355-2.354H8.094c-1.97 0-3.57 1.6-3.57 3.57V18.43c0 1.97 1.6 3.57 3.57 3.57h6.428c1.97 0 3.57-1.6 3.57-3.57v-5.956c1.925-.343 3.396-2.021 3.396-4.042m-1.075 0c0 .645-.2 1.24-.544 1.733L18.138 8.43 19.87 6.7a3 3 0 0 1 .544 1.732m-6.07 0c0-1.49 1.083-2.729 2.5-2.985v2.985c0 .137.05.275.155.38l2.112 2.112a3.02 3.02 0 0 1-1.732.544 3.04 3.04 0 0 1-3.036-3.036m3.57-2.985c.438.078.845.252 1.197.494l-1.197 1.198zM8.094 3.43h6.428c.772 0 1.44.416 1.815 1.033a4.1 4.1 0 0 0-1.51.755H5.983A2.146 2.146 0 0 1 8.094 3.43m6.428 17.143H8.094a2.146 2.146 0 0 1-2.112-1.787h10.652a2.146 2.146 0 0 1-2.112 1.787M5.95 17.36V6.644h7.735a4.1 4.1 0 0 0-.416 1.787 4.11 4.11 0 0 0 3.392 4.042v4.886z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +113,10 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M15.14 17.36a.714.714 0 0 1 0 1.426.714.714 0 0 1 0-1.427m2.144-5.002a3.93 3.93 0 0 1-3.927-3.927c0-.79.238-1.527.645-2.148H5.499v11.433h7.502a.357.357 0 0 1 0 .713H5.499v.357c0 1.38 1.12 2.5 2.5 2.5h6.428c1.38 0 2.5-1.12 2.5-2.5v-5.358a.357.357 0 0 1 .714 0v5.358a3.215 3.215 0 0 1-3.214 3.213H8a3.215 3.215 0 0 1-3.214-3.213V5.218A3.215 3.215 0 0 1 8 2.004h6.427a3.215 3.215 0 0 1 3.132 2.5h.082v.019a3.934 3.934 0 0 1 3.57 3.908 3.926 3.926 0 0 1-3.927 3.927m2.51-5.934-2.002 2.003 2.002 2.002a3.2 3.2 0 0 0 0-4.005m-2.153 1.143 1.646-1.645a3.2 3.2 0 0 0-1.646-.686zM5.499 5.57h9.102a3.9 3.9 0 0 1 2.226-1.038 2.5 2.5 0 0 0-2.4-1.815H8c-1.38 0-2.5 1.12-2.5 2.5zm11.785 6.075c.76 0 1.454-.265 2.003-.704l-2.259-2.258a.4.4 0 0 1-.077-.115.4.4 0 0 1-.028-.137V5.236a3.22 3.22 0 0 0-2.857 3.195 3.225 3.225 0 0 0 3.218 3.214"
         })
     }));
-}, H = m;
+}, d = m;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,15 +97,15 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : h ? _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({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = t !== null && t !== void 0 ? t : i ? _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({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: a,
             d: "M21.489 8.431a4.11 4.11 0 0 0-3.612-4.073 3.57 3.57 0 0 0-3.355-2.354H8.094c-1.97 0-3.57 1.6-3.57 3.57V18.43c0 1.97 1.6 3.57 3.57 3.57h6.428c1.97 0 3.57-1.6 3.57-3.57v-5.956c1.925-.343 3.397-2.021 3.397-4.042m-1.075 0c0 .645-.2 1.24-.544 1.733L18.138 8.43 19.87 6.7c.343.489.544 1.088.544 1.732m-6.07 0c0-1.49 1.083-2.729 2.5-2.985v2.985c0 .137.05.275.155.38l2.112 2.112a3.02 3.02 0 0 1-1.732.544 3.04 3.04 0 0 1-3.036-3.036m3.57-2.985c.439.078.845.252 1.197.494l-1.197 1.198zM8.094 3.43h6.428c.772 0 1.44.416 1.815 1.033a4.1 4.1 0 0 0-1.509.755H5.982A2.146 2.146 0 0 1 8.094 3.43m6.428 17.143H8.094a2.146 2.146 0 0 1-2.112-1.787h10.652a2.146 2.146 0 0 1-2.112 1.787M5.95 17.36V6.644h7.735a4.1 4.1 0 0 0-.416 1.787 4.11 4.11 0 0 0 3.392 4.042v4.886z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,8 +115,8 @@ const m = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: a,
             d: "M21.489 8.431a4.11 4.11 0 0 0-3.612-4.073 3.57 3.57 0 0 0-3.355-2.354H8.094c-1.97 0-3.57 1.6-3.57 3.57V18.43c0 1.97 1.6 3.57 3.57 3.57h6.428c1.97 0 3.57-1.6 3.57-3.57v-5.956c1.925-.343 3.397-2.021 3.397-4.042m-1.075 0c0 .645-.2 1.24-.544 1.733L18.138 8.43 19.87 6.7c.343.489.544 1.088.544 1.732m-6.07 0c0-1.49 1.083-2.729 2.5-2.985v2.985c0 .137.05.275.155.38l2.112 2.112a3.02 3.02 0 0 1-1.732.544 3.04 3.04 0 0 1-3.036-3.036m3.57-2.985c.439.078.845.252 1.197.494l-1.197 1.198zM8.094 3.43h6.428c.772 0 1.44.416 1.815 1.033a4.1 4.1 0 0 0-1.509.755H5.982A2.146 2.146 0 0 1 8.094 3.43m6.428 17.143H8.094a2.146 2.146 0 0 1-2.112-1.787h10.652a2.146 2.146 0 0 1-2.112 1.787M5.95 17.36V6.644h7.735a4.1 4.1 0 0 0-.416 1.787 4.11 4.11 0 0 0 3.392 4.042v4.886z"
         })
     }));
-}, u = m;
+}, d = m;

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

@@ -97,7 +97,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = h !== null && h !== void 0 ? h : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = h !== null && h !== void 0 ? h : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

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

@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), a = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
     return v.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

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

@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), a = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
     return v.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

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

@@ -97,7 +97,7 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = l !== null && l !== void 0 ? l : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const h = (_param)=>{
     var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = n !== null && n !== void 0 ? n : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = n !== null && n !== void 0 ? n : s ? _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({
         width: e,
         height: e,
@@ -119,4 +119,4 @@ const a = (_param)=>{
             d: "M21 6.568c.552 0 1-.463 1-1.034S21.552 4.5 21 4.5s-1 .463-1 1.034.448 1.034 1 1.034M2.15 12.877l6.1 6.623L19.351 7.963c.2-.207.2-.518 0-.724a.47.47 0 0 0-.7 0L8.25 17.945l-5.4-5.792a.47.47 0 0 0-.699 0c-.2.207-.2.517 0 .724"
         })
     }));
-}, d = a;
+}, v = h;

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

@@ -97,7 +97,7 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), o = a !== null && a !== void 0 ? a : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = a !== null && a !== void 0 ? a : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,

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

@@ -97,7 +97,7 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = n !== null && n !== void 0 ? n : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = n !== null && n !== void 0 ? n : s ? _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,