@telefonica/mistica 15.20.1 → 16.0.0

package/dist-es/generated/mistica-icons/icon-database-light.js

@@ -79,15 +79,15 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as a } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useTheme as l } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as m } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: r, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = s(), e = r !== null && r !== void 0 ? r : l ? o.colors.inverse : o.colors.neutralHigh, { skinName: t } = m();
+    const i = m(), e = r !== null && r !== void 0 ? r : i ? o.colors.inverse : o.colors.neutralHigh, { skinName: t } = l();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -119,5 +119,5 @@ const i = (_param)=>{
             d: "m21.838 9.717-.006 4.557c0 .331-.129.63-.333.86.207.227.338.533.338.866l-.005 4.555c0 .706-.569 1.282-1.269 1.282H3.417a1.277 1.277 0 0 1-1.266-1.282l.006-4.558c0-.33.129-.63.333-.857a1.3 1.3 0 0 1-.339-.868l.006-4.558c0-.333.129-.63.333-.86a1.27 1.27 0 0 1-.339-.862l.006-4.558c0-.706.568-1.283 1.269-1.283H20.57c.698 0 1.266.577 1.266 1.283l-.005 4.558c0 .33-.129.63-.333.86.207.226.338.529.338.865M2.985 3.434 2.98 7.992a.44.44 0 0 0 .437.442h17.146c.244 0 .44-.199.437-.442l.006-4.558a.44.44 0 0 0-.437-.442H3.426a.44.44 0 0 0-.44.442m15.605 3.869c-.983 0-1.569-.594-1.569-1.589 0-.994.586-1.59 1.569-1.59s1.572.593 1.572 1.59c0 .995-.589 1.589-1.572 1.589m-.74-1.589c0 .538.208.748.74.748s.742-.21.742-.748c0-.535-.215-.75-.742-.75-.532 0-.74.21-.74.75m.723 4.69c.983 0 1.572.593 1.572 1.59 0 .995-.586 1.591-1.572 1.591-.983 0-1.568-.593-1.568-1.59-.003-.995.582-1.592 1.568-1.592m.74 1.59c0-.537-.208-.75-.74-.75s-.74.21-.74.75c-.002.541.205.751.74.751.532 0 .74-.21.74-.75m-.74 4.692c.983 0 1.572.594 1.572 1.591 0 .995-.586 1.591-1.572 1.591-.983 0-1.568-.593-1.568-1.59-.003-.995.582-1.592 1.568-1.592m0 2.34c.532 0 .74-.21.74-.751 0-.538-.208-.751-.74-.751s-.74.21-.74.75c-.002.541.205.751.74.751m2.434-3.029a.44.44 0 0 0-.437-.442H3.426a.437.437 0 0 0-.437.442l-.009 4.558a.44.44 0 0 0 .437.442h17.146c.244 0 .44-.199.44-.442zm-.445-1.28a.44.44 0 0 0 .437-.443l.006-4.557a.44.44 0 0 0-.437-.443H3.426a.44.44 0 0 0-.437.443l-.006 4.557a.44.44 0 0 0 .434.443zM4.37 5.711c0 .233.185.42.414.42h5.757a.417.417 0 0 0 .414-.42.417.417 0 0 0-.414-.42H4.784a.417.417 0 0 0-.414.42m6.17 5.863a.42.42 0 0 1 0 .84H4.785a.416.416 0 0 1-.414-.417c0-.232.185-.42.414-.42 0-.003 5.757-.003 5.757-.003m.415 6.743a.417.417 0 0 0-.414-.42v.002H4.784a.417.417 0 0 0-.414.42c0 .23.185.418.414.418h5.757a.42.42 0 0 0 .414-.42"
         })
     }));
-}, p = i;
-export { p as default };
+}, f = s;
+export { f as default };

package/dist-es/generated/mistica-icons/icon-database-regular.js

@@ -80,32 +80,32 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as c } from "react/jsx-runtime";
 import { useTheme as m } from "../../hooks.js";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
