@telefonica/mistica 12.9.1 → 12.11.0

package/dist-es/generated/mistica-icons/icon-pay-as-you-go-pound-light.js

@@ -77,32 +77,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as r } from "../../hooks.js";
 import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { jsxs as a, jsx as h } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var c = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as a, jsx as e } from "../../_virtual/jsx-runtime.js";
+var d = function(_param) {
+    var c = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, n = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = r(), e = ref.colors, n = l(), t = c != null ? c : n ? e.inverse : e.neutralHigh;
+    var i = l(), r = c != null ? c : i ? t.colors.inverse : t.colors.neutralHigh;
     return /* @__PURE__ */ a("svg", _objectSpreadProps(_objectSpread({
         width: s,
         height: s,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, h), {
         children: [
-            /* @__PURE__ */ h("path", {
+            /* @__PURE__ */ e("path", {
                 d: "M9.58 15.018c-.215 0-.36.15-.36.377 0 .226.145.376.36.376h4.763c.216 0 .36-.15.36-.376s-.144-.377-.36-.377h-3.467c.144-.226.216-.531.216-.832v-2h1.804c.216 0 .36-.15.36-.376s-.144-.377-.36-.377h-1.804V9.547c0-.795.508-1.318 1.26-1.318.396 0 .612.075.828.263.144.151.36.113.508-.037.143-.15.107-.377-.036-.532-.36-.343-.76-.489-1.336-.489-1.156 0-1.984.866-1.984 2.075v1.886h-.72c-.215 0-.36.151-.36.377s.145.377.36.377h.72v2.003c.04.49-.32.866-.751.866z",
-                fill: t
+                fill: r
             }),
-            /* @__PURE__ */ h("path", {
+            /* @__PURE__ */ e("path", {
                 d: "M21.59 17.959l-2.164.343a10.234 10.234 0 002.128-6.266C21.553 6.493 17.258 2 11.992 2a9.27 9.27 0 00-5.119 1.544c-.18.113-.216.343-.108.53.108.19.328.227.508.114a8.393 8.393 0 014.723-1.435c4.87 0 8.838 4.154 8.838 9.245 0 2.188-.72 4.3-2.092 5.961l-.36-2.493c-.036-.188-.216-.343-.396-.301-.18.037-.328.226-.288.414l.508 3.664 3.5-.531c.18-.038.327-.226.287-.414-.044-.222-.223-.377-.403-.339zm-4.183 2.343c0 .416-.323.753-.72.753-.398 0-.72-.337-.72-.753s.322-.753.72-.753c.397 0 .72.337.72.753zm-2.744.527a9.204 9.204 0 01-2.667.414c-4.87 0-8.838-4.154-8.838-9.245 0-2.226.76-4.3 2.092-5.961l.36 2.493c.036.188.18.343.36.343h.036c.18-.038.327-.226.287-.414l-.5-3.665-3.498.523c-.18.038-.328.226-.288.414.036.189.216.343.395.302l2.164-.343a10.372 10.372 0 00-2.128 6.308C2.438 17.508 6.73 22 12 22c.976 0 1.947-.15 2.887-.452.18-.075.288-.263.252-.49-.04-.23-.296-.305-.476-.23z",
-                fill: t
+                fill: r
             })
         ]
     }));
 };
-export { f as default };
+export { d as default };

package/dist-es/generated/mistica-icons/icon-pay-as-you-go-pound-regular.js

@@ -77,32 +77,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as h } from "../../hooks.js";
 import { useIsInverseVariant as i } from "../../theme-variant-context.js";
-import { jsxs as l, jsx as c } from "../../_virtual/jsx-runtime.js";
-var d = function(_param) {
-    var e = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+import { vars as s } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as n, jsx as c } from "../../_virtual/jsx-runtime.js";
+var f = function(_param) {
+    var r = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = h(), t = ref.colors, n = i(), a = e != null ? e : n ? t.inverse : t.neutralHigh;
-    return /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
-        width: s,
-        height: s,
+    var l = i(), e = r != null ? r : l ? s.colors.inverse : s.colors.neutralHigh;
+    return /* @__PURE__ */ n("svg", _objectSpreadProps(_objectSpread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: [
             /* @__PURE__ */ c("path", {
                 d: "M9.666 14.545c-.384 0-.696.33-.696.727 0 .397.316.727.696.727h4.592c.384 0 .696-.33.696-.727 0-.397-.316-.727-.696-.727h-2.816c.036-.146.036-.288.036-.435v-1.563h1.392c.384 0 .696-.33.696-.727 0-.4-.316-.727-.696-.727h-1.392V9.64c0-.547.348-.911.872-.911.316 0 .452.071.592.184.276.255.732.255.976-.071.244-.289.244-.765-.068-1.02-.524-.472-1.116-.547-1.496-.547-1.288 0-2.264 1.02-2.264 2.365v1.454h-.348c-.384 0-.696.33-.696.727 0 .402.316.727.696.727h.348v1.563c-.004.255-.176.435-.424.435z",
-                fill: a
+                fill: e
             }),
             /* @__PURE__ */ c("path", {
                 d: "M21.189 17.378a.735.735 0 01.8.619.684.684 0 01-.588.806l-3.724.581-.524-3.89a.727.727 0 01.592-.836.735.735 0 01.8.618l.208 1.563A9.025 9.025 0 0020.181 12c0-4.73-3.656-8.546-8.215-8.546-1.216 0-2.364.289-3.48.836a.73.73 0 01-.94-.364c-.14-.363 0-.798.349-.982A9.516 9.516 0 0112.002 2c5.291 0 9.57 4.471 9.535 10 0 1.998-.56 3.928-1.604 5.562l1.256-.184zm-9.187 3.168a7.96 7.96 0 003.551-.836.641.641 0 01.908.326.748.748 0 01-.316.982 9.094 9.094 0 01-4.143.982c-5.287 0-9.57-4.471-9.57-10 0-1.998.591-3.928 1.635-5.566l-1.256.184c-.384.075-.728-.218-.8-.619a.727.727 0 01.592-.836l3.76-.547.524 3.89a.727.727 0 01-.592.836H6.19a.693.693 0 01-.696-.618L5.287 7.16A8.757 8.757 0 003.823 12c0 4.73 3.656 8.546 8.179 8.546z",
-                fill: a
+                fill: e
             })
         ]
     }));
 };
-export { d as default };
+export { f as default };

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

@@ -77,17 +77,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as r } from "../../hooks.js";
-import { useIsInverseVariant as m } from "../../theme-variant-context.js";
-import { jsx as c, jsxs as s } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var h = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, v = _param.children, l = _objectWithoutProperties(_param, [
+import { useTheme as m } from "../../hooks.js";
+import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as c, jsxs as o } from "../../_virtual/jsx-runtime.js";
+var z = function(_param) {
+    var h = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = r(), t = ref.skinName, i = ref.colors, n = m(), e = h != null ? h : n ? i.inverse : i.neutralHigh;
-    return t.match(/^o2/i) ? /* @__PURE__ */ c("svg", _objectSpreadProps(_objectSpread({
+    var t = n(), e = h != null ? h : t ? i.colors.inverse : i.colors.neutralHigh, ref = m(), r = ref.skinName;
+    return r.match(/^o2/i) ? /* @__PURE__ */ c("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -97,7 +98,7 @@ var f = function(_param) {
             d: "M6.644 2H17.36c1.18 0 2.145.965 2.14 2.144V22h-15V4.144C4.5 2.96 5.465 2 6.644 2zm4.983 4.823h-.365a.533.533 0 00-.535.535c0 .297.237.535.535.535h.365a2.682 2.682 0 002.625 2.144 2.62 2.62 0 001.22-.302.534.534 0 00.233-.722.534.534 0 00-.722-.234 1.532 1.532 0 01-.727.183c-.7 0-1.284-.448-1.508-1.07h1.673a.533.533 0 00.535-.534.533.533 0 00-.535-.535h-1.673a1.604 1.604 0 011.508-1.07c.247 0 .494.064.727.183a.538.538 0 00.722-.233.538.538 0 00-.233-.722 2.634 2.634 0 00-1.22-.302 2.682 2.682 0 00-2.625 2.144zm4.302 11.072c.298 0 .54-.238.54-.535a.533.533 0 00-.535-.535H8.075a.533.533 0 00-.535.535c0 .297.238.535.535.535h7.854zm-7.854-3.57h7.854c.298 0 .54-.238.54-.535a.533.533 0 00-.535-.535H8.075a.533.533 0 00-.535.535c0 .297.238.535.535.535z",
             fill: e
         })
-    })) : /* @__PURE__ */ s("svg", _objectSpreadProps(_objectSpread({
+    })) : /* @__PURE__ */ o("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -115,4 +116,4 @@ var f = function(_param) {
         ]
     }));
 };
-export { f as default };
+export { z as default };

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

@@ -77,17 +77,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as m } from "../../hooks.js";
-import { useIsInverseVariant as v } from "../../theme-variant-context.js";
+import { useTheme as n } from "../../hooks.js";
+import { useIsInverseVariant as o } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as a, jsxs as s } from "../../_virtual/jsx-runtime.js";
-var d = function(_param) {
-    var h = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, l = _param.children, t = _objectWithoutProperties(_param, [
+var V = function(_param) {
+    var h = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = m(), n = ref.skinName, i = ref.colors, r = v(), e = h != null ? h : r ? i.inverse : i.neutralHigh;
-    return n.match(/^o2/i) ? /* @__PURE__ */ a("svg", _objectSpreadProps(_objectSpread({
+    var r = o(), e = h != null ? h : r ? i.colors.inverse : i.colors.neutralHigh, ref = n(), m = ref.skinName;
+    return m.match(/^o2/i) ? /* @__PURE__ */ a("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -115,4 +116,4 @@ var d = function(_param) {
         ]
     }));
 };
-export { d as default };
+export { V as default };

package/dist-es/generated/mistica-icons/icon-pay-invoice-pound-filled.js

@@ -77,25 +77,25 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as a } from "../../hooks.js";
 import { useIsInverseVariant as o } from "../../theme-variant-context.js";
-import { jsx as i } from "../../_virtual/jsx-runtime.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as n } from "../../_virtual/jsx-runtime.js";
 var d = function(_param) {
-    var e = _param.color, tmp = _param.size, n = tmp === void 0 ? 24 : tmp, v = _param.children, r = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = a(), t = ref.colors, s = o(), h = e != null ? e : s ? t.inverse : t.neutralHigh;
-    return /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
-        width: n,
-        height: n,
+    var s = o(), a = e != null ? e : s ? i.colors.inverse : i.colors.neutralHigh;
+    return /* @__PURE__ */ n("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ i("path", {
+    }, t), {
+        children: /* @__PURE__ */ n("path", {
             d: "M19.695 2v20H4.31V8.254h6.117V2h9.268zM9.38 7.18H4.547L9.38 2.241V7.18zm4.806 9.645H11.3c.058-.169.09-.347.09-.535v-1.609h1.574a.528.528 0 00.524-.535.527.527 0 00-.524-.535H11.39v-1.426c0-.59.47-1.07 1.047-1.07.242 0 .47.083.658.238a.518.518 0 00.739-.078.545.545 0 00-.076-.754 2.083 2.083 0 00-1.32-.475c-1.155 0-2.1.96-2.1 2.144v1.426h-.17a.527.527 0 00-.523.535c0 .297.233.535.524.535h.174v1.609a.521.521 0 01-.523.535.527.527 0 00-.524.535c0 .297.233.534.524.534h4.372a.533.533 0 00.519-.539.527.527 0 00-.524-.535z",
-            fill: h
+            fill: a
         })
     }));
 };

