@telefonica/mistica 12.9.1 → 12.11.0

package/dist/generated/mistica-icons/icon-bicycle-bike-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : i ? l.inverse : l.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M16.91 11.6a4.516 4.516 0 011.311-.189c2.334 0 3.616 1.345 3.616 3.782 0 2.437-1.282 3.779-3.613 3.779-2.33 0-3.613-1.342-3.613-3.779 0-1.563.535-2.667 1.526-3.266l-1.1-2.235-2.174 4.38c.336.264.524.692.524 1.253 0 .745-.323 1.26-.888 1.465l.417.873h.569a.428.428 0 01.417.438.427.427 0 01-.417.434h-.827a.414.414 0 01-.372-.241l-.681-1.429c-.675-.098-1.1-.546-1.19-1.255H9.35c-.146 2.163-1.395 3.359-3.585 3.359-2.33 0-3.614-1.342-3.614-3.779s1.283-3.779 3.608-3.773c.429-.003.852.056 1.263.174l1.395-2.857-.935-2.003h-.905a.428.428 0 01-.417-.437.427.427 0 01.417-.434H9.37a.424.424 0 01.417.434.427.427 0 01-.417.434h-.961l.74 1.577h5.473v-2.76a.435.435 0 01.325-.425c.154-.036 1.51-.328 2.297.333.24.202.526.58.526 1.239a.428.428 0 01-.417.434.426.426 0 01-.417-.434c0-.34-.124-.48-.216-.558-.303-.255-.88-.258-1.269-.216v2.718l1.46 2.963zm-5.022 2.159a.784.784 0 01.133.008l.049.006 2.28-4.6H9.557l2.152 4.6.043-.005c.044-.005.088-.01.136-.01zm6.336 4.339c1.868 0 2.779-.953 2.782-2.905 0-1.955-.91-2.908-2.782-2.908-.345 0-.641.042-.922.107l1.272 2.583c.107.21.028.47-.18.585a.408.408 0 01-.56-.188l-1.319-2.68c-.717.453-1.07 1.28-1.07 2.498 0 1.955.908 2.908 2.78 2.908zm-6.997-2.776c0 .501.185.695.66.695.48 0 .665-.194.665-.695 0-.499-.185-.695-.664-.695-.476 0-.661.196-.661.695zm-5.462 2.776c1.728 0 2.624-.824 2.756-2.488H5.745a.406.406 0 01-.356-.207.45.45 0 01-.016-.426l1.268-2.596a4.017 4.017 0 00-.876-.098c-1.871 0-2.779.952-2.779 2.907s.908 2.908 2.779 2.908zm.66-3.359h2.093c-.084-.989-.437-1.678-1.084-2.067l-1.008 2.067zm2.452-5.028l-1.07 2.196c.916.53 1.442 1.496 1.54 2.835h1.126c.076-.266.23-.499.443-.672l-2.04-4.36z",
             fill: s