-    var { color: r, size: a = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: o, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = i(), e = r !== null && r !== void 0 ? r : t ? o.colors.inverse : o.colors.neutralHigh, { skinName: l } = m();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const t = i(), h = o !== null && o !== void 0 ? o : t ? l.colors.inverse : l.colors.neutralHigh, { skinName: r } = m();
+    return r.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: e,
+            fill: h,
             d: "M17.912 2H4v20h16V4.144C20 2.964 19.06 2 17.912 2M5.393 9.145h13.218v4.608H5.393zm13.214-5.001v3.927H5.393V3.43h12.52c.382 0 .694.32.694.713M5.393 20.574v-5.751h13.218v5.75zm4.345-15H6.956a.544.544 0 0 1-.52-.534c0-.283.244-.535.52-.535h2.782c.277 0 .521.252.521.535a.544.544 0 0 1-.52.535m0 4.64H6.956a.544.544 0 0 0-.52.536c0 .283.244.535.52.535h2.782c.277 0 .521-.252.521-.535a.54.54 0 0 0-.52-.535M6.956 15.93h2.782c.28 0 .521.252.521.535a.544.544 0 0 1-.52.535H6.955a.544.544 0 0 1-.52-.535c0-.283.244-.535.52-.535"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: e,
+            fill: h,
             d: "M17.912 2H4v20h16V4.144C20 2.964 19.06 2 17.912 2M5.393 9.145h13.218v4.608H5.393zm13.214-5.001v3.927H5.393V3.43h12.52c.382 0 .694.32.694.713M5.393 20.574v-5.751h13.218v5.75zm4.345-15H6.956a.544.544 0 0 1-.52-.534c0-.283.244-.535.52-.535h2.782c.277 0 .521.252.521.535a.544.544 0 0 1-.52.535m0 4.64H6.956a.544.544 0 0 0-.52.536c0 .283.244.535.52.535h2.782c.277 0 .521-.252.521-.535a.54.54 0 0 0-.52-.535M6.956 15.93h2.782c.28 0 .521.252.521.535a.544.544 0 0 1-.52.535H6.955a.544.544 0 0 1-.52-.535c0-.283.244-.535.52-.535"
         })
     })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
@@ -113,11 +113,11 @@ const n = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: e,
+            fill: h,
             d: "m21.85 9.768-.006 4.46c0 .314-.101.602-.266.84.168.241.271.532.271.849l-.005 4.46a1.46 1.46 0 0 1-1.451 1.464H3.61a1.46 1.46 0 0 1-1.448-1.465l.006-4.46c0-.313.098-.601.263-.84a1.5 1.5 0 0 1-.272-.848l.006-4.46c0-.313.098-.602.263-.84a1.5 1.5 0 0 1-.272-.849l.006-4.459c0-.807.65-1.465 1.448-1.465h16.782A1.46 1.46 0 0 1 21.84 3.62l-.006 4.46c0 .313-.098.602-.266.84.177.24.28.532.28.848M3.397 3.62l-.005 4.46c0 .12.098.223.221.223h16.782c.123 0 .22-.1.22-.224l.006-4.459a.22.22 0 0 0-.22-.221H3.616a.22.22 0 0 0-.219.221m14.813 3.835c-1.023 0-1.63-.617-1.63-1.65 0-1.034.61-1.65 1.63-1.65s1.63.616 1.63 1.65c0 1.03-.608 1.65-1.63 1.65m-.65-1.65c0 .484.17.658.65.658.479 0 .65-.174.65-.658 0-.488-.171-.658-.65-.658-.48 0-.65.173-.65.658m.63 4.546c1.023 0 1.63.616 1.63 1.65s-.61 1.65-1.63 1.65-1.63-.616-1.63-1.65c0-1.03.61-1.65 1.63-1.65m.65 1.65c0-.485-.17-.658-.65-.658-.479 0-.65.173-.65.658.003.487.171.658.65.658.48 0 .65-.174.65-.658m-.65 4.552c1.023 0 1.63.616 1.63 1.65s-.61 1.65-1.63 1.65-1.63-.617-1.63-1.65c0-1.034.61-1.65 1.63-1.65m0 2.308c.48 0 .65-.174.65-.658s-.17-.659-.65-.659c-.479 0-.65.174-.65.659.003.484.171.658.65.658m2.429-2.944a.22.22 0 0 0-.222-.221H3.617c-.12 0-.219.1-.219.224l-.005 4.46a.22.22 0 0 0 .221.22h16.782a.226.226 0 0 0 .218-.224zm-.227-1.468c.123 0 .221-.1.221-.224l.006-4.46a.22.22 0 0 0-.222-.22H3.617a.22.22 0 0 0-.219.22l-.005 4.46a.22.22 0 0 0 .218.224zM4.289 5.802c0 .345.275.622.614.622h5.683a.617.617 0 0 0 .614-.622.617.617 0 0 0-.614-.622H4.903a.617.617 0 0 0-.614.622m6.297 5.58c.339 0 .614.277.614.622a.62.62 0 0 1-.614.622H4.903a.617.617 0 0 1-.614-.622c0-.345.275-.622.614-.622zm.614 6.86a.617.617 0 0 0-.614-.622H4.903a.617.617 0 0 0-.614.622c0 .344.275.622.614.622h5.683a.617.617 0 0 0 .614-.622"
         })
     }));