package/dist-es/generated/mistica-icons/icon-pay-invoice-pound-light.js

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as o } from "../../theme-variant-context.js";
-import { jsx as a } from "../../_virtual/jsx-runtime.js";
-var d = function(_param) {
-    var e = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, v = _param.children, n = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { vars as h } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as r } from "../../_virtual/jsx-runtime.js";
+var m = function(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = s(), t = ref.colors, i = o(), r = e != null ? e : i ? t.inverse : t.neutralHigh;
-    return /* @__PURE__ */ a("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+    var i = s(), n = a != null ? a : i ? h.colors.inverse : h.colors.neutralHigh;
+    return /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
-        children: /* @__PURE__ */ a("path", {
+    }, t), {
+        children: /* @__PURE__ */ r("path", {
             d: "M5.292 21.287h13.43c.195 0 .345.16.345.356a.35.35 0 01-.344.357H4.6V7.211L9.626 2h9.445v15.36a.35.35 0 01-.344.357.35.35 0 01-.344-.357V2.718h-8.267v4.996H5.292v13.573zM9.424 3.22L5.777 7h3.647V3.22zm9.99 16.283a.702.702 0 01-.687.713.702.702 0 01-.688-.713c0-.393.309-.713.688-.713.38 0 .688.315.688.713zm-8.438-5.362v1.787c0 .402-.305.718-.693.713A.35.35 0 009.94 17a.35.35 0 00.344.356h4.313A.35.35 0 0014.94 17a.35.35 0 00-.344-.357h-3.113a1.44 1.44 0 00.185-.713v-1.787h1.724a.35.35 0 00.344-.357.35.35 0 00-.344-.356h-1.724v-1.61c0-.685.538-1.248 1.204-1.248.282 0 .542.096.758.28a.34.34 0 00.485-.056.365.365 0 00-.053-.502 1.848 1.848 0 00-1.19-.44c-1.045 0-1.896.883-1.896 1.966v1.61h-.344a.35.35 0 00-.344.356.35.35 0 00.344.357h.344z",
-            fill: r
+            fill: n
         })
     }));
 };
