@telefonica/mistica 12.9.1 → 12.11.0

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        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,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : n ? l.inverse : l.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = a != null ? a : 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), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.346 9.59L19.13 12l2.201 2.41a.685.685 0 01.15.68.693.693 0 01-.52.463l-3.2.644.379 3.252a.678.678 0 01-.278.636.684.684 0 01-.69.07L14.2 18.792l-1.603 2.855a.685.685 0 01-1.197 0l-1.603-2.855-2.971 1.363a.695.695 0 01-.692-.07.697.697 0 01-.277-.636l.379-3.252-3.205-.644a.68.68 0 01-.52-.464.698.698 0 01.15-.68L4.876 12l-2.21-2.41a.685.685 0 01-.15-.68.693.693 0 01.52-.463l3.205-.644-.378-3.252a.678.678 0 01.277-.636.685.685 0 01.691-.07l2.972 1.363 1.602-2.855a.685.685 0 011.197 0l1.603 2.855 2.976-1.363a.687.687 0 01.968.706l-.378 3.252 3.205.644a.68.68 0 01.52.464.698.698 0 01-.15.68zM9.767 15.62h4.302a.524.524 0 00.515-.525.514.514 0 00-.515-.517h-2.84c.057-.163.088-.335.088-.516v-1.554h1.55a.513.513 0 00.515-.516.514.514 0 00-.515-.516h-1.55v-1.377c0-.57.462-1.033 1.03-1.033.238 0 .462.08.647.23.225.18.546.145.727-.075a.52.52 0 00-.075-.728 2.073 2.073 0 00-1.299-.46 2.07 2.07 0 00-2.064 2.07v1.382h-.172a.514.514 0 00-.515.516c0 .287.229.516.515.516h.171v1.554a.508.508 0 01-.515.516.514.514 0 00-.515.516c0 .287.23.517.515.517z",
-            fill: i
+            fill: n
         })
     }));
 };

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,21 +91,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var f = function f(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : n ? e.inverse : e.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = a != null ? a : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.91 11.993l2.518-2.74a.356.356 0 00-.192-.59l-3.646-.737.43-3.7a.355.355 0 00-.146-.329.354.354 0 00-.361-.037l-3.38 1.55-1.823-3.242c-.128-.224-.494-.224-.621 0L9.866 5.411l-3.38-1.55a.36.36 0 00-.502.366l.429 3.7-3.646.736a.365.365 0 00-.27.238.356.356 0 00.078.352l2.522 2.74-2.517 2.74a.356.356 0 00.192.59l3.645.736-.43 3.7a.355.355 0 00.147.33.347.347 0 00.356.036l3.38-1.55 1.823 3.242a.355.355 0 00.621 0l1.823-3.243 3.38 1.55a.36.36 0 00.507-.366l-.2-1.737a.36.36 0 00-.713.082l.128 1.107-3.102-1.422a.356.356 0 00-.461.15l-1.672 2.973-1.672-2.977a.36.36 0 00-.461-.151l-3.102 1.422.393-3.393a.358.358 0 00-.284-.394l-3.343-.672 2.311-2.516a.354.354 0 000-.484L3.535 9.23l3.343-.672a.355.355 0 00.284-.394l-.393-3.393L9.87 6.193c.168.078.37.014.46-.15l1.673-2.97 1.676 2.978a.36.36 0 00.462.151l3.101-1.422-.392 3.393c-.023.183.1.357.283.394l3.343.672-2.311 2.516a.354.354 0 000 .485l2.311 2.515-1.132.229a.358.358 0 00.142.7l1.753-.353a.365.365 0 00.27-.237.356.356 0 00-.078-.353l-2.521-2.748zm-1.552 3.215a.714.714 0 010 1.427.714.714 0 010-1.427zm-7.94 0c0-.197.16-.357.357-.357a.708.708 0 00.712-.713v-1.789h-.356a.357.357 0 010-.713h.356v-1.61c0-1.084.882-1.967 1.964-1.967.448 0 .887.156 1.234.44A.357.357 0 0113.74 9a.356.356 0 01-.503.055 1.25 1.25 0 00-2.033.97v1.61h1.787a.357.357 0 010 .713h-1.787v1.789a1.4 1.4 0 01-.192.713h3.226a.357.357 0 010 .714H9.774a.357.357 0 01-.357-.357z",
-            fill: i
+            fill: n
         })
     }));
 };

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,12 +91,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var f = function f(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
+    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : n ? e.inverse : e.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,

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

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "default", {
 });
 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) {
@@ -91,13 +92,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var d = function d(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, v = _param.children, e = _objectWithoutProperties(_param, [
+    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, s = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, t = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), h = a != null ? a : i ? t.inverse : t.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), i = ref.skinName;
+    return i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -105,7 +106,7 @@ var d = function d(_param) {
     }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.37 21.633a.712.712 0 001.244.005l1.587-2.824 2.937 1.348a.714.714 0 001.006-.733l-.37-3.219 3.17-.637a.706.706 0 00.54-.481.725.725 0 00-.156-.706l-2.191-2.384 2.19-2.383a.712.712 0 00.156-.706.72.72 0 00-.54-.482l-3.17-.637.371-3.218a.704.704 0 00-.288-.66.712.712 0 00-.718-.073L14.2 5.19l-1.587-2.823a.711.711 0 00-1.245 0L9.782 5.19 6.845 3.843a.722.722 0 00-.718.073.724.724 0 00-.288.66l.375 3.218-3.17.637a.706.706 0 00-.54.482.725.725 0 00.156.706l2.191 2.383-2.191 2.384a.712.712 0 00-.156.706.72.72 0 00.54.481l3.17.637-.375 3.218a.708.708 0 00.288.66.7.7 0 00.718.074l2.937-1.352 1.587 2.823zm-.664-4.093a.708.708 0 00-.92-.303l-2.382 1.096.301-2.608a.71.71 0 00-.567-.784l-2.57-.518 1.774-1.935a.72.72 0 000-.972L4.567 9.582l2.571-.518a.717.717 0 00.567-.784l-.301-2.608 2.383 1.095a.71.71 0 00.92-.298l1.284-2.287 1.286 2.292c.183.32.58.454.92.298l2.383-1.096-.302 2.609a.71.71 0 00.567.784l2.57.518-1.774 1.934a.72.72 0 000 .972l1.775 1.934-2.571.518a.717.717 0 00-.567.784l.302 2.608-2.384-1.095a.71.71 0 00-.92.298l-1.284 2.287-1.286-2.287z",
-            fill: h
+            fill: r
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
@@ -115,7 +116,7 @@ var d = function d(_param) {
     }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.025 21.24c.109.143.445.575.98.575.132 0 .535 0 .978-.577.193-.25.364-.558.526-.855l.003-.005c.138-.25.385-.698.524-.801.18.014.644.294.9.448l.005.003c.67.405 1.36.822 1.969.47.616-.356.6-1.174.583-1.966v-.01c-.006-.294-.016-.819.056-.976.157-.072.682-.062.975-.056h.01c.79.017 1.611.033 1.967-.583.353-.607-.067-1.302-.473-1.973v-.002c-.154-.252-.435-.717-.449-.896.099-.137.537-.378.79-.517l.017-.01c.297-.162.605-.333.855-.526.142-.11.574-.446.574-.98 0-.132 0-.536-.575-.981-.249-.193-.557-.364-.854-.527l-.005-.002c-.25-.138-.699-.385-.802-.524.014-.18.294-.645.449-.9.406-.669.826-1.364.473-1.974-.356-.616-1.174-.6-1.966-.583h-.01c-.294.006-.819.016-.976-.056-.072-.158-.062-.682-.057-.976v-.01c.017-.793.034-1.61-.582-1.966-.608-.353-1.302.066-1.973.472l-.002.001c-.252.154-.717.434-.896.448-.132-.097-.36-.506-.504-.76l-.026-.046c-.162-.297-.333-.605-.526-.855-.11-.143-.446-.574-.98-.574-.132 0-.536 0-.981.574-.193.25-.364.558-.527.855l-.002.004c-.138.25-.385.7-.524.802-.18-.014-.644-.294-.9-.448-.669-.406-1.364-.826-1.974-.473-.616.355-.6 1.173-.583 1.966v.01c.006.294.016.818-.056.976-.158.072-.682.062-.976.056h-.01c-.793-.017-1.61-.033-1.966.583-.353.607.066 1.301.472 1.973l.001.002c.154.254.434.72.448.899-.098.136-.536.378-.789.517l-.017.01c-.297.162-.605.333-.855.526-.143.11-.574.445-.574.98 0 .132 0 .535.574.98.25.194.558.365.855.527.252.138.706.387.81.527-.015.18-.295.644-.449.9l-.004.005c-.405.67-.821 1.36-.47 1.969.356.616 1.174.6 1.967.582h.01c.294-.005.818-.015.976.056.072.158.062.683.056.976v.01c-.017.793-.034 1.611.583 1.967.607.353 1.301-.067 1.973-.473h.001c.255-.154.72-.435.9-.449.136.099.378.537.517.79l.01.017c.162.297.332.605.526.854zm-.76-2.747a1.013 1.013 0 00-.274-.037c-.483 0-.99.305-1.484.602l-.014.009-.027.016c-.228.136-.597.359-.791.412-.055-.197-.046-.653-.04-.922v-.034c.015-.71.028-1.378-.38-1.786-.406-.408-1.076-.395-1.786-.381H5.45c-.27.006-.737.014-.942-.04.054-.193.276-.563.413-.79l.016-.027.005-.008c.354-.588.72-1.196.57-1.762-.146-.552-.732-.874-1.354-1.216l-.013-.007c-.246-.136-.667-.368-.805-.52.138-.151.56-.383.805-.519l.017-.01c.618-.34 1.201-.662 1.35-1.213.153-.566-.216-1.18-.575-1.77l-.016-.027c-.137-.227-.359-.597-.413-.791.2-.055.656-.045.925-.04h.021c.715.015 1.389.028 1.8-.38.408-.406.395-1.076.38-1.786v-.018c-.005-.27-.014-.737.04-.941.194.053.563.276.79.412l.028.016c.498.303 1.01.61 1.498.61.093 0 .185-.013.275-.036.552-.145.874-.73 1.215-1.353l.008-.013c.135-.246.368-.667.519-.805.151.138.384.56.52.805l.009.018c.34.617.663 1.2 1.213 1.348.566.152 1.18-.215 1.77-.574a7.59 7.59 0 00.027-.016c.228-.136.598-.359.791-.412.055.2.046.656.04.924v.021c-.014.715-.027 1.389.38 1.8.406.408 1.076.395 1.787.38h.018c.266-.005.734-.013.938.04-.054.194-.276.564-.413.791l-.016.027-.004.008c-.355.588-.72 1.196-.57 1.762.146.552.731.874 1.353 1.216l.013.007c.246.136.668.368.805.52-.137.15-.559.383-.805.519l-.017.01c-.617.34-1.2.662-1.349 1.213-.154.566.216 1.179.574 1.77l.016.027c.137.227.36.597.413.79-.198.056-.653.046-.922.04h-.035c-.71-.014-1.377-.027-1.785.381-.409.406-.396 1.076-.382 1.786v.018c.006.266.015.734-.038.938-.194-.053-.564-.276-.792-.412a3.75 3.75 0 00-.026-.016l-.008-.005c-.589-.354-1.197-.72-1.763-.57-.552.146-.874.732-1.215 1.354l-.008.013c-.135.246-.368.667-.519.804-.151-.137-.384-.558-.52-.804l-.009-.018c-.34-.617-.663-1.2-1.213-1.349z",
-            fill: h
+            fill: r
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return c;
+        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,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var c = function c(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, v = _param.children, h = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, v = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? i.inverse : i.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M3.757 2h16.466a.48.48 0 01.468.464V22h-9.609v-7.907H5.59V22H3.3V2.464c0-.256.205-.464.457-.464zm1.827 6.978h5.492V5.257H5.584v3.721zm12.812 8.836v-3.721h-5.493v3.721h5.493zm-5.493-8.836h5.493V5.257h-5.493v3.721z",
-            fill: s
+            fill: n
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return H;
+        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 H = function H(_param) {
-    var h = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var h = _param.color, tmp = _param.size, v = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), v = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), s = h != null ? h : r ? v.inverse : v.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = h != null ? h : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: v,
+        height: v,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.8 21.994a.456.456 0 00.446-.464c0-.256-.2-.465-.445-.465h-8.919V14.09H5.527v6.976H4.19V2.93h15.164v13.023c0 .256.2.465.446.465a.456.456 0 00.445-.465V2.464c0-.256-.2-.464-.445-.464H3.745a.456.456 0 00-.445.464V22h3.123v-6.976h3.569v6.97H19.8zm-.89-3.256c0-.512.4-.928.89-.928.497 0 .891.416.891.928s-.4.929-.89.929c-.491 0-.891-.417-.891-.929zm-6.246-4.649h5.355v3.72h-5.355v-3.72zm4.459 2.792v-1.857h-3.569v1.857h3.569zM5.527 8.976v-3.72h5.355v3.72H5.527zm4.459-.928V6.19H6.417v1.857h3.569zm8.033.928h-5.355v-3.72h5.355v3.72zM13.56 6.185v1.857h3.569V6.185H13.56z",
             fill: s

package/dist/generated/mistica-icons/icon-office-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 e = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, H = _param.children, s = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var v = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), v = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : i ? v.inverse : v.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), r = v != null ? v : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M3.796 2H20.2a.89.89 0 01.89.887V22H10.007v-6.667H7.343v6.661H2.91V2.887c0-.489.397-.887.886-.887zm7.98 11.553v6.666h7.54V3.776H4.68V20.22h.886v-6.667h6.21z",
-                fill: t
+                fill: r
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M18.43 17.552h-5.768v-3.999h5.768v3.999zm-1.334-2.662H13.99v1.33h3.105v-1.33zm-5.762-5.558H5.567V5.333h5.767v4zM10 6.664H6.895v1.331H10v-1.33zm8.43 2.668h-5.768V5.333h5.768v4zm-1.334-2.668H13.99v1.331h3.105v-1.33z",
-                fill: t
+                fill: r
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-on-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, t = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : i ? n.inverse : n.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.402 2.164c1.574.037 9.44.69 9.44 9.86 0 9.177-7.835 9.784-9.404 9.812-.17.003-.364.006-.563.006-.104 0-.213 0-.314-.003-8.952-.129-9.406-8.246-9.406-9.871s.451-9.737 9.339-9.812c.3-.003.63.003.908.008zM11.348 12.31c0-3.233-1.532-3.91-2.818-3.91-1.29 0-2.829.677-2.829 3.91 0 3.221 1.538 3.899 2.83 3.899 1.285 0 2.817-.675 2.817-3.9zm6.11-3.373a.41.41 0 00-.41-.409h-.274a.41.41 0 00-.409.41v4.772l-3.314-5a.41.41 0 00-.341-.185h-.219a.411.411 0 00-.409.41v6.722a.41.41 0 00.41.41h.274a.41.41 0 00.409-.41v-4.765l3.3 4.995a.41.41 0 00.341.185h.227c.23 0 .415-.185.415-.412V8.937zm-7.244 3.373c0-2.476-.9-2.796-1.684-2.796-.837 0-1.694.33-1.694 2.796 0 2.445.857 2.776 1.694 2.776.832 0 1.684-.33 1.684-2.776z",
-            fill: a
+            fill: n
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        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 v = function v(_param) {
-    var e = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var s = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, l = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), t = s != null ? s : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: s,
-        height: s,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M6.257 11.998c0-3.134 1.451-3.798 2.698-3.798 1.238 0 2.748.664 2.748 3.798 0 3.135-1.476 3.798-2.714 3.798-1.813 0-2.732-1.28-2.732-3.798zm.902.017c0 2.552.975 2.88 1.796 2.88.826 0 1.787-.303 1.787-2.88S9.792 9.11 8.955 9.11c-.835 0-1.796.353-1.796 2.905zm10.037-3.684h.3c.162.003.29.14.285.303v6.737a.301.301 0 01-.302.302h-.23a.303.303 0 01-.255-.14l-3.487-5.283v5.11c0 .17-.14.31-.311.31h-.28a.31.31 0 01-.303-.31V8.634c0-.165.135-.303.303-.303h.221c.1 0 .196.048.255.132l3.524 5.289V8.634c0-.157.123-.289.28-.303z",
-                fill: h
+                fill: t
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M11.495 2.155h.91c1.578.05 9.435.63 9.435 9.843s-7.826 9.843-9.4 9.843h-.877c-8.958-.115-9.41-8.201-9.41-9.843 0-1.641.452-9.762 9.342-9.843zm.09 18.866h.846c2.028 0 8.588-.821 8.588-9.023s-6.563-8.966-8.63-9.022h-.885c-1.97 0-8.532.753-8.532 9.022s6.563 9.022 8.613 9.022z",
-                fill: h
+                fill: t
             })
         ]
     }));

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, n = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var r = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, c = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : s ? r.inverse : r.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = r != null ? r : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.399 2.166c1.574.037 9.442.69 9.442 9.857 0 9.174-7.837 9.785-9.409 9.813a33.17 33.17 0 01-.552.005c-.106 0-.21 0-.313-.003-1.572-.022-9.412-.605-9.412-9.87 0-1.625.451-9.735 9.347-9.813.297 0 .625.006.897.011zm.01 18.468c1.93-.037 8.228-.762 8.228-8.608s-6.328-8.608-8.266-8.653a17.198 17.198 0 00-.855-.008c-1.913.017-8.154.69-8.154 8.608 0 7.933 6.294 8.639 8.224 8.667.275.002.577 0 .824-.006zm-2.159-8.33c0-2.426-.882-2.737-1.65-2.737-.82 0-1.658.325-1.658 2.736 0 2.398.838 2.72 1.658 2.72.816 0 1.65-.322 1.65-2.72zM8.6 8.473c1.258 0 2.762.664 2.762 3.83 0 3.156-1.501 3.82-2.762 3.82-1.263 0-2.77-.66-2.77-3.82 0-3.166 1.507-3.83 2.77-3.83zM17.343 9a.4.4 0 00-.4-.4h-.27a.4.4 0 00-.4.4v4.675L13.032 8.78a.406.406 0 00-.336-.18h-.213a.4.4 0 00-.4.4v6.586c0 .222.178.4.4.4h.269a.4.4 0 00.4-.4v-4.672l3.233 4.894a.404.404 0 00.336.179h.221a.4.4 0 00.4-.4V9z",
             fill: i