-}, p = n;
-export { p as default };
+}, f = n;
+export { f as default };

package/dist-es/generated/mistica-icons/icon-delivery-van-moving-filled.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const t = (_param)=>{
-    var { color: e, size: o = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: c, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = l(), n = e !== null && e !== void 0 ? e : i ? c.colors.inverse : c.colors.neutralHigh;
+    const i = l(), n = c !== null && c !== void 0 ? c : i ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,

package/dist-es/generated/mistica-icons/icon-delivery-van-moving-light.js

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const a = (_param)=>{
-    var { color: e, size: c = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = t(), n = e !== null && e !== void 0 ? e : i ? r.colors.inverse : r.colors.neutralHigh;
+    const s = t(), n = e !== null && e !== void 0 ? e : s ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, i), {
         children: /* @__PURE__ */ o("path", {
             fill: n,
             d: "M20.465 16.652h-.852c-.176 1.062-.913 1.638-2.122 1.638-1.21 0-1.947-.576-2.122-1.639H9.78c-.176 1.063-.913 1.64-2.122 1.64-1.21 0-1.947-.577-2.122-1.64H5.17c-.706 0-1.372-.666-1.372-1.372v-1.358H2.44a.28.28 0 0 1-.28-.28c0-.155.126-.28.28-.28H3.8V11.19H2.44a.28.28 0 0 1-.28-.28c0-.155.126-.28.28-.28H3.8V8.457H2.44a.28.28 0 0 1-.28-.28.28.28 0 0 1 .28-.28H3.8v-.812c0-.706.666-1.373 1.372-1.373h11.47c.505 0 1.034.266 1.32.664a475 475 0 0 0 3.272 4.362c.227.294.605.787.605 1.263v3.277c0 .706-.667 1.373-1.373 1.373M4.36 7.086v8.193c0 .395.417.813.812.813h.325c.014-1.372.78-2.127 2.163-2.127s2.149.755 2.162 2.127h5.507c.014-1.372.78-2.127 2.163-2.127s2.149.755 2.162 2.127h.812c.395 0 .813-.418.813-.813v-3.277c0-.286-.317-.7-.488-.922a481 481 0 0 1-3.283-4.378c-.179-.25-.543-.428-.865-.428H5.172c-.396 0-.813.417-.813.812m3.3 7.44c-.53 0-.933.129-1.194.38-.271.261-.409.673-.409 1.222s.138.96.41 1.221q.396.38 1.193.381c.53 0 .932-.129 1.193-.38.272-.261.409-.673.409-1.222 0-.55-.137-.96-.41-1.221-.26-.255-.663-.381-1.192-.381m9.832 0c-.53 0-.933.129-1.194.38-.271.261-.409.673-.409 1.222s.138.96.41 1.221q.396.38 1.193.381c.529 0 .932-.129 1.193-.38.272-.261.409-.673.409-1.222 0-.55-.137-.96-.41-1.221-.26-.255-.663-.381-1.192-.381"

package/dist-es/generated/mistica-icons/icon-delivery-van-moving-regular.js

@@ -78,25 +78,25 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { jsx as c } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
-    var { color: l, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: e, size: r = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), n = l !== null && l !== void 0 ? l : a ? o.colors.inverse : o.colors.neutralHigh;
-    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const a = i(), n = e !== null && e !== void 0 ? e : a ? o.colors.inverse : o.colors.neutralHigh;
+    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ r("path", {
+    }, l), {
+        children: /* @__PURE__ */ c("path", {
             fill: n,
             d: "M16.182 5.37H5.435c-1.075 0-1.947.844-1.958 1.889h-.81l-.09.006A.656.656 0 0 0 2 7.909c0 .359.298.65.667.65h.81v1.217h-.81l-.09.006a.656.656 0 0 0-.577.644c0 .36.298.65.667.65h.81v1.22h-.81l-.09.005a.656.656 0 0 0-.577.644c0 .36.298.65.667.65h.81v1.238c0 1.055.876 1.91 1.958 1.91h.037c.229 1.208 1.128 1.888 2.544 1.888 1.418 0 2.319-.68 2.548-1.888h4.026c.23 1.208 1.13 1.888 2.546 1.888 1.417 0 2.317-.68 2.547-1.888h.359c1.081 0 1.958-.855 1.958-1.91v-2.714c0-.425-.145-.838-.412-1.173l-3.86-4.839a1.98 1.98 0 0 0-1.546-.737m-.316 10.733v-.01c0-.895.353-1.24 1.27-1.24.761 0 1.134.239 1.24.83q.03.183.031.41c0 .893-.353 1.238-1.271 1.238-.914 0-1.268-.342-1.27-1.228m3.817-.66c-.23-1.21-1.13-1.89-2.547-1.89-1.402 0-2.297.666-2.538 1.851l-.009.038h-4.025c-.23-1.209-1.13-1.888-2.548-1.888-.991 0-1.73.333-2.162.948q-.241.342-.35.794l-.003.008-.019.085-.012.053-.035.001a.617.617 0 0 1-.625-.61V7.279c0-.336.28-.609.625-.609h10.747a.63.63 0 0 1 .492.235l3.861 4.839a.6.6 0 0 1 .132.375v2.714l-.006.083a.62.62 0 0 1-.62.527zm-12.737-.197c.193-.275.536-.392 1.071-.392.917 0 1.27.344 1.271 1.24v.013c-.003.883-.358 1.224-1.272 1.224-.916 0-1.269-.344-1.269-1.238 0-.364.058-.636.189-.832z"
         })
     }));
-}, m = i;
+}, m = h;
 export { m as default };

package/dist-es/generated/mistica-icons/icon-desk-filled.js

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as o } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { vars as v } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const c = (_param)=>{
-    var { color: h, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: v, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = l(), t = h !== null && h !== void 0 ? h : i ? v.colors.inverse : v.colors.neutralHigh, { skinName: s } = n();
+    const h = l(), t = v !== null && v !== void 0 ? v : h ? i.colors.inverse : i.colors.neutralHigh, { skinName: s } = n();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,

package/dist-es/generated/mistica-icons/icon-desk-light.js

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as h } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
+import { vars as v } from "../../skins/skin-contract.css-mistica.js";
 const l = (_param)=>{
     var { color: t, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = c(), v = t !== null && t !== void 0 ? t : i ? r.colors.inverse : r.colors.neutralHigh, { skinName: s } = n();
+    const i = c(), r = t !== null && t !== void 0 ? t : i ? v.colors.inverse : v.colors.neutralHigh, { skinName: s } = n();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -95,7 +95,7 @@ const l = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ h("path", {
-            fill: v,
+            fill: r,
             d: "M8.543 10.072V8.918h3.847V1.995H3.159v6.923h3.846v1.154H4.313a2.315 2.315 0 0 0-2.308 2.308v8.846c0 .423.346.769.77.769.422 0 .768-.346.768-.77V12.38c0-.424.347-.77.77-.77h10v5.385h6.153v4.23c0 .424.347.77.77.77s.769-.346.769-.77V10.073zM4.697 3.533h6.154V7.38H4.697zm15.77 8.077v1.154H15.85V11.61zm-4.616 3.847v-1.154h4.615v1.153z"
         })
     })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
@@ -105,7 +105,7 @@ const l = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ h("path", {
-            fill: v,
+            fill: r,
             d: "M21.213 21.997a.784.784 0 1 0 0-1.569.784.784 0 0 0 0 1.569M14.547 14.94h6.274v3.92c0 .235.156.392.392.392.235 0 .392-.157.392-.392v-8.626H7.88V9.058h4.313V2h-9.41v7.058h4.313v1.176H3.96c-1.097 0-1.96.863-1.96 1.96v9.41c0 .236.157.393.392.393s.392-.157.392-.392v-9.41c0-.667.51-1.177 1.176-1.177h10.587zM3.568 8.273v-5.49h7.842v5.49zm11.763 5.881v-1.176h5.49v1.176zm5.49-3.137v1.176h-5.49v-1.176z"
         })
     }));