-export { d as default };
+export { m as default };

package/dist-es/generated/mistica-icons/icon-pay-invoice-pound-regular.js

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as o } from "../../theme-variant-context.js";
-import { jsx as t } from "../../_virtual/jsx-runtime.js";
-var u = function(_param) {
-    var e = _param.color, tmp = _param.size, n = tmp === void 0 ? 24 : tmp, v = _param.children, h = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as n } from "../../_virtual/jsx-runtime.js";
+var m = function(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = s(), r = ref.colors, a = o(), i = e != null ? e : a ? r.inverse : r.neutralHigh;
-    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
-        width: n,
-        height: n,
+    var h = s(), i = e != null ? e : h ? a.colors.inverse : a.colors.neutralHigh;
+    return /* @__PURE__ */ n("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ t("path", {
+    }, t), {
+        children: /* @__PURE__ */ n("path", {
             d: "M4.31 7.42L9.617 2h10.078v20H4.31V7.42zM9.206 7V4.44L6.7 7h2.506zM5.71 20.57h12.588V3.43h-7.693v5H5.711v12.14zm8.157-10.197a2.24 2.24 0 00-1.427-.517c-1.253 0-2.273 1.043-2.278 2.322v1.248a.707.707 0 00-.698.713c0 .393.313.713.698.713v1.426a.348.348 0 01-.349.356.707.707 0 00-.698.713c0 .393.313.713.698.713h4.372c.385 0 .698-.32.698-.713a.706.706 0 00-.698-.713h-2.658c.022-.114.036-.233.036-.356v-1.426h1.396c.385 0 .698-.32.698-.713a.706.706 0 00-.698-.713h-1.396v-1.248c0-.489.39-.891.872-.891.206 0 .394.069.55.196.3.247.744.202.985-.105a.727.727 0 00-.103-1.005z",
             fill: i
         })
     }));
 };