package/dist/generated/mistica-icons/icon-online-offer-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        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 z = function z(_param) {
-    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), l = c != null ? c : i ? e.inverse : e.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), l = c != null ? c : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M14.534 15.78c.451 0 .732.28.732.731 0 .448-.28.731-.732.731-.45 0-.73-.28-.73-.731 0-.451.28-.731.73-.731zm-.168.731c0 .14.029.17.171.17.143 0 .171-.027.171-.17 0-.143-.028-.17-.17-.17-.143 0-.171.03-.171.17zm2.064-.563a.28.28 0 01.393-.048.275.275 0 01.048.393l-2.32 2.963a.28.28 0 01-.392.048.28.28 0 01-.047-.392l2.319-2.964zm-.736 2.726c0-.451.28-.732.731-.732.448 0 .731.28.731.732 0 .45-.28.73-.73.73-.452 0-.732-.28-.732-.73zm.731.168c.14 0 .171-.028.171-.171 0-.143-.028-.171-.17-.171-.144 0-.172.028-.172.17 0 .143.031.171.171.171z",

package/dist/generated/mistica-icons/icon-online-offer-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        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 z = function z(_param) {
-    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, r = _param.children, s = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, i = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), l = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), e = c != null ? c : t ? l.inverse : l.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), l = c != null ? c : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M10.366 11.722c0 .154.126.28.28.28a.28.28 0 00.28-.28v-2.96a.281.281 0 00-.28-.28.281.281 0 00-.28.28v2.96zm3.826 7.745c0 .154.126.28.28.28a.268.268 0 00.219-.109l2.709-3.46a.28.28 0 00-.048-.392.28.28 0 00-.392.048l-2.709 3.462a.27.27 0 00-.059.171zm.706-2.014c-.496 0-.806-.308-.806-.807 0-.498.308-.806.806-.806.499 0 .807.308.807.806 0 .499-.311.807-.807.807zm-.246-.804c0-.19.056-.246.246-.246.188 0 .247.056.247.246s-.056.247-.247.247c-.19 0-.246-.056-.246-.247zm2.106 2.983c-.496 0-.806-.308-.806-.806 0-.499.308-.807.806-.807.499 0 .807.308.807.807 0 .498-.308.806-.807.806zm-.246-.804c0-.19.056-.246.246-.246s.247.056.247.246c0 .191-.056.247-.247.247-.19 0-.246-.056-.246-.247z",
-                fill: e
+                fill: l
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M10.957 5.879v.655c3.353.107 5.123 1.98 5.123 5.429v1.752c.179.112.301.335.412.54l.018.031c.052.095.122.221.173.274.078-.023.232-.115.33-.174.275-.168.588-.356.866-.196.277.16.271.53.263.854-.003.112-.006.291.014.367.063.016.196.015.304.014h.063c.325-.008.695-.014.854.263.16.278-.028.589-.196.866l-.015.025c-.059.098-.14.233-.159.305.048.046.168.114.26.166l.043.025.009.005c.286.158.605.334.605.659 0 .327-.327.506-.612.663h-.002l-.03.018a1.578 1.578 0 00-.273.173 2 2 0 00.174.33c.168.275.356.589.196.866-.16.278-.53.272-.854.264a1.886 1.886 0 00-.367.014 1.594 1.594 0 00-.014.303v.064c.008.325.014.694-.263.854-.278.16-.589-.028-.866-.196l-.025-.015a1.607 1.607 0 00-.305-.159 1.731 1.731 0 00-.166.259l-.025.044c-.157.288-.336.613-.664.613-.327 0-.506-.326-.663-.612v-.001l-.004-.006a1.969 1.969 0 00-.187-.297 1.974 1.974 0 00-.33.174c-.278.168-.589.356-.866.196a.441.441 0 01-.112-.091c-.813.423-1.828.637-3.02.637-3.554 0-5.434-1.88-5.434-5.434v-3.337a.278.278 0 010-.107v-.993c0-3.47 1.79-5.343 5.182-5.431v-.653a1.782 1.782 0 00-.182-.709c-.221-.431-.616-.65-1.176-.65H7.089c-1.801 0-3.011-.837-3.011-2.084a.28.28 0 01.28-.28.28.28 0 01.28.28c0 .303.109.737.624 1.076.446.294 1.076.448 1.827.448h1.95c.988 0 1.462.53 1.683.975.143.294.224.616.235.944zm2.555 14.765c-.001-.07 0-.141.002-.21a1.886 1.886 0 00-.013-.367 1.592 1.592 0 00-.304-.015h-.063c-.325.009-.695.015-.855-.263-.16-.277.028-.588.196-.865l.015-.025c.06-.098.14-.234.159-.306-.052-.049-.187-.124-.283-.178l-.022-.012-.009-.005c-.286-.159-.605-.335-.605-.66 0-.327.325-.506.614-.663l.032-.018c.094-.052.22-.122.273-.172-.022-.079-.115-.233-.174-.331-.168-.277-.355-.588-.196-.865.16-.278.53-.272.854-.264.113.003.292.006.368-.014a1.6 1.6 0 00.014-.304v-.063c-.009-.325-.014-.694.263-.854.277-.16.588.028.865.196l.025.015c.098.059.234.14.306.159.049-.052.124-.188.178-.283l.012-.023c.1-.182.207-.379.356-.499v-.424c-1.615.21-3.245.313-4.874.31-1.63.002-3.258-.1-4.874-.313V16.4c0 1.644.426 2.888 1.266 3.697.81.782 2.026 1.177 3.608 1.177 1.157 0 2.118-.21 2.866-.63zm2.008-8.681c0-1.644-.426-2.888-1.266-3.698-.812-.781-2.025-1.176-3.608-1.176-1.582 0-2.798.395-3.608 1.176-.84.81-1.266 2.054-1.266 3.698v.803c1.616.213 3.244.32 4.874.317 1.63.003 3.258-.104 4.874-.317v-.803zm-.524 8.39c.042 0 .084.005.126.016.25.067.392.327.532.582.051.099.11.197.174.29.065-.093.123-.188.174-.29.14-.255.283-.515.532-.582.255-.067.515.09.768.244.09.056.179.106.274.154.008-.107.008-.213.006-.32v-.011c-.006-.29-.012-.588.17-.77.183-.182.48-.177.77-.171h.012c.107.006.213.003.32-.005a2.632 2.632 0 00-.155-.275c-.154-.252-.31-.515-.243-.767.067-.247.327-.393.582-.533.101-.05.196-.109.289-.173a2.318 2.318 0 00-.289-.174c-.255-.14-.515-.283-.582-.532-.068-.255.09-.516.243-.768a3.2 3.2 0 00.154-.274 3.038 3.038 0 00-.319-.006h-.012c-.29.006-.587.012-.77-.17-.182-.183-.176-.48-.17-.77v-.012a2.431 2.431 0 00-.006-.32 2.642 2.642 0 00-.274.155c-.253.154-.516.31-.768.243-.249-.067-.392-.327-.532-.581v-.001a2.677 2.677 0 00-.174-.286 2.33 2.33 0 00-.173.288l-.001.001c-.14.255-.283.515-.532.582-.255.067-.515-.09-.767-.244a3.267 3.267 0 00-.275-.154 3.038 3.038 0 00-.005.32v.012c.006.29.011.587-.171.77-.185.184-.488.178-.782.17a2.431 2.431 0 00-.319.006c.045.095.098.184.154.274.154.252.311.515.244.768-.068.246-.328.392-.583.532-.1.05-.196.11-.288.173.092.065.187.124.288.174h.001c.255.14.515.283.582.532.067.255-.09.516-.244.768a3.24 3.24 0 00-.154.274c.106.009.213.009.32.006h.011c.29-.006.588-.012.77.17.185.186.18.488.17.782a2.63 2.63 0 00.006.32c.096-.045.185-.098.275-.154.21-.132.428-.264.641-.264z",
-                fill: e
+                fill: l
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-online-offer-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        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 z = function z(_param) {
-    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, m = _param.children, r = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, v = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), l = c != null ? c : t ? e.inverse : e.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), l = c != null ? c : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, v), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M13.806 16.51c0 .451.28.731.731.731.451 0 .731-.28.731-.73 0-.452-.28-.732-.73-.732-.452 0-.732.28-.732.731zm.731-.168c.14 0 .171.028.171.171 0 .143-.028.17-.17.17-.144 0-.172-.027-.172-.17 0-.143.031-.17.171-.17zm-.484 2.745c0 .154.126.28.28.28a.265.265 0 00.218-.109l2.32-2.963a.28.28 0 00-.048-.393.28.28 0 00-.392.048l-2.32 2.964a.283.283 0 00-.058.173zm1.641-.414c0 .45.28.73.731.73.448 0 .731-.28.731-.73 0-.451-.28-.731-.73-.731-.452 0-.732.28-.732.73zm.731-.168c.14 0 .171.028.171.17 0 .143-.028.171-.17.171-.144 0-.172-.028-.172-.17 0-.143.031-.171.171-.171zM9.75 11.35a.561.561 0 001.12 0V8.867a.562.562 0 00-.56-.56.562.562 0 00-.56.56v2.485z",