package/dist-es/generated/mistica-icons/icon-desk-regular.js

@@ -78,33 +78,33 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useTheme as n } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const l = (_param)=>{
-    var { color: v, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: v, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = c(), h = v !== null && v !== void 0 ? v : s ? t.colors.inverse : t.colors.neutralHigh, { skinName: n } = i();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const s = c(), h = v !== null && v !== void 0 ? v : s ? t.colors.inverse : t.colors.neutralHigh, { skinName: i } = n();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: h,
             d: "M8.543 10.072V8.918h3.847V1.995H3.159v6.923h3.846v1.154H4.313a2.315 2.315 0 0 0-2.308 2.308v8.846c0 .423.346.769.77.769.422 0 .768-.346.768-.77V12.38c0-.424.347-.77.77-.77h10v5.385h6.153v4.23c0 .424.347.77.77.77s.769-.346.769-.77V10.073zM4.697 3.533h6.154V7.38H4.697zm15.77 8.077v1.154H15.85V11.61zm-4.616 3.847v-1.154h4.615v1.153z"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: h,
             d: "M8.543 10.072V8.918h3.847V1.995H3.159v6.923h3.846v1.154H4.313a2.315 2.315 0 0 0-2.308 2.308v8.846c0 .423.346.769.77.769.422 0 .768-.346.768-.77V12.38c0-.424.347-.77.77-.77h10v5.385h6.153v4.23c0 .424.347.77.77.77s.769-.346.769-.77V10.073zM4.697 3.533h6.154V7.38H4.697zm15.77 8.077v1.154H15.85V11.61zm-4.616 3.847v-1.154h4.615v1.153z"
         })

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