package/dist/generated/mistica-icons/icon-bicycle-bike-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, r = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : t ? l.inverse : l.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M16.83 11.343c.382-.104.79-.174 1.253-.174 2.375 0 3.736 1.42 3.74 3.896 0 2.477-1.362 3.894-3.738 3.894-2.372 0-3.733-1.42-3.733-3.894 0-1.537.526-2.666 1.495-3.302l-.88-1.779-1.966 3.95c.306.283.477.711.477 1.26 0 .731-.3 1.247-.824 1.49l.314.656h.485a.54.54 0 01.529.552v.003a.539.539 0 01-.53.549h-.81a.528.528 0 01-.473-.306l-.635-1.325c-.653-.112-1.073-.543-1.19-1.215H9.6c-.19 2.134-1.504 3.355-3.698 3.355-2.375 0-3.736-1.417-3.736-3.89 0-2.474 1.361-3.894 3.736-3.894.407.003.813.056 1.205.162L8.36 8.768l-.854-1.82h-.81a.541.541 0 01-.53-.552.54.54 0 01.53-.552H9.43a.54.54 0 01.53.552.54.54 0 01-.53.552h-.742l.6 1.28h5.145v-2.56a.549.549 0 01.414-.538c.155-.034 1.535-.334 2.35.35.256.213.56.613.56 1.302a.54.54 0 01-.529.552.541.541 0 01-.529-.552c0-.271-.087-.378-.163-.442-.23-.193-.677-.224-1.042-.193v2.498l1.337 2.698zm-4.94 2.196c.014 0 .027.002.04.004.024.002.046.004.069.004l2.095-4.216H9.805l1.98 4.216c.019 0 .036-.002.053-.004a.406.406 0 01.051-.004zm6.193 4.143c1.717 0 2.515-.832 2.515-2.617 0-1.79-.798-2.621-2.515-2.621-.25 0-.47.02-.681.055l1.134 2.295c.135.269.034.6-.23.745a.516.516 0 01-.713-.238l-1.185-2.4c-.56.417-.838 1.122-.838 2.162 0 1.787.798 2.619 2.513 2.619zm-5.667-2.488c0-.414-.126-.549-.527-.549-.397 0-.526.132-.526.55 0 .42.123.548.526.548.404 0 .527-.129.527-.549zm-6.515 2.488c1.532 0 2.33-.667 2.484-2.082H5.884a.525.525 0 01-.451-.263.564.564 0 01-.023-.538l1.13-2.31a4.144 4.144 0 00-.64-.048c-1.716 0-2.515.834-2.515 2.622 0 1.787.801 2.619 2.516 2.619zm2.481-3.188c-.086-.754-.364-1.286-.84-1.622l-.795 1.622h1.635zm.563-4.485l-.843 1.729c.869.549 1.378 1.495 1.499 2.759h.815c.076-.219.204-.412.373-.569L8.945 10.01z",
-            fill: i
+            fill: t
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, i = tmp === void 0 ? 24 : tmp, l = _param.children, a = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : r ? n.inverse : n.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: i,
-        height: i,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M6.718 2h10.584c1.164 0 2.117.965 2.113 2.144V22H4.6V4.144C4.6 2.96 5.553 2 6.718 2zM8.13 17.895h7.757a.533.533 0 00.533-.535.53.53 0 00-.528-.535H8.13a.53.53 0 00-.528.535.53.53 0 00.528.535zm7.757-3.57a.533.533 0 00.533-.535.53.53 0 00-.528-.535H8.13a.53.53 0 00-.528.535.53.53 0 00.528.535h7.757zm-2.998-3.932h2.998a.533.533 0 00.528-.54.53.53 0 00-.528-.534h-1.774c.009-.06.013-.119.013-.178v-.892h.88a.53.53 0 00.529-.535.53.53 0 00-.528-.535h-.88v-.891c0-.293.234-.535.527-.535.145 0 .285.06.384.17a.528.528 0 00.75.022.544.544 0 00.022-.759 1.569 1.569 0 00-1.155-.507c-.877 0-1.59.722-1.59 1.609v.896a.53.53 0 00-.528.535.53.53 0 00.528.535v.891c0 .1-.077.178-.176.178a.53.53 0 00-.528.535.53.53 0 00.528.535z",
-            fill: h
+            fill: s
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,16 +90,16 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : n ? h.inverse : h.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), c = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return c;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var u = function u(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
+var c = function c(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : h ? n.inverse : n.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), h = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.302 2H6.718C5.553 2 4.6 2.96 4.6 4.144V22h14.815V4.144C19.419 2.964 18.467 2 17.302 2zm.704 18.574H6.013V4.144a.71.71 0 01.705-.713h10.584a.71.71 0 01.704.713v16.43zm-2.113-2.68a.53.53 0 00.528-.534.532.532 0 00-.528-.535H8.13a.53.53 0 00-.528.535.53.53 0 00.528.535h7.762zm.528-4.104a.53.53 0 01-.528.535H8.13a.53.53 0 01-.528-.535.53.53 0 01.528-.535h7.762a.53.53 0 01.528.535zm-.528-3.397a.53.53 0 00.528-.535.542.542 0 00-.528-.54h-1.775a1.19 1.19 0 00.014-.177v-.892h.88a.53.53 0 00.529-.535.53.53 0 00-.529-.535h-.88v-.891c0-.293.235-.535.528-.535.145 0 .285.06.384.17a.529.529 0 00.75.022.545.545 0 00.022-.759 1.569 1.569 0 00-1.156-.507c-.876 0-1.59.722-1.59 1.609v.896a.53.53 0 00-.528.535.53.53 0 00.529.535v.891c0 .1-.077.178-.176.178a.53.53 0 00-.529.535.53.53 0 00.529.535h2.998z",
-            fill: i
+            fill: h
         })
     }));
 };