-export { u as default };
+export { m as default };

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

@@ -77,22 +77,23 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as r } from "../../hooks.js";
-import { useIsInverseVariant as m } from "../../theme-variant-context.js";
+import { useTheme as m } from "../../hooks.js";
+import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as c, jsxs as l } from "../../_virtual/jsx-runtime.js";
-var f = function(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, t = _objectWithoutProperties(_param, [
+var d = function(_param) {
+    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = r(), v = ref.skinName, i = ref.colors, n = m(), h = e != null ? e : n ? i.inverse : i.neutralHigh;
+    var i = n(), h = e != null ? e : i ? t.colors.inverse : t.colors.neutralHigh, ref = m(), v = ref.skinName;
     return v.match(/^o2/i) ? /* @__PURE__ */ c("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ c("path", {
             d: "M17.36 2H6.644C5.464 2 4.5 2.96 4.5 4.144V22h15V4.144A2.143 2.143 0 0017.36 2zm.714 18.574H5.93V4.144c0-.393.32-.713.713-.713H17.36c.394 0 .714.32.714.713v16.43zm-2.14-2.68a.536.536 0 000-1.07H8.075a.533.533 0 00-.535.536c0 .297.238.535.535.535h7.859zm.535-4.104a.533.533 0 01-.535.535H8.075a.533.533 0 01-.535-.535c0-.297.238-.535.535-.535h7.859a.533.533 0 01.535.535zm-5.207-6.967a.533.533 0 00-.535.535c0 .297.237.54.535.535h.365a2.682 2.682 0 002.625 2.144 2.62 2.62 0 001.22-.302.534.534 0 00.233-.722.534.534 0 00-.722-.234 1.532 1.532 0 01-.727.183c-.7 0-1.284-.448-1.508-1.07h1.673a.533.533 0 00.535-.534.533.533 0 00-.535-.535h-1.673a1.604 1.604 0 011.508-1.07c.247 0 .494.064.727.183a.538.538 0 00.722-.233.538.538 0 00-.233-.722 2.634 2.634 0 00-1.22-.302 2.682 2.682 0 00-2.625 2.144h-.365z",
             fill: h
@@ -102,7 +103,7 @@ var f = function(_param) {
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ c("path", {
                 d: "M10.62 18.31h8.194a.56.56 0 100-1.12H10.62a.562.562 0 00-.56.56c0 .309.252.56.56.56zm8.194-3.276h-7.101a.562.562 0 01-.56-.56c0-.309.252-.56.56-.56h7.1a.56.56 0 110 1.12zm-4.916-3.824h4.916a.56.56 0 100-1.12h-4.916a.562.562 0 00-.56.56c0 .308.252.56.56.56zm-6.135.708v.37a.42.42 0 11-.84 0v-.364a2.874 2.874 0 01-1.235-.484.427.427 0 01-.196-.364.415.415 0 01.417-.412c.095.003.188.03.266.084.248.165.499.28.748.34v-1.54c-1.075-.23-1.31-.905-1.31-1.45 0-.823.501-1.396 1.31-1.54v-.471a.42.42 0 11.84 0v.463c.353.049.68.16.947.324.205.126.235.291.235.378a.405.405 0 01-.403.403.54.54 0 01-.238-.064l-.006-.003a2.108 2.108 0 00-.535-.211v1.456c1.208.201 1.468.92 1.468 1.497 0 .48-.176.886-.507 1.174-.245.212-.572.353-.96.414zm0-2.234v1.412c.404-.102.642-.365.642-.738 0-.268-.087-.533-.642-.674zm-.84-2.295a.67.67 0 00-.485.673c0 .153 0 .442.485.615V7.39z",
@@ -115,4 +116,4 @@ var f = function(_param) {
         ]
     }));
 };
-export { f as default };
+export { d as default };

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

@@ -77,36 +77,37 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as o } from "../../hooks.js";
+import { useTheme as s } from "../../hooks.js";
 import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as l } from "../../_virtual/jsx-runtime.js";
-var p = function(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, i = _objectWithoutProperties(_param, [
+var v = function(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = o(), r = ref.skinName, n = ref.colors, s = h(), a = t != null ? t : s ? n.inverse : n.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
+    var n = h(), i = r != null ? r : n ? a.colors.inverse : a.colors.neutralHigh, ref = s(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ l("path", {
             d: "M20.14 8.805l.323-.34c1.406-1.477 1.406-3.881 0-5.358a3.493 3.493 0 00-5.102 0l-.324.34 5.102 5.358zm-15.597 5.66l9.762-10.25 5.101 5.355-9.762 10.25-5.1-5.356zm-2.05 6.627l1.455-5.718 4.832 5.07-5.445 1.532a.67.67 0 01-.663-.188.747.747 0 01-.18-.696z",
-            fill: a
+            fill: i
         })
     })) : /* @__PURE__ */ l("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ l("path", {
             d: "M20.348 3.404c.08.078.173.17.249.249 1.339 1.392 2.011 3.625-.12 5.728L9.234 20.558a.05.05 0 01-.01.007l-.01.007c-.002.001-.004.004-.005.007a.031.031 0 01-.005.007c-.02.02-.044.033-.067.046a.567.567 0 00-.034.02l-.007.006a.611.611 0 01-.324.104l-.017-.003-.016-.002-5.866 1.075a.612.612 0 01-.535-.157.6.6 0 01-.176-.524l.94-6.095a.276.276 0 01.017-.052c.004-.01.009-.02.012-.032a.63.63 0 00.022-.067.615.615 0 01.123-.182l11.311-11.19c2.154-2.132 4.39-1.465 5.76-.13zM13.905 5.91l-9.336 9.24 1.686 1.667 9.336-9.238-1.686-1.67zM7.112 17.667l1.664 1.644 9.314-9.26-1.639-1.622-9.339 9.238zm-3.37 1.221l1.373 1.342 2.398-.468-3.384-3.347-.387 2.473z",
-            fill: a
+            fill: i
         })
     }));
 };