@@ -79,16 +79,16 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useTheme as a } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const h = (_param)=>{
     var { color: n, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = c(), r = n !== null && n !== void 0 ? n : l ? t.colors.inverse : t.colors.neutralHigh, { skinName: s } = a();
-    return s.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const l = c(), r = n !== null && n !== void 0 ? n : l ? t.colors.inverse : t.colors.neutralHigh, { skinName: a } = s();
+    return a.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

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

@@ -78,33 +78,33 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import { useTheme as a } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: t, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const n = l(), i = t !== null && t !== void 0 ? t : n ? r.colors.inverse : r.colors.neutralHigh, { skinName: h } = a();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    return h.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
-        children: /* @__PURE__ */ e("path", {
+        children: /* @__PURE__ */ c("path", {
             fill: i,
             d: "M8.004 2h6.344c1.945 0 3.528 1.605 3.524 3.576v12.853c0 1.97-1.58 3.571-3.524 3.571H8.004c-1.945 0-3.524-1.6-3.524-3.571V5.57C4.48 3.601 6.06 2 8.004 2M5.888 6.646v10.717h10.576V6.646zM8.004 3.43c-1.047 0-1.913.773-2.085 1.788h10.513c-.171-1.015-1.037-1.788-2.084-1.788zm0 17.147h6.344a2.12 2.12 0 0 0 2.084-1.788H5.92c.172 1.015 1.038 1.788 2.085 1.788m13.685-3.891a.7.7 0 0 1-.997.027.72.72 0 0 1-.027-1.01 5.32 5.32 0 0 0-.09-7.385.72.72 0 0 1 0-1.01.7.7 0 0 1 .997 0 6.745 6.745 0 0 1 .117 9.378m-2.166-1.454c.19 0 .38-.078.52-.234a4.37 4.37 0 0 0-.127-6.012.7.7 0 0 0-.997 0 .72.72 0 0 0 0 1.01 2.94 2.94 0 0 1 .085 4.038.72.72 0 0 0 .04 1.01.7.7 0 0 0 .48.188"
         })
-    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
-        children: /* @__PURE__ */ e("path", {
+        children: /* @__PURE__ */ c("path", {
             fill: i,
             d: "M17.824 5.214v.7l-.002.004-.002.004v12.864c0 1.774-1.402 3.214-3.128 3.214H8.437c-1.726 0-3.127-1.44-3.127-3.214V5.214C5.31 3.44 6.711 2 8.437 2h6.26c1.726 0 3.127 1.44 3.127 3.214m-3.132-2.5H8.437c-1.339 0-2.433 1.12-2.433 2.5v.352h11.122v-.352c0-1.38-1.09-2.5-2.434-2.5m0 18.568c1.344 0 2.434-1.12 2.434-2.5V6.279H6.004v11.433h7.3c.191 0 .347.16.347.357a.35.35 0 0 1-.347.356h-7.3v.357c0 1.38 1.09 2.5 2.433 2.5zm.699-2.5c.382 0 .694-.32.694-.713a.705.705 0 0 0-.694-.714.705.705 0 0 0-.694.714c0 .393.311.713.694.713m5.596-2.35a.35.35 0 0 1-.494.014.36.36 0 0 1-.013-.503 5.727 5.727 0 0 0-.098-7.881.357.357 0 0 1 0-.503.34.34 0 0 1 .49 0 6.44 6.44 0 0 1 .115 8.873m-1.633-1.682a4.057 4.057 0 0 0-.11-5.518.353.353 0 1 0-.5.503 3.335 3.335 0 0 1 .094 4.53.36.36 0 0 0 .022.503.34.34 0 0 0 .236.096.33.33 0 0 0 .258-.114"
         })

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

@@ -78,33 +78,33 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { useTheme as h } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: t, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: t, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const n = l(), c = t !== null && t !== void 0 ? t : n ? i.colors.inverse : i.colors.neutralHigh, { skinName: a } = h();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    return a.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: c,
             d: "M8.004 2h6.344c1.945 0 3.528 1.605 3.524 3.576v12.853c0 1.97-1.58 3.571-3.524 3.571H8.004c-1.945 0-3.524-1.6-3.524-3.571V5.57C4.48 3.601 6.06 2 8.004 2M5.888 6.646v10.717h10.576V6.646zM8.004 3.43c-1.047 0-1.913.773-2.085 1.788h10.513c-.171-1.015-1.037-1.788-2.084-1.788zm0 17.147h6.344a2.12 2.12 0 0 0 2.084-1.788H5.92c.172 1.015 1.038 1.788 2.085 1.788m13.685-3.891a.7.7 0 0 1-.997.027.72.72 0 0 1-.027-1.01 5.32 5.32 0 0 0-.09-7.385.72.72 0 0 1 0-1.01.7.7 0 0 1 .997 0 6.745 6.745 0 0 1 .117 9.378m-2.166-1.454c.19 0 .38-.078.52-.234a4.37 4.37 0 0 0-.127-6.012.7.7 0 0 0-.997 0 .72.72 0 0 0 0 1.01 2.94 2.94 0 0 1 .085 4.038.72.72 0 0 0 .04 1.01.7.7 0 0 0 .48.188"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: c,
             d: "M8.004 2h6.344c1.945 0 3.528 1.605 3.524 3.576v12.853c0 1.97-1.58 3.571-3.524 3.571H8.004c-1.945 0-3.524-1.6-3.524-3.571V5.57C4.48 3.601 6.06 2 8.004 2M5.888 6.646v10.717h10.576V6.646zM8.004 3.43c-1.047 0-1.913.773-2.085 1.788h10.513c-.171-1.015-1.037-1.788-2.084-1.788zm0 17.147h6.344a2.12 2.12 0 0 0 2.084-1.788H5.92c.172 1.015 1.038 1.788 2.085 1.788m13.685-3.891a.7.7 0 0 1-.997.027.72.72 0 0 1-.027-1.01 5.32 5.32 0 0 0-.09-7.385.72.72 0 0 1 0-1.01.7.7 0 0 1 .997 0 6.745 6.745 0 0 1 .117 9.378m-2.166-1.454c.19 0 .38-.078.52-.234a4.37 4.37 0 0 0-.127-6.012.7.7 0 0 0-.997 0 .72.72 0 0 0 0 1.01 2.94 2.94 0 0 1 .085 4.038.72.72 0 0 0 .04 1.01.7.7 0 0 0 .48.188"
         })

package/dist-es/generated/mistica-icons/icon-diamond-filled.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: e, size: o = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: l, size: o = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = s(), t = e !== null && e !== void 0 ? e : n ? l.colors.inverse : l.colors.neutralHigh;
+    const n = s(), t = l !== null && l !== void 0 ? l : n ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -98,5 +98,5 @@ const m = (_param)=>{
             d: "M11.118 2.155h-5.38L7.37 7.298zm7.143 0H12.87l3.75 5.143zm.76.697-1.594 5.003h4.414zM17.126 8.8h4.613l-8.38 11.852zm-.975 0H7.847l4.15 13.042zm-8.017-.944 3.863-5.305 3.854 5.305zm-5.98 0 2.823-5.01 1.594 5.01zm4.714.944H2.26l8.378 11.855z"
         })
     }));