package/dist/generated/mistica-icons/icon-bill-queries-euro-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, l = _param.children, i = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : t ? r.inverse : r.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M13.97 7.56c0 2.556 2.057 4.632 4.578 4.632.122 0 .244-.01.366-.019V22H5V3.854C5 2.83 5.825 2 6.832 2h10.25c.674 0 1.26.38 1.579.934a.887.887 0 01-.056-.002l-.057-.003c-2.525 0-4.578 2.076-4.578 4.632zm-.183 8.334a.55.55 0 00-.548-.554v.01h-3.06c.257-1.37 1.448-2.409 2.877-2.409.51 0 1.017.137 1.462.398a.548.548 0 00.75-.204.56.56 0 00-.202-.758 3.99 3.99 0 00-2.015-.55c-2.034 0-3.716 1.536-3.983 3.517h-.59a.55.55 0 00-.549.555.55.55 0 00.548.555h.59c.268 1.981 1.95 3.517 3.984 3.517a3.99 3.99 0 002.015-.55.56.56 0 00.202-.758.543.543 0 00-.75-.204c-.445.26-.951.398-1.462.398-1.43 0-2.62-1.038-2.877-2.408h3.06a.55.55 0 00.548-.555zm4.761-4.442c-2.118 0-3.842-1.744-3.842-3.887 0-2.142 1.724-3.887 3.843-3.887 2.118 0 3.842 1.745 3.842 3.887 0 2.143-1.724 3.887-3.842 3.887zm-2.746-3.887c0 1.531 1.233 2.778 2.747 2.778 1.513 0 2.746-1.247 2.746-2.778 0-1.53-1.233-2.778-2.747-2.778-1.513 0-2.746 1.247-2.746 2.778zm2.643 2.404a.55.55 0 01-.548-.555.55.55 0 111.097 0 .552.552 0 01-.549.555zm-.553-1.934a.55.55 0 00.549.554.542.542 0 00.543-.554c0-.166.066-.323.183-.441l.323-.327c.427-.432.38-1.166.066-1.579a1.333 1.333 0 00-1.06-.53h-.06c-.45 0-.872.246-1.101.644a.56.56 0 00.201.758.548.548 0 00.75-.204.175.175 0 01.155-.09h.06c.07 0 .146.034.188.09a.4.4 0 01.028.124l-.323.327a1.735 1.735 0 00-.502 1.228z",
-            fill: s
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-bill-queries-euro-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var a = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = a != null ? a : s ? i.inverse : i.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M19.435 19.407a.74.74 0 11-1.478 0 .74.74 0 011.478 0zm-.369-2.218v-4.447a.37.37 0 00-.74 0v4.447a.37.37 0 00.74 0z",

