@telefonica/mistica 15.20.1 → 16.0.0

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

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

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

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

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

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as s, jsx as r } 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 l } from "../../skins/skin-contract.css-mistica.js";
 const a = (_param)=>{
-    var { color: o, size: c = 24 } = _param, v = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = t(), h = o !== null && o !== void 0 ? o : e ? l.colors.inverse : l.colors.neutralHigh;
+    const v = t(), h = o !== null && o !== void 0 ? o : v ? l.colors.inverse : l.colors.neutralHigh;
     return /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
+    }, e), {
         children: [
             /* @__PURE__ */ r("path", {
                 fill: h,

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

@@ -78,21 +78,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: v, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = i(), l = v !== null && v !== void 0 ? v : h ? r.colors.inverse : r.colors.neutralHigh;
-    return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+    const h = t(), l = e !== null && e !== void 0 ? e : h ? r.colors.inverse : r.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, v), {
         children: [
             /* @__PURE__ */ o("path", {
                 fill: l,
@@ -104,5 +104,5 @@ const s = (_param)=>{
             })
         ]
     }));
-}, d = s;
-export { d as default };
+}, m = s;
+export { m as default };

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

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

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

@@ -78,28 +78,28 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as h } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: o, size: c = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = a(), l = o !== null && o !== void 0 ? o : e ? h.colors.inverse : h.colors.neutralHigh;
-    return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+    const e = t(), r = o !== null && o !== void 0 ? o : e ? h.colors.inverse : h.colors.neutralHigh;
+    return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, v), {
         children: [
-            /* @__PURE__ */ r("path", {
-                fill: l,
+            /* @__PURE__ */ l("path", {
+                fill: r,
                 d: "M11.54 13.318c0-1.151.607-1.93 1.86-1.93.364 0 .8.076 1.036.177l-.107.613a3.3 3.3 0 0 0-.87-.134c-.743 0-1.048.44-1.048 1.24 0 .415.053.754.215.978.135.188.356.297.709.297.134 0 .316-.017.445-.036v-.773h-.515v-.603h1.35v1.877c-.35.107-.908.188-1.31.188-1.32-.003-1.765-.729-1.765-1.894M4.475 11.458h1.263c.575 0 .942.082 1.177.3q.298.273.297.86t-.275.893c-.215.241-.549.356-1.03.356h-.592v1.27h-.84zm1.252 1.779c.27 0 .381-.036.49-.14q.147-.146.146-.468c0-.199-.042-.344-.14-.434-.1-.093-.258-.129-.515-.129h-.393v1.171zM8.422 11.458h-.62v3.675h.737v-2.23l1.69 2.23h.672v-3.675h-.737v2.353zM20.11 7.803l.004.003v-.003z"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: l,
+            /* @__PURE__ */ l("path", {
+                fill: r,
                 d: "M21.792 7.912q.046.11.047.238v12.306c0 .75-.644 1.383-1.409 1.383H8.248c-.75 0-1.409-.647-1.409-1.383l.034-2.774H4.57a2.425 2.425 0 0 1-2.42-2.423v-4.095a2.427 2.427 0 0 1 2.42-2.426h2.266V3.534c0-.726.67-1.384 1.41-1.384h7.414a.86.86 0 0 1 .613.25l5.297 5.126c.115.109.18.243.221.386M20.43 20.624c.098 0 .194-.096.194-.168V9.02H18.31c-1.014 0-1.891-.33-2.532-.952-.65-.63-.995-1.487-.995-2.482V3.37H8.248c-.073 0-.188.109-.193.168v5.201h6.364c1.336 0 2.42 1.09 2.42 2.426v4.095a2.425 2.425 0 0 1-2.42 2.423h-6.33l-.034 2.78c0 .05.1.159.193.159H20.43zM3.366 15.259c0 .667.54 1.208 1.207 1.208h9.846a1.21 1.21 0 0 0 1.207-1.208v-4.095c0-.666-.54-1.21-1.207-1.21H4.573a1.21 1.21 0 0 0-1.207 1.21zM20.11 7.803 15.999 3.82v1.764c0 .656.216 1.213.622 1.608.414.4.997.61 1.689.61z"
             })
         ]

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

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as t, jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+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: c = 24 } = _param, v = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = i(), h = r !== null && r !== void 0 ? r : e ? o.colors.inverse : o.colors.neutralHigh;
+    const v = i(), h = r !== null && r !== void 0 ? r : v ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
+    }, e), {
         children: [
             /* @__PURE__ */ l("path", {
                 fill: h,

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

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

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

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

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

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

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

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

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

@@ -78,21 +78,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: l, size: c = 24 } = _param, s = _object_without_properties(_param, [
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+const i = (_param)=>{
+    var { color: e, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = t(), r = l !== null && l !== void 0 ? l : a ? h.colors.inverse : h.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const l = t(), r = e !== null && e !== void 0 ? e : l ? a.colors.inverse : a.colors.neutralHigh;
+    return /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, h), {
         children: [
             /* @__PURE__ */ o("path", {
                 fill: r,
@@ -104,5 +104,5 @@ const v = (_param)=>{
             })
         ]
     }));
-}, d = v;
+}, d = i;
 export { d as default };

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

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: r, size: l = 24 } = _param, a = _object_without_properties(_param, [

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

@@ -79,22 +79,22 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as c } from "react/jsx-runtime";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
-    var { color: r, size: l = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: r, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), e = r !== null && r !== void 0 ? r : a ? o.colors.inverse : o.colors.neutralHigh;
+    const e = h(), t = r !== null && r !== void 0 ? r : e ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ c("path", {
-            fill: e,
+            fill: t,
             d: "M19.352 7.911a.4.4 0 0 1 .03.163v12.563c0 .652-.557 1.204-1.22 1.204H5.835c-.65 0-1.221-.563-1.221-1.204V3.36c0-.63.583-1.205 1.221-1.205h7.502c.179 0 .353.07.479.193l5.358 5.236c.095.09.146.204.177.327m-.787 12.726V8.757H16.02c-.972 0-1.81-.316-2.42-.916-.616-.602-.944-1.428-.944-2.383V2.984H5.839c-.182 0-.4.205-.4.378v17.275c0 .188.201.378.4.378h12.325c.207 0 .4-.185.4-.378m-5.09-17.474v2.292c0 .728.24 1.347.695 1.79.456.445 1.098.683 1.851.683h2.33zm2.387 9.813h-1.11l.448-1.3zm-1.396.829h1.261l-2.412 3.347zm-6.187 0h1.3l1.165 3.39zm1.734-1.258-.518-1.504H11.2zm4.017.006-1.205-1.51h1.726zm-3.309.423 1.289-1.633 1.305 1.633zm-.277.829h3.157l-1.58 4.585zM8.84 11.662l.454 1.314H8.15zm8.1 1.728a.4.4 0 0 0-.041-.179q0-.006-.003-.008L15.49 10.44l-.006-.007-.005-.007a.35.35 0 0 0-.118-.13q-.026-.019-.05-.03l-.02-.013q-.014-.012-.03-.018a.3.3 0 0 0-.083-.012l-.021-.002-.016-.004-.015-.004H8.918l-.016.004q-.008.004-.015.004l-.022.002a.3.3 0 0 0-.082.012q-.016.007-.03.016l-.018.012q-.022.01-.039.024l-.011.007a.4.4 0 0 0-.122.132l-.007.008-1.448 2.762-.001.005-.002.006a.45.45 0 0 0-.045.182l.002.009.001.008q.001.016.005.029l.004.013q.01.087.056.157l.005.014q.002.008.006.014l4.552 6.258a.2.2 0 0 0 .043.04l.024.019.016.014q.015.016.034.028c.065.042.135.07.213.07a.4.4 0 0 0 .213-.07.4.4 0 0 0 .05-.045l.024-.019a.2.2 0 0 0 .044-.04l4.51-6.258q.005-.007.007-.016 0-.006.004-.012a.4.4 0 0 0 .056-.151l.003-.013a.1.1 0 0 0 .005-.032q0-.004.002-.008z"
         })
     }));

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

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as a } 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 s = (_param)=>{
     var { color: e, size: l = 24 } = _param, h = _object_without_properties(_param, [

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

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as s, 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 v = (_param)=>{
-    var { color: e, size: c = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = t(), l = e !== null && e !== void 0 ? e : i ? r.colors.inverse : r.colors.neutralHigh;
+    const h = t(), l = e !== null && e !== void 0 ? e : h ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, i), {
         children: [
             /* @__PURE__ */ o("path", {
                 fill: l,
@@ -104,5 +104,5 @@ const v = (_param)=>{
             })
         ]
     }));
-}, m = v;
-export { m as default };
+}, d = v;
+export { d as default };

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

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

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

@@ -78,28 +78,28 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { jsxs as v, jsx as h } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const t = (_param)=>{
-    var { color: l, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = s(), h = l !== null && l !== void 0 ? l : v ? o.colors.inverse : o.colors.neutralHigh;
-    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    const i = s(), r = e !== null && e !== void 0 ? e : i ? o.colors.inverse : o.colors.neutralHigh;
+    return /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
-            /* @__PURE__ */ r("path", {
-                fill: h,
+            /* @__PURE__ */ h("path", {
+                fill: r,
                 d: "M8.942 11.408h.846v3.703h-.846zM5.483 14.615l1.798-2.582H5.536v-.622H8.32v.518l-1.77 2.56h1.781v.622H5.483zM11.87 11.408h-1.278v3.703h.846v-1.277h.596c.488 0 .824-.115 1.04-.359.185-.207.277-.504.277-.9 0-.394-.095-.68-.297-.865-.238-.22-.605-.302-1.185-.302m-.01 1.793v.002h-.416v-1.182h.394c.261 0 .418.037.522.13.098.092.14.24.14.439q0 .324-.146.47c-.11.101-.221.14-.493.14"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: h,
+            /* @__PURE__ */ h("path", {
+                fill: r,
                 d: "M21.578 7.528c.17.168.263.39.263.622v12.306c0 .75-.644 1.383-1.409 1.383H8.25c-.75 0-1.409-.647-1.409-1.383l.034-2.774h-2.3a2.427 2.427 0 0 1-2.42-2.425V11.16a2.427 2.427 0 0 1 2.42-2.425h2.266V3.534c0-.726.673-1.384 1.41-1.384h7.414c.23 0 .445.087.61.244zm-1.146 13.096c.098 0 .194-.096.194-.168V9.02h-2.311c-1.014 0-1.891-.33-2.535-.952-.65-.628-.992-1.487-.992-2.482V3.37H8.253c-.073 0-.188.109-.193.168v5.201h6.364c1.336 0 2.42 1.09 2.42 2.426v4.095a2.427 2.427 0 0 1-2.42 2.426h-6.33l-.034 2.779c0 .05.1.16.193.16zM3.368 15.259c0 .667.54 1.21 1.207 1.21h9.846a1.21 1.21 0 0 0 1.207-1.21v-4.095c0-.666-.54-1.21-1.207-1.21H4.575a1.21 1.21 0 0 0-1.207 1.21zM16.004 3.822v1.765c0 .658.215 1.213.622 1.608.414.4.997.61 1.691.61h1.802z"
             })
         ]

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

@@ -78,22 +78,22 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as i } 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 { jsx as o } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
-    var { color: r, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: i = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = s(), c = r !== null && r !== void 0 ? r : t ? l.colors.inverse : l.colors.neutralHigh;
-    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const t = s(), c = e !== null && e !== void 0 ? e : t ? r.colors.inverse : r.colors.neutralHigh;
+    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: i,
+        height: i,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ i("path", {
+    }, l), {
+        children: /* @__PURE__ */ o("path", {
             fill: c,
             d: "M21.087 14.468c-.499.532-1.235.804-2.182.804l-7.17.002v.79h9.478c.339 0 .602.28.602.617a.604.604 0 0 1-.602.616h-9.479v1.784c0 .591-.496 1.093-1.081 1.093H3.266a1.103 1.103 0 0 1-1.08-1.093V8.597c0-.591.503-1.101 1.08-1.101h1.275V6.78c0-.935.252-1.666.73-2.168.5-.523 1.236-.787 2.183-.787l11.45-.008c.948 0 1.687.263 2.183.79q.733.765.731 2.168v5.513c0 .938-.24 1.669-.731 2.179M10.53 18.944v-6.712H9.367c-.683 0-1.266-.224-1.7-.658-.44-.434-.672-1.028-.672-1.709V8.731H3.387v10.213zM8.2 8.78h-.004v1.084c0 .345.104.625.306.83.263.257.607.305.865.305h1.12z"
         })

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

@@ -78,23 +78,23 @@ 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 i } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as i } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
     var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = s(), e = r !== null && r !== void 0 ? r : l ? i.colors.inverse : i.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const e = s(), l = r !== null && r !== void 0 ? r : e ? o.colors.inverse : o.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ o("path", {
-            fill: e,
+        children: /* @__PURE__ */ i("path", {
+            fill: l,
             d: "M11.496 15.764h9.933a.41.41 0 0 1 .409.4v.003a.404.404 0 0 1-.41.4h-9.932v2.351c0 .473-.415.871-.905.871H3.056c-.482 0-.905-.406-.905-.871V8.672c0-.457.432-.872.905-.874h1.501v-.902c0-.858.23-1.521.687-1.978.47-.468 1.168-.709 2.08-.709l11.69-.005c.913 0 1.613.238 2.084.708.457.457.686 1.12.686 1.978v5.39c0 .86-.23 1.529-.683 1.991-.474.479-1.174.723-2.084.723l-7.521.002zM5.832 5.481c-.3.3-.451.779-.451 1.417V7.8h2.26a.58.58 0 0 1 .407.16l3.271 3.104a.55.55 0 0 1 .14.243.4.4 0 0 1 .034.157v2.731l7.521-.002c.68 0 1.182-.16 1.493-.477.302-.308.457-.79.457-1.434v-5.39c0-.638-.152-1.117-.451-1.417-.311-.31-.813-.467-1.496-.467L7.33 5.013c-.687 0-1.191.157-1.5.468M3.056 18.985h7.535c.045.003.087-.045.087-.07v-6.89H9.28c-.636 0-1.188-.202-1.59-.586-.41-.386-.626-.916-.626-1.527v-1.31H3.056c-.025.002-.078.044-.087.072v10.244c.003.02.048.067.087.067M7.882 8.921v.991c0 .39.132.717.376.95.249.238.602.361 1.022.361h1.03z"
         })
     }));

package/dist-es/generated/mistica-icons/icon-files-digital-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 s } from "../../theme-variant-context.js";
+import { jsx as c } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const n = (_param)=>{
-    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: e, size: r = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = s(), t = e !== null && e !== void 0 ? e : i ? o.colors.inverse : o.colors.neutralHigh;
-    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const l = s(), t = e !== null && e !== void 0 ? e : l ? 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"
-    }, l), {
-        children: /* @__PURE__ */ r("path", {
+    }, i), {
+        children: /* @__PURE__ */ c("path", {
             fill: t,
             d: "M21.087 14.468c-.499.532-1.235.804-2.182.804h-7.168v.79h9.476c.339 0 .602.28.602.616a.605.605 0 0 1-.602.616h-9.479v1.784c0 .591-.496 1.093-1.081 1.093H3.266a1.103 1.103 0 0 1-1.08-1.093V8.594c0-.591.503-1.101 1.08-1.101h1.275v-.714c0-.936.25-1.667.73-2.168.5-.524 1.236-.788 2.183-.788l11.45-.008c.948 0 1.687.263 2.183.79q.733.764.731 2.17v5.516c0 .936-.24 1.667-.731 2.177m-9.585-3.566c.09.081.145.196.184.31q.051.114.048.25v2.588l7.168-.008c.608 0 1.05-.14 1.322-.429.255-.268.384-.714.384-1.322V6.78c0-.6-.126-1.042-.384-1.306q-.396-.42-1.322-.42l-11.45.009c-.609 0-1.06.14-1.323.42-.255.263-.384.706-.384 1.305v.714h2.02c.193 0 .392.082.53.222zM8.199 9.339v.526c0 .345.104.625.305.83.264.257.611.305.866.305h.513zm2.33 9.605v-6.712H9.368c-.68 0-1.266-.224-1.7-.658-.44-.434-.672-1.028-.672-1.709V8.731H3.387v10.213z"
         })
     }));
-}, m = n;
+}, m = a;
 export { m as default };