-}, d = m;
-export { d as default };
+}, h = m;
+export { h as default };

package/dist-es/generated/mistica-icons/icon-diamond-light.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as e } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: a, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = e(), n = a !== null && a !== void 0 ? a : i ? r.colors.inverse : r.colors.neutralHigh;
+    const i = n(), e = a !== null && a !== void 0 ? a : i ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -94,7 +94,7 @@ const s = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ o("path", {
-            fill: n,
+            fill: e,
             d: "m21.838 8.347-.003.01a.1.1 0 0 1-.012.035.4.4 0 0 1-.056.162l-.004.015q0 .006-.004.013l-9.428 13.087a.2.2 0 0 1-.041.036q-.014.01-.027.02c-.017.017-.03.03-.05.045a.4.4 0 0 1-.221.07.4.4 0 0 1-.219-.07l-.05-.045-.028-.023q-.02-.014-.037-.033L2.23 8.582q-.006-.007-.007-.016l-.005-.012a.4.4 0 0 1-.056-.162l-.004-.016-.004-.02-.003-.012a.4.4 0 0 1 .05-.185q0-.008.003-.017l3.317-5.778.01-.009.01-.008a.37.37 0 0 1 .165-.143l.018-.011q.014-.011.032-.017a.3.3 0 0 1 .06-.007l.03-.002.016-.005q.008-.005.02-.006h12.224q.01 0 .02.006l.014.005.03.002q.03-.001.06.007.017.006.032.017.009.006.018.01a.4.4 0 0 1 .165.144l.008.005q.008.004.012.012l3.317 5.781.002.009q0 .005.003.008a.36.36 0 0 1 .05.185M7.901 7.453l3.317-4.476H6.45zm8.9.482h3.91l-2.5-4.35zm-.267.82L13.202 19.05l7.414-10.294zm-5.75 10.295L7.45 8.756H3.37zm6.753-16.073h-4.77l3.322 4.476zM8.574 7.935l.002-.003h6.839l-3.42-4.61-3.419 4.61h-.002zm3.42 12.154 3.67-11.333h-7.34zM5.78 3.582l-2.502 4.35h3.91z"
         })
     }));