package/dist/generated/mistica-icons/icon-bill-queries-euro-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return u;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, l = _param.children, s = _objectWithoutProperties(_param, [
+var u = function u(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : t ? r.inverse : r.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), t = r != null ? r : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: c,
-        height: c,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.131 22V11.398c1.841-.27 3.26-1.887 3.26-3.84 0-2.059-1.572-3.747-3.552-3.88C18.37 2.689 17.378 2 16.233 2H7.899C6.299 2 5 3.328 5 4.963V22h14.131zm-5.797-7.406h-3.028c.255-1.37 1.433-2.41 2.847-2.4.505 0 1.006.138 1.447.399.26.151.594.061.742-.204a.564.564 0 00-.2-.759 3.917 3.917 0 00-1.994-.55c-2.012 0-3.677 1.536-3.942 3.518h-.584a.546.546 0 00-.543.555c0 .308.242.555.543.555h.584c.265 1.982 1.93 3.518 3.942 3.518.696 0 1.387-.19 1.995-.55a.564.564 0 00.199-.758.534.534 0 00-.742-.204 2.85 2.85 0 01-1.447.398c-1.415 0-2.592-1.038-2.848-2.409h3.029a.546.546 0 00.543-.555.546.546 0 00-.543-.554zm4.345 5.922H6.452V4.959c0-.816.649-1.48 1.447-1.48h8.333c.4 0 .756.166 1.02.437a3.888 3.888 0 00-2.471 3.636c0 1.826 1.238 3.357 2.898 3.775v9.189zm.91-15.742c1.497 0 2.717 1.247 2.717 2.778 0 1.537-1.22 2.779-2.718 2.779s-2.717-1.247-2.717-2.779c0-1.531 1.22-2.778 2.717-2.778zm-.103 4.078a.546.546 0 00-.542.554c0 .309.24.555.542.555a.547.547 0 00.543-.555.55.55 0 00-.543-.554zm-.004-3.704h.06c.408 0 .802.195 1.053.532.31.412.357 1.147-.065 1.578l-.32.328a.628.628 0 00-.181.44.547.547 0 01-.543.555.546.546 0 01-.542-.554c0-.465.176-.901.496-1.228l.32-.328a.356.356 0 00-.028-.123.25.25 0 00-.185-.09h-.06a.173.173 0 00-.154.09.538.538 0 01-.742.204.564.564 0 01-.2-.759c.224-.398.64-.645 1.09-.645z",
-            fill: h
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-bill-queries-pound-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, l = _param.children, r = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : t ? h.inverse : h.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M13.97 7.56c0 2.556 2.057 4.632 4.578 4.632.122 0 .244-.01.366-.019V22H5V3.854C5 2.83 5.825 2 6.832 2h10.25c.674 0 1.26.38 1.579.934a.887.887 0 01-.056-.002l-.057-.003c-2.525 0-4.578 2.076-4.578 4.632zM9.668 19.972h4.578a.56.56 0 00.549-.564.55.55 0 00-.549-.555h-3.022a1.7 1.7 0 00.093-.554V16.63h1.65a.55.55 0 00.548-.555.55.55 0 00-.548-.554h-1.65v-1.48c0-.61.492-1.108 1.097-1.108.253 0 .492.085.689.246a.546.546 0 00.773-.08.56.56 0 00-.08-.783 2.194 2.194 0 00-1.382-.493c-1.214 0-2.198 1-2.198 2.224v1.483h-.183a.55.55 0 00-.548.555.55.55 0 00.548.555h.183v1.668a.543.543 0 01-.548.555.55.55 0 00-.549.554.55.55 0 00.549.555zm8.88-8.519c-2.118 0-3.842-1.744-3.842-3.887 0-2.142 1.724-3.887 3.842-3.887 2.119 0 3.843 1.745 3.843 3.887 0 2.143-1.724 3.887-3.843 3.887zm-2.746-3.887c0 1.531 1.233 2.778 2.746 2.778 1.514 0 2.747-1.247 2.747-2.778 0-1.53-1.233-2.778-2.747-2.778-1.513 0-2.746 1.247-2.746 2.778zm2.643 2.404a.55.55 0 01-.548-.555.55.55 0 111.097 0 .552.552 0 01-.549.555zm-.553-1.934a.55.55 0 00.549.554.542.542 0 00.543-.554c0-.166.066-.323.183-.441l.323-.327c.427-.432.38-1.166.066-1.579a1.333 1.333 0 00-1.06-.53h-.06c-.45 0-.872.246-1.101.644a.56.56 0 00.201.758.548.548 0 00.75-.204.175.175 0 01.155-.09h.06c.07 0 .146.034.188.09a.4.4 0 01.028.124l-.323.327a1.735 1.735 0 00-.502 1.228z",
-            fill: n
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-bill-queries-pound-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var a = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, c = _param.children, s = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var a = _param.color, tmp = _param.size, i = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), e = a != null ? a : r ? i.inverse : i.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), e = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: i,
+        height: i,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M19.435 19.407a.74.74 0 11-1.479 0 .74.74 0 011.48 0zm-.369-2.218v-4.447a.37.37 0 00-.74 0v4.447a.37.37 0 00.74 0z",