-export { p as default };
+export { v as default };

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

@@ -77,17 +77,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as c } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
-import { jsxs as o, jsx as e } from "../../_virtual/jsx-runtime.js";
-var v = function(_param) {
+import { useTheme as o } from "../../hooks.js";
+import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as h, jsx as e } from "../../_virtual/jsx-runtime.js";
+var L = function(_param) {
     var t = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, m = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = c(), r = ref.skinName, n = ref.colors, s = h(), a = t != null ? t : s ? n.inverse : n.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ o("svg", _objectSpreadProps(_objectSpread({
+    var n = c(), a = t != null ? t : n ? r.colors.inverse : r.colors.neutralHigh, ref = o(), s = ref.skinName;
+    return s.match(/^o2/i) ? /* @__PURE__ */ h("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -115,4 +116,4 @@ var v = function(_param) {
         })
     }));
 };
-export { v as default };
+export { L as default };

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

@@ -77,17 +77,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as o } from "../../hooks.js";
+import { useTheme as h } from "../../hooks.js";
 import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as e } from "../../_virtual/jsx-runtime.js";
-var p = function(_param) {
+var v = function(_param) {
     var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = o(), n = ref.skinName, r = ref.colors, h = s(), i = a != null ? a : h ? r.inverse : r.neutralHigh;
-    return n.match(/^blau/i) ? /* @__PURE__ */ e("svg", _objectSpreadProps(_objectSpread({
+    var o = s(), r = a != null ? a : o ? n.colors.inverse : n.colors.neutralHigh, ref = h(), i = ref.skinName;
+    return i.match(/^blau/i) ? /* @__PURE__ */ e("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -95,9 +96,9 @@ var p = function(_param) {
     }, t), {
         children: /* @__PURE__ */ e("path", {
             d: "M20.37 5.633l-1.456 1.453-2.033-2.03 1.455-1.453a.842.842 0 011.154 0l.88.878a.815.815 0 010 1.152zM8.411 17.57l-2.033-2.03 9.535-9.518 2.033 2.03-9.535 9.518zM4.35 19.624L5.504 16.6l1.865 1.863-3.02 1.161zm16.988-16.11l-.879-.877A2.17 2.17 0 0018.914 2c-.585 0-1.134.226-1.546.637L4.443 15.542 1.976 22l6.435-2.496L21.337 6.599a2.18 2.18 0 000-3.085z",
-            fill: i
+            fill: r
         })
-    })) : n.match(/^o2/i) ? /* @__PURE__ */ e("svg", _objectSpreadProps(_objectSpread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ e("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -105,7 +106,7 @@ var p = function(_param) {
     }, t), {
         children: /* @__PURE__ */ e("path", {
             d: "M15.533 3.107a3.79 3.79 0 015.364 5.353L9.157 20.205a.728.728 0 01-.388.2l-5.856 1.572a.723.723 0 01-.888-.884l1.588-5.926a.71.71 0 01.228-.364L15.533 3.107zM4.681 16.751l-.936 3.505 3.5-.94-2.564-2.565zm3.964 1.916l9.992-9.994-3.312-3.313-9.992 9.994 3.312 3.313zM19.657 7.652l.212-.212c.912-.912.912-2.4 0-3.312a2.346 2.346 0 00-3.312 0l-.212.212 3.312 3.312z",
-            fill: i
+            fill: r
         })
     })) : /* @__PURE__ */ e("svg", _objectSpreadProps(_objectSpread({
         width: l,
@@ -115,8 +116,8 @@ var p = function(_param) {
     }, t), {
         children: /* @__PURE__ */ e("path", {
             d: "M20.342 3.399c.084.081.168.165.249.249 1.339 1.39 2.011 3.622-.115 5.731L9.232 20.556a.12.12 0 01-.01.008.122.122 0 00-.01.008l-.003.006a.039.039 0 01-.005.006.255.255 0 01-.06.041l-.03.017-.021.014-.015.009a.594.594 0 01-.305.095.037.037 0 01-.015-.003.055.055 0 00-.016-.003l-5.868 1.079a.622.622 0 01-.532-.16.592.592 0 01-.18-.524l.942-6.1a.324.324 0 01.016-.05l.012-.035a.606.606 0 01.02-.067.528.528 0 01.122-.179l11.309-11.19c2.154-2.132 4.386-1.463 5.759-.13zM18.944 9.19l.666-.663c1.85-1.83.687-3.44.104-4.048-.067-.07-.148-.151-.221-.224-.6-.58-2.185-1.726-4.048.12l-.683.678 4.182 4.137zM4.639 20.284l-.967-.958-.182 1.168 1.149-.21zm1.61-3.473l9.336-9.239-1.683-1.666-9.34 9.238L6.25 16.81zM3.9 17.85l2.19 2.168 1.415-.26L4.12 16.41l-.22 1.44zm4.871 1.456s9.314-9.26 9.311-9.26l-1.639-1.622-9.336 9.238 1.664 1.644z",
-            fill: i
+            fill: r
         })
     }));
 };
-export { p as default };
+export { v as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as o } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
-import { jsx as i } from "../../_virtual/jsx-runtime.js";
-var d = function(_param) {
+import { useIsInverseVariant as o } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as t } from "../../_virtual/jsx-runtime.js";
+var m = function(_param) {
     var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, v = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = o(), t = ref.colors, s = c(), h = e != null ? e : s ? t.inverse : t.neutralHigh;
-    return /* @__PURE__ */ i("svg", _objectSpreadProps(_objectSpread({
+    var s = o(), h = e != null ? e : s ? i.colors.inverse : i.colors.neutralHigh;
+    return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, n), {
-        children: /* @__PURE__ */ i("path", {
+        children: /* @__PURE__ */ t("path", {
             d: "M20.077 7.904c.952 0 1.745.799 1.764 1.782v4.566c0 .988-.784 1.795-1.75 1.795h-1.51c-.188.964-1.022 1.695-2.02 1.695h-9.07c-3.448-.126-5.336-2.168-5.336-5.748 0-3.588 1.888-5.625 5.317-5.734h9.075c.984 0 1.807.709 2.012 1.65h.677v-.003h.84v-.003zm.557 6.35V9.703a.58.58 0 00-.51-.566H18.61v5.686h1.482a.56.56 0 00.543-.569zm-15.039-2.15c0 .304.084.529.233.683.162.165.397.246.686.246.288 0 .526-.081.686-.246.149-.155.233-.379.233-.684.002-.633-.362-.927-.92-.927-.557 0-.918.294-.918.927z",
             fill: h
         })
     }));
 };
-export { d as default };
+export { m as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as o } from "../../theme-variant-context.js";
-import { jsx as r } from "../../_virtual/jsx-runtime.js";
-var d = function(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, m = _param.children, i = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as h } from "../../_virtual/jsx-runtime.js";
+var a = function(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = s(), h = ref.colors, n = o(), c = e != null ? e : n ? h.inverse : h.neutralHigh;
-    return /* @__PURE__ */ r("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+    var c = s(), n = e != null ? e : c ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ h("svg", _objectSpreadProps(_objectSpread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
-        children: /* @__PURE__ */ r("path", {
+        children: /* @__PURE__ */ h("path", {
             d: "M21.837 9.609c-.016-.908-.733-1.642-1.596-1.642h-.77l.002.003h-.952c-.123-.966-.919-1.711-1.88-1.711h-9.26c-3.373.109-5.23 2.145-5.23 5.734 0 3.582 1.857 5.624 5.241 5.75h9.26c.978 0 1.785-.77 1.889-1.756h1.714c.871 0 1.582-.742 1.582-1.65V9.61zm-4.109 6.16c0 .621-.482 1.126-1.075 1.126H7.406c-2.944-.11-4.434-1.76-4.434-4.902 0-3.146 1.493-4.79 4.42-4.886h9.247c.594 0 1.075.502 1.075 1.124v7.33h.014v.207zm3.289-6.152v4.72c0 .443-.342.801-.762.801h-1.717v-6.32H20.3c.392.032.708.382.717.8zm-13.9 2.602c0-.58-.324-.848-.829-.848-.5 0-.831.269-.831.848 0 .278.075.485.21.625.143.151.358.224.619.224.263 0 .476-.073.622-.224.134-.14.21-.344.21-.624z",
-            fill: c
+            fill: n
         })
     }));
 };
-export { d as default };
+export { a as default };

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

@@ -77,26 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { useTheme as c } from "../../hooks.js";
-import { useIsInverseVariant as o } from "../../theme-variant-context.js";
+import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { vars as h } from "../../skins/skin-contract.css-mistica.js";
 import { jsx as t } from "../../_virtual/jsx-runtime.js";
-var d = function(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, a = _param.children, n = _objectWithoutProperties(_param, [
+var m = function(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = c(), h = ref.colors, i = o(), s = e != null ? e : i ? h.inverse : h.neutralHigh;
+    var n = c(), s = e != null ? e : n ? h.colors.inverse : h.colors.neutralHigh;
     return /* @__PURE__ */ t("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, i), {
         children: /* @__PURE__ */ t("path", {
             d: "M21.841 9.689c-.02-.984-.812-1.782-1.764-1.782h-.84v.003h-.679c-.204-.941-1.028-1.65-2.01-1.65H7.471c-3.429.11-5.317 2.146-5.317 5.734 0 3.582 1.888 5.625 5.336 5.75h9.07c.997 0 1.832-.73 2.02-1.694h1.51c.966 0 1.75-.807 1.75-1.796V9.69zm-5.28 6.829h-9.05c-2.754-.098-4.149-1.62-4.149-4.521 0-2.902 1.395-4.42 4.13-4.507h9.055c.47 0 .852.395.852.88v7.07h.014v.198c0 .485-.381.88-.852.88zm4.073-6.813v4.552a.56.56 0 01-.543.569h-1.482V9.139h1.515a.58.58 0 01.51.566zm-13.202 2.4c0-.632-.361-.926-.918-.926-.555 0-.92.294-.92.927 0 .305.085.53.233.683.16.166.398.247.687.247.288 0 .523-.081.686-.247.148-.154.232-.378.232-.683z",
             fill: s
         })
     }));
 };
-export { d as default };
+export { m as default };