package/dist-es/generated/mistica-icons/icon-diamond-regular.js

@@ -78,25 +78,25 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+import { jsx as a } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+const s = (_param)=>{
     var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = s(), t = r !== null && r !== void 0 ? r : n ? a.colors.inverse : a.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const n = i(), t = r !== null && r !== void 0 ? r : n ? o.colors.inverse : o.colors.neutralHigh;
+    return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
-        children: /* @__PURE__ */ o("path", {
+        children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "m21.845 8.424-.002.005c0 .073-.017.14-.045.21q-.009.025-.022.045l-.012.026a.4.4 0 0 1-.033.061L12.5 21.591l-.003.004a.6.6 0 0 1-.244.19.6.6 0 0 1-.25.059.6.6 0 0 1-.246-.059l-.028-.014-.028-.014a.6.6 0 0 1-.19-.162l-.003-.003-9.232-12.82q-.02-.031-.033-.062l-.035-.07a.7.7 0 0 1-.042-.236l.003-.017a.6.6 0 0 1 .045-.196l.011-.028.009-.02.008-.019 3.25-5.66q.005-.014.018-.021l.01-.008a.6.6 0 0 1 .165-.165q.032-.024.066-.039l.012-.006q.015-.007.03-.017a.2.2 0 0 1 .043-.022q.05-.013.099-.013l.032-.001a.1.1 0 0 0 .025-.007.1.1 0 0 1 .029-.007h11.969q.016 0 .031.007.012.005.025.007l.032.001c.031.001.063.002.097.013q.027.01.05.025l.023.014.078.045a.55.55 0 0 1 .165.165q.006.008.014.013.01.007.014.015l3.25 5.661a.1.1 0 0 1 .012.027l.004.012a.688.688 0 0 1 .059.24l.003.015zM8.067 7.107l2.779-3.748H6.854zm8.922.709h3.199L18.143 4.25zm-.39 1.205-2.823 8.717 6.28-8.717zm-6.37 8.717L7.407 9.02H3.953zm6.922-14.379H13.16l2.778 3.748zM9.053 7.816h5.9l-2.95-3.978zm2.95 11.448 3.316-10.243H8.686zM5.863 4.25 3.815 7.816h3.202z"
         })
     }));
-}, q = i;
+}, q = s;
 export { q as default };

package/dist-es/generated/mistica-icons/icon-digital-library-filled.js

@@ -78,23 +78,23 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as e } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: a, size: r = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: l, size: r = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = e(), t = a !== null && a !== void 0 ? a : c ? o.colors.inverse : o.colors.neutralHigh;
-    return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const c = t(), e = l !== null && l !== void 0 ? l : c ? i.colors.inverse : i.colors.neutralHigh;
+    return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, o), {
+        children: /* @__PURE__ */ a("path", {
+            fill: e,
             d: "M21.04 14.607c-.552.59-1.347.89-2.356.89l-4.061.006v.776h6.619a.61.61 0 0 1 .602.619.61.61 0 0 1-.602.619h-6.617v.77a.61.61 0 0 1-.602.62c-2.996 0-5.253 1.175-5.35 1.225l-.003.001a.6.6 0 0 1-.257.065q-.007 0-.012.003l-.01.002a.6.6 0 0 1-.281-.072c-.022-.015-2.322-1.227-5.353-1.227a.61.61 0 0 1-.602-.62v-8.33a.607.607 0 0 1 .555-.616c.067-.006.89-.065 2.028.059V7.032c0-1 .271-1.79.803-2.352.552-.58 1.342-.874 2.353-.874l10.79-.006c1.011 0 1.801.291 2.353.874.532.56.804 1.35.804 2.35v5.224c0 1-.272 1.793-.801 2.359m-7.622 3.073v-7.124c-.905.003-2.767.12-4.428.93v7.151a14 14 0 0 1 4.428-.957m-5.633.955.003-7.143a8 8 0 0 0-.61-.264 6 6 0 0 0-.368-.126q-.122-.042-.24-.08c-.171-.054-.34-.096-.508-.138l-.042-.011q-.021-.007-.042-.011-.285-.067-.563-.115a12.5 12.5 0 0 0-2.056-.188v7.118c1.516.075 3.012.4 4.426.958"
         })
     }));