package/dist/generated/mistica-icons/icon-bill-queries-pound-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var u = function u(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, l = _param.children, s = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : t ? c.inverse : c.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.131 22V11.398c1.841-.27 3.26-1.887 3.26-3.84 0-2.059-1.572-3.747-3.552-3.88C18.37 2.689 17.378 2 16.233 2H7.899C6.299 2 5 3.328 5 4.963V22h14.131zm-4.8-2.963a.733.733 0 00.724-.74.734.734 0 00-.729-.74h-2.754c.023-.118.037-.242.037-.37v-1.48h1.447a.733.733 0 00.723-.739.733.733 0 00-.723-.74h-1.447v-1.294c0-.507.403-.925.904-.925a.89.89 0 01.57.204.712.712 0 001.02-.109.755.755 0 00-.106-1.043 2.32 2.32 0 00-1.48-.536c-1.298 0-2.355 1.082-2.355 2.41v1.294a.733.733 0 00-.724.74c0 .407.325.739.724.739v1.48a.36.36 0 01-.362.37.733.733 0 00-.723.739c0 .408.324.74.723.74h4.531zm3.348 1.479H6.452V4.959c0-.816.649-1.48 1.447-1.48h8.334c.398 0 .755.166 1.02.437a3.888 3.888 0 00-2.472 3.636c0 1.826 1.238 3.357 2.898 3.775v9.189zm.91-15.742c1.497 0 2.717 1.247 2.717 2.778 0 1.537-1.22 2.779-2.718 2.779s-2.717-1.247-2.717-2.779c0-1.531 1.22-2.778 2.717-2.778zm-.103 4.078a.546.546 0 00-.542.554c0 .309.24.555.542.555a.547.547 0 00.543-.555.55.55 0 00-.543-.554zm-.004-3.704h.06c.408 0 .802.195 1.053.532.31.412.357 1.147-.065 1.578l-.32.328a.628.628 0 00-.181.44.547.547 0 01-.543.555.546.546 0 01-.542-.554c0-.465.176-.901.496-1.228l.32-.328a.356.356 0 00-.028-.123.251.251 0 00-.185-.09h-.06a.173.173 0 00-.154.09.538.538 0 01-.742.204.564.564 0 01-.2-.759c.224-.398.64-.645 1.09-.645z",
-            fill: h
+            fill: t
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, l = _param.children, a = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : i ? t.inverse : t.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: c,
-        height: c,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.075 9.8c.465.037.902.238 1.235.566.362.367.566.86.572 1.375a1.85 1.85 0 01-.577 1.328c-.135.132-1.023.924-2.067 1.854v3.166c0 1.14-.314 2.05-.93 2.703-.656.694-1.605 1.045-2.818 1.045H5.87c-1.215 0-2.162-.35-2.817-1.045-.616-.653-.93-1.563-.93-2.703V5.977c0-1.14.314-2.107.93-2.76.655-.694 1.605-1.044 2.818-1.044h9.619c1.213 0 2.162.35 2.818 1.045.616.652.93 1.619.93 2.759v3.96c.266-.112.551-.16.837-.137zM15.49 6.372H5.927a.562.562 0 00-.56.56c0 .308.252.56.56.56h9.563c.308 0 .56-.252.56-.56a.562.562 0 00-.56-.56zm-9.563 3.4a.562.562 0 00-.56.56c0 .309.252.56.56.56h9.563c.308 0 .56-.251.56-.56a.562.562 0 00-.56-.56H5.927zm9.535 3.4H5.927a.562.562 0 00-.56.561c0 .308.252.56.56.56h8.266l1.269-1.12zm-3.404 4.522l.376-1.12H5.927a.562.562 0 00-.56.56c0 .308.252.56.56.56h6.131zm2.83-.412c2.173-1.922 5.403-4.787 5.63-5.011a.74.74 0 00.24-.538.825.825 0 00-.767-.818.747.747 0 00-.594.241c-.294.295-4.36 3.885-5.511 4.903l-.139.122-.557 1.661 1.697-.56z",
-            fill: n
+            fill: s
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), h = a != null ? a : i ? e.inverse : e.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M5.705 7.018h9.86a.28.28 0 00.28-.28.28.28 0 00-.28-.28h-9.86a.28.28 0 00-.28.28c0 .154.126.28.28.28zm0 3.507h9.86a.28.28 0 00.28-.28.28.28 0 00-.28-.28h-9.86a.28.28 0 00-.28.28c0 .154.126.28.28.28z",

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, l = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), h = c != null ? c : r ? a.inverse : a.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), r = c != null ? c : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M5.932 7.492h9.563c.308 0 .56-.252.56-.56a.562.562 0 00-.56-.56H5.932a.562.562 0 00-.56.56c0 .308.251.56.56.56zm0 3.401h9.563c.308 0 .56-.252.56-.56a.562.562 0 00-.56-.56H5.932a.562.562 0 00-.56.56c0 .308.251.56.56.56z",
-                fill: h
+                fill: r
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M5.876 21.837h9.619c1.213 0 2.162-.353 2.818-1.045.616-.653.93-1.563.93-2.703v-3.107c0-.02-.002-.039-.003-.058 1.044-.93 1.933-1.725 2.064-1.855a1.85 1.85 0 00.577-1.328 1.975 1.975 0 00-.568-1.375c-.512-.51-1.334-.735-2.07-.43v-3.96c0-2.38-1.401-3.803-3.748-3.803h-9.62c-2.347 0-3.747 1.423-3.747 3.804v12.112c0 1.14.313 2.05.93 2.703.655.694 1.605 1.045 2.818 1.045zm12.246-11.03c-.575.517-1.582 1.411-2.66 2.366h-9.53a.562.562 0 00-.56.56c0 .308.251.56.56.56h8.263l-1.3 1.149a.562.562 0 00-.16.24l-.298.891H5.932a.562.562 0 00-.56.56c0 .309.251.56.56.56h6.13l-.287.855a.56.56 0 00.706.711l2.87-.949a.526.526 0 00.197-.112c.25-.221 1.38-1.22 2.574-2.281v2.172c0 1.742-.885 2.627-2.627 2.627h-9.62c-1.742 0-2.627-.885-2.627-2.627V5.977c0-.852.213-1.513.63-1.967.437-.476 1.11-.717 1.998-.717h9.619c.888 0 1.56.241 1.997.717.417.454.63 1.115.63 1.967v4.83zm-4.927 7.038l.557-1.661.148-.13c1.165-1.03 5.208-4.601 5.505-4.895.46-.46.964-.157 1.12 0a.853.853 0 01.241.58c0 .196-.084.375-.243.535-.227.224-3.46 3.09-5.63 5.01l-1.698.561z",
-                fill: h
+                fill: r
             })
         ]
     }));