package/dist/generated/mistica-icons/icon-online-reload-filled.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,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, n = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : t ? a.inverse : a.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = l != null ? l : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: l,
-        height: l,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.555 4.885c1.101 0 1.942.328 2.505.972.52.6.787 1.468.787 2.583v4.94c0 1.116-.264 1.984-.788 2.583-.563.642-1.406.97-2.504.97H5.446c-1.1 0-1.941-.328-2.504-.972-.521-.6-.787-1.468-.787-2.583V8.44c0-1.115.266-1.984.787-2.583.563-.644 1.406-.972 2.504-.972h13.11zM2.75 19.117h18.504c.308 0 .56-.252.56-.56a.562.562 0 00-.56-.56H2.749a.562.562 0 00-.56.56c0 .308.252.56.56.56zm7.602-7.08l.002-.006-.002-.011a.423.423 0 00-.328-.496.423.423 0 00-.496.327 6.74 6.74 0 00-.09.575l-.005.047c-.244-.428-.367-.98-.367-1.652 0-1.877.941-2.79 2.874-2.79a4.57 4.57 0 011.05.112.422.422 0 00.493-.303.423.423 0 00-.296-.515 5.33 5.33 0 00-1.247-.137c-2.395 0-3.714 1.288-3.714 3.63 0 .734.129 1.367.38 1.888l-.033-.009-.235-.064a.422.422 0 00-.224.812l.235.065.207.057c.335.093.548.152.67.175.07.014.137.022.207.022.384 0 .664-.235.754-.646.03-.136.052-.304.075-.474l.014-.104a6.55 6.55 0 01.076-.504zm5.297-2.891a.422.422 0 00.518-.295.413.413 0 00-.294-.51l-.235-.064-.236-.065a11.17 11.17 0 00-.644-.167c-.485-.098-.854.143-.958.627-.03.135-.053.303-.076.474l-.014.103a6.22 6.22 0 01-.075.504c-.003 0-.003.003-.003.006-.045.227.1.448.328.496a.422.422 0 00.495-.328 6.74 6.74 0 00.09-.574l.006-.048c.243.429.367.98.367 1.653 0 1.877-.941 2.79-2.874 2.79a4.493 4.493 0 01-1.04-.112.42.42 0 10-.196.818c.404.092.821.137 1.236.134 2.395 0 3.714-1.288 3.714-3.63 0-.734-.129-1.367-.38-1.888l.035.011.236.065z",
-            fill: i
+            fill: n
         })
     }));
 };