package/dist-es/generated/mistica-icons/icon-digital-library-light.js

@@ -78,23 +78,23 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as e } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as c } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: i, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: o, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = e(), l = i !== null && i !== void 0 ? i : a ? o.colors.inverse : o.colors.neutralHigh;
-    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const a = l(), e = o !== null && o !== void 0 ? o : a ? i.colors.inverse : i.colors.neutralHigh;
+    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ r("path", {
-            fill: l,
+        children: /* @__PURE__ */ c("path", {
+            fill: e,
             d: "M21.082 14.398c-.524.535-1.285.807-2.258.807h-4.352v.843h6.938c.224 0 .406.18.409.404a.405.405 0 0 1-.41.403h-6.937v1.269a.405.405 0 0 1-.41.403c-3.133 0-5.51 1.194-5.559 1.218a.5.5 0 0 1-.178.043l-.013.002a.4.4 0 0 1-.19-.044c-.049-.025-2.427-1.219-5.558-1.219a.4.4 0 0 1-.409-.4v-8.12c0-.214.165-.387.378-.407a12.5 12.5 0 0 1 2.26.078V7.152c0-.919.258-1.642.763-2.152.523-.523 1.282-.79 2.254-.79l11.017-.005c.972 0 1.731.269 2.252.793.505.51.762 1.232.762 2.15v5.09c0 .92-.255 1.645-.759 2.16M5.612 7.155l.005 2.655c.86.157 1.801.426 2.7.868 2.63-1.302 5.653-1.086 5.782-1.075.213.017.378.19.378.4v4.398l4.353-.003c.742 0 1.303-.187 1.667-.56.35-.358.53-.896.53-1.6v-5.09c0-.702-.18-1.234-.53-1.587-.364-.364-.925-.55-1.67-.55L7.81 5.018c-.745 0-1.308.185-1.669.55-.35.352-.53.887-.53 1.588m2.294 4.218c-1.897-.921-4.073-1-4.93-.98v7.336c1.692.056 3.358.406 4.93 1.036zm.818 7.392c.888-.364 2.689-.969 4.93-1.036v-7.336c-.863-.012-3.034.056-4.93.977z"
         })
     }));

package/dist-es/generated/mistica-icons/icon-digital-library-regular.js

@@ -78,23 +78,23 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c } from "react/jsx-runtime";
-import { useIsInverseVariant as e } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: l, size: r = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = e(), t = l !== null && l !== void 0 ? l : i ? a.colors.inverse : a.colors.neutralHigh;
-    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const i = t(), e = l !== null && l !== void 0 ? l : i ? c.colors.inverse : c.colors.neutralHigh;
+    return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
-        children: /* @__PURE__ */ c("path", {
-            fill: t,
+        children: /* @__PURE__ */ a("path", {
+            fill: e,
             d: "M21.046 14.607c-.555.59-1.348.89-2.356.89l-4.067.003v.776h6.616a.61.61 0 0 1 .602.62.61.61 0 0 1-.602.618h-6.616v.77a.61.61 0 0 1-.602.62c-2.997 0-5.254 1.175-5.35 1.225l-.003.002a.6.6 0 0 1-.236.058l-.017.006a.1.1 0 0 1-.027.008.6.6 0 0 1-.278-.07l-.003-.001c-.092-.048-2.366-1.226-5.35-1.226a.61.61 0 0 1-.602-.619v-8.33c0-.322.244-.594.555-.62.067-.005.89-.066 2.03.057V7.032c0-1 .272-1.79.804-2.352.552-.58 1.342-.874 2.353-.874l10.79-.006c1.011 0 1.801.294 2.353.874.532.56.804 1.35.804 2.35v5.224c0 .997-.269 1.793-.798 2.359M5.945 7.03v2.552a10 10 0 0 1 2.443.831c2.567-1.289 5.466-1.092 5.673-1.078h.007a.614.614 0 0 1 .555.619v4.305l4.064-.002c.67 0 1.171-.171 1.488-.51.308-.328.462-.832.462-1.499V7.024c0-.664-.154-1.162-.46-1.485-.313-.333-.817-.5-1.49-.5l-10.79.005c-.672 0-1.173.17-1.49.501-.305.322-.462.82-.462 1.485m1.846 4.456c-1.667-.812-3.524-.927-4.429-.93v7.12c1.925.09 3.505.592 4.429.959zm1.202 7.149a14 14 0 0 1 4.428-.958v-7.12c-.905.002-2.767.12-4.428.93z"
         })
     }));