@telefonica/mistica 12.9.1 → 12.11.0

package/dist/generated/mistica-icons/icon-data-centre-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        return H;
     }
 });
-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 z = function z(_param) {
-    var v = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, m = _param.children, s = _objectWithoutProperties(_param, [
+var H = function H(_param) {
+    var v = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, n = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), r = v != null ? v : t ? c.inverse : c.neutralHigh;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = v != null ? v : r ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.18 3.854c.223 0 .37-.147.37-.37v-.74h5.92c.63 0 1.108.484 1.108 1.11v9.997c0 .223.147.37.37.37.222 0 .37-.147.37-.37V3.854A1.834 1.834 0 0018.464 2H8.481v2.593h-2.59v2.593H3.3V22h11.84V9.04a1.834 1.834 0 00-1.851-1.854h-6.66V5.333h1.109v.739c0 .223.147.37.37.37.222 0 .369-.147.369-.37v-.74h.739v.74c0 .223.146.37.369.37s.37-.147.37-.37v-.74h5.92c.63 0 1.108.484 1.108 1.11v12.59c0 .223.147.37.37.37.222 0 .369-.147.369-.37V6.447a1.835 1.835 0 00-1.852-1.854H9.22V2.744h1.109v.74c0 .223.146.37.369.37s.37-.147.37-.37v-.74h.738v.74c.005.223.152.37.374.37zm-6.659 9.073h2.037c.223 0 .37-.147.37-.37s-.147-.37-.37-.37H5.52c-.222 0-.37.147-.37.37s.148.37.37.37zm0 3.707h2.037c.223 0 .37-.147.37-.37s-.147-.37-.37-.37H5.52c-.222 0-.37.147-.37.37s.148.37.37.37zm2.037 3.517H5.52c-.222 0-.37-.147-.37-.37 0-.222.148-.37.37-.37h2.037c.223 0 .37.148.37.37 0 .223-.147.37-.37.37zm6.848-5.409v2.816H4.044v-2.816h10.362zm-10.362-.74v-2.886h10.362v2.887H4.044zm0 4.296h10.362v2.962H4.044v-2.962zM14.402 9.04v1.332H4.044V7.926h1.108v.74c0 .222.147.369.37.369.222 0 .369-.147.369-.37v-.74h.739v.74c0 .223.146.37.369.37s.37-.147.37-.37v-.74h5.92c.63.005 1.113.484 1.113 1.115zm4.812 7.035a.74.74 0 011.477 0 .74.74 0 01-1.478 0z",
-            fill: r
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-data-centre-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return l;
+        return H;
     }
 });
-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 l = function l(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, i = _param.children, c = _objectWithoutProperties(_param, [
+var H = function H(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, s = _param.children, c = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : a ? h.inverse : h.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), v = 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"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.246 2H8.524v2.5H6.092v2.501H3.66V22h11.808V9.145c0-1.18-.938-2.144-2.085-2.144H7.479v-1.07h8.335c.383 0 .694.32.694.714v12.141c0 .393.311.713.693.713.383 0 .694-.32.694-.713V6.645c0-1.18-.938-2.144-2.085-2.144h-5.9V3.43h8.336c.382 0 .694.32.694.713v12.142c0 .393.31.713.693.713.382 0 .694-.32.694-.713V4.144C20.33 2.964 19.393 2 18.247 2zm-4.165 13.93H5.05v-3.215h9.03v3.214zm-9.03 1.073h9.03v3.57H5.05v-3.57zm9.03-7.858v2.5H5.05V8.433h8.336c.382 0 .694.32.694.713zm-5.557 1.431H6.612a.544.544 0 01-.52-.535c0-.283.244-.535.52-.535h1.912c.275 0 .52.252.52.535a.544.544 0 01-.52.535zM6.612 14.86h1.912c.275 0 .52-.252.52-.535a.544.544 0 00-.52-.535H6.612a.544.544 0 00-.52.535c0 .283.244.535.52.535zm1.912 4.283H6.612a.544.544 0 01-.52-.535c0-.284.244-.535.52-.535h1.912c.275 0 .52.252.52.535a.544.544 0 01-.52.535z",
-            fill: n
+            fill: v
         })
     }));
 };

package/dist/generated/mistica-icons/icon-data-checked-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,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : r ? e.inverse : e.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : t ? _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"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M9.189 4.023c.179.515.854.963 1.963 1.294 1.171.347 2.706.54 4.345.54 1.638 0 3.176-.193 4.344-.54 1.084-.32 1.751-.75 1.947-1.252 0-.009.008-.017.008-.017-.145-.54-.8-.997-1.963-1.345-1.16-.35-2.706-.543-4.345-.543-1.636 0-3.182.193-4.353.543-1.1.328-1.775.788-1.955 1.303.005.005.007.007.008.01v.007zm2.493 8.243a.619.619 0 00-.866 0l-3.26 3.227-1.224-1.213a.619.619 0 00-.866 0l-.003.003a.605.605 0 00.003.854l1.658 1.645a.614.614 0 00.866 0l3.692-3.659.005-.005a.602.602 0 00-.005-.852zm2.072-.678c-.01.608-.028 1.32-.053 2.02l-.008.16c-.014.285-.031.568-.048.846l-.014.196c-.022.32-.047.627-.078.905a9.824 9.824 0 01-.09.672c-.008.039-.02.079-.033.12l-.014.045c-.208.698-.914 1.431-1.76 2.095l-.014.012c-.338.263-.697.518-1.056.75l-.002.003c-.647.42-1.32.804-2.009 1.151-1.476-.73-4.6-2.585-4.88-4.173-.251-1.432-.302-4.465-.313-5.802h.011c1.171 0 1.936-.5 2.622-.952l.006-.004c.707-.463 1.373-.9 2.551-.9h.003c.202 0 .384.016.555.041.38.048.75.16 1.098.328l.003.003c.154.076.305.157.45.246l.037.023c.14.084.277.174.415.263.68.448 1.437.944 2.633.944h.002l-.01.765-.003.243zm1.44-.77c.102.003.203.006.306.006 1.638 0 3.182-.185 4.341-.532 1.151-.348 1.785-.872 1.997-1.27V5.3c-.425.339-1.008.61-1.75.83-1.247.372-2.877.576-4.591.576-1.717 0-3.348-.204-4.594-.577-.76-.221-1.347-.507-1.776-.846v2.264a6.77 6.77 0 00-.552-.026H8.57c-1.546 0-2.44.586-3.228 1.104l-.005.003c-.75.49-1.344.874-2.423.714a.608.608 0 00-.76.585l.001.018c0 .364-.004 4.732.336 6.655.457 2.608 5.272 4.932 5.827 5.185a.613.613 0 00.523 0 21.04 21.04 0 002.653-1.513c1.129.289 2.521.457 4.003.457 1.63 0 3.173-.194 4.344-.541 1.33-.398 2.006-.941 2.006-1.6v-3.341c-.454.347-1.05.644-1.75.846-1.239.372-2.87.577-4.595.577-.238 0-.473-.01-.707-.02l-.139-.005c0-.008.003-.017.006-.027l.006-.021c.042-.23.075-.502.106-.793l.143.005c.193.008.387.015.585.015 1.639 0 3.182-.194 4.345-.54 1.151-.348 1.784-.872 1.997-1.27v-3.756c-.454.347-1.05.636-1.75.838-1.239.372-2.869.577-4.594.577-.132 0-.261-.005-.39-.01a27.263 27.263 0 00-.131-.004 102.103 102.103 0 00.01-.846c.07 0 .137.003.205.005z",
             fill: i

package/dist/generated/mistica-icons/icon-data-checked-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return o;
     }
 });
-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 d = function d(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, l = _objectWithoutProperties(_param, [
+var o = function o(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : r ? t.inverse : t.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.838 4.91c0-1.002-.807-1.75-2.404-2.23-1.137-.341-2.63-.529-4.199-.529-1.568 0-3.061.188-4.198.532-1.325.395-2.11.99-2.337 1.762v.003a1.69 1.69 0 00-.064.462v2.824a2.572 2.572 0 01-.087-.005 1.736 1.736 0 00-.126-.006h-.006c-1.501 0-2.378.577-3.148 1.087l-.004.002c-.791.523-1.416.936-2.607.748a.431.431 0 00-.35.076.413.413 0 00-.157.322v.022c0 .392-.005 4.782.336 6.71.451 2.584 5.541 5.008 5.757 5.108a.398.398 0 00.35 0c.907-.44 1.781-.94 2.616-1.504 1.12.314 2.538.488 4.028.488 1.563 0 3.053-.188 4.199-.53 1.594-.479 2.4-1.23 2.4-2.232V4.91zm-12.33-.269c.156-.47.761-.876 1.764-1.176 1.064-.32 2.47-.493 3.963-.493 1.493 0 2.9.176 3.964.493 1.04.31 1.633.717 1.779 1.204a.052.052 0 01-.006.009.058.058 0 00-.006.008c-.17.454-.778.846-1.759 1.14-1.061.317-2.465.493-3.96.493-1.493 0-2.9-.176-3.961-.493-1.003-.302-1.616-.708-1.773-1.176-.003-.003-.006-.006-.006-.009zm-.051 1.216c.392.3.921.552 1.593.75 1.135.34 2.625.527 4.197.527 1.574 0 3.061-.184 4.198-.526.664-.202 1.185-.446 1.572-.734v3.358c-.196.359-.762.838-1.81 1.152-1.061.32-2.467.495-3.96.495-.145 0-.288-.004-.43-.01l-.133-.003c.004-.44.003-.753.003-.866v-.04a.411.411 0 00-.157-.307.422.422 0 00-.342-.093c-1.207.185-1.828-.226-2.62-.75h-.002c-.572-.379-1.205-.796-2.11-.984V5.857zm4.092 10.69c-.302 1.727-3.65 3.7-5.129 4.425-1.479-.726-4.823-2.695-5.129-4.426-.271-1.546-.313-4.905-.319-6.129 1.23.062 2.006-.434 2.748-.924l.004-.003c.74-.489 1.438-.95 2.69-.95h.006c1.252.003 1.953.463 2.692.953l.023.015c.73.48 1.483.976 2.728.904-.006 1.218-.048 4.585-.314 6.134zm-2.723-4.074a.41.41 0 01.583.577l-.003.003-3.722 3.712a.41.41 0 01-.58 0l-1.675-1.67a.407.407 0 01-.003-.577l.003-.003c.16-.16.42-.16.582 0l1.381 1.378 3.434-3.42zm8.373 6.992c-1.07.32-2.476.496-3.964.493-1.14 0-2.23-.104-3.16-.294 1.104-.863 2.093-1.905 2.28-2.978.023-.131.046-.28.065-.434.272.014.544.025.824.025 1.571 0 3.061-.187 4.199-.53.627-.187 1.156-.447 1.571-.755v3.028c0 .599-.61 1.084-1.815 1.445zm-4.527-7.784l.141.004c.144.005.288.01.436.01 1.569 0 3.06-.188 4.196-.53.628-.187 1.157-.445 1.572-.753v3.4c-.196.359-.765.838-1.81 1.152-1.061.319-2.467.493-3.96.493-.247 0-.488-.011-.732-.023h-.008c.1-1.185.149-2.638.165-3.753z",
             fill: i

package/dist/generated/mistica-icons/icon-data-checked-regular.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 c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, l = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : r ? a.inverse : a.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.84 5.075c0-1.078-.841-1.877-2.497-2.375-1.131-.34-2.613-.527-4.179-.541-1.557 0-3.039.188-4.17.527-1.37.411-2.186 1.039-2.424 1.865a1.843 1.843 0 00-.072.513V7.62h-.012c-1.528 0-2.41.582-3.191 1.097l-.002.001-.007.005c-.736.49-1.316.877-2.385.707a.604.604 0 00-.75.582v.022c-.001.389-.006 4.704.33 6.606.454 2.59 5.213 4.899 5.753 5.154a.597.597 0 00.516.003 21.21 21.21 0 002.526-1.437c1.098.294 2.46.46 3.894.46 1.554 0 3.036-.189 4.173-.527 1.656-.496 2.496-1.297 2.496-2.376V5.075zM9.788 4.809c.17-.364.706-.7 1.56-.958 1.02-.305 2.378-.474 3.82-.476 1.446 0 2.805.168 3.824.473.636.193 1.373.51 1.577.972-.168.364-.717.703-1.568.958-1.023.305-2.378.473-3.821.473-1.44 0-2.798-.168-3.82-.473-.866-.258-1.41-.602-1.572-.97zm-.076 1.577c.35.21.785.392 1.3.546 1.134.339 2.613.524 4.17.524 1.555 0 3.037-.188 4.169-.527a5.87 5.87 0 001.28-.535V9.24c-.182.303-.686.72-1.627 1.003-1.023.308-2.379.476-3.821.476-.078 0-.155-.002-.232-.005a14.85 14.85 0 00-.118-.003l.002-.69a.615.615 0 00-.224-.453.626.626 0 00-.495-.134c-1.101.173-1.687-.213-2.426-.704-.544-.358-1.146-.747-1.978-.952V6.386zm3.605 10.056c-.277 1.577-3.364 3.417-4.826 4.146-1.46-.729-4.543-2.57-4.82-4.149-.25-1.42-.3-4.434-.309-5.762 1.14-.005 1.922-.496 2.602-.947l.01-.005c.696-.458 1.357-.89 2.517-.89h.003c1.168.002 1.826.436 2.526.898l.007.004c.67.442 1.415.932 2.593.932h.003c-.009 1.325-.06 4.347-.306 5.773zm-2.608-4.098a.605.605 0 01.855 0 .602.602 0 010 .851l-3.647 3.633a.605.605 0 01-.852 0l-1.638-1.633a.602.602 0 010-.851.605.605 0 01.854 0l1.21 1.207 3.218-3.207zm8.286 6.798c-1.028.308-2.386.476-3.826.476-.93 0-1.815-.075-2.61-.21.963-.812 1.775-1.762 1.949-2.759v-.003l.022-.141c.005-.038.01-.076.017-.113l.127.005c.167.007.334.014.506.014 1.557 0 3.04-.188 4.168-.527a5.6 5.6 0 001.28-.557v2.591c0 .605-.888 1-1.633 1.224zm-4.18-7.227c.06 0 .12.002.18.004.062.003.124.005.188.005 1.554 0 3.036-.188 4.168-.527a5.6 5.6 0 001.28-.557v2.89c-.182.303-.69.72-1.627 1.003-1.02.306-2.376.474-3.821.474-.129 0-.256-.005-.383-.01a25.884 25.884 0 00-.124-.004c.081-1.056.12-2.28.14-3.278z",
-            fill: n
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-data-cloud-filled.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
 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,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, a = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, i = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), l = t != null ? t : r ? i.inverse : i.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), a = t != null ? t : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
     return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.182 9.255a.74.74 0 001.023.279.77.77 0 00.268-1.047 3.73 3.73 0 00-1.224-1.29c.564-2.146 2.486-3.672 4.684-3.672 2.175 0 4.102 1.501 4.68 3.642.11.406.52.646.918.533a.766.766 0 00.52-.938C18.297 3.96 15.783 2 12.935 2c-2.82 0-5.297 1.921-6.085 4.644a3.463 3.463 0 00-.636-.063c-2.06 0-3.733 1.71-3.733 3.818 0 2.107 1.673 3.818 3.733 3.818a.755.755 0 00.746-.763.755.755 0 00-.746-.762c-1.238 0-2.242-1.027-2.242-2.293 0-1.266 1.009-2.293 2.242-2.293.817 0 1.568.44 1.97 1.149zm6.845.034a.36.36 0 01.301 0l5.588 2.503-5.74 2.938-5.741-2.938 5.592-2.503zm-6.195 9.514c0 .146.082.278.206.342L14.62 22v-6.282L8.832 12.76v6.043zm6.907-3.085l5.789-2.958v6.043a.384.384 0 01-.206.342L15.74 22v-6.282z",
-            fill: l
+            fill: a
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.183 5.83c2.325.207 4.658 1.627 4.658 5.039 0 3.756-2.84 5.095-5.271 5.095h-.41v1.37c-.148.266-.574.616-1.358.848-.795.241-1.84.37-2.955.37-1.12 0-2.168-.126-2.964-.37-.703-.207-1.218-.52-1.375-.84v-1.353l-.032.01a.265.265 0 01-.074.015l-.9.009c-2.103 0-4.347-1.115-4.347-4.247 0-2.45 1.375-3.468 2.448-3.885.196-5.445 5.412-5.728 6.474-5.728.818-.003 4.862.182 6.106 3.666zm-.588 8.946c.966-.022 4.02-.297 4.02-3.91 0-3.387-2.734-3.838-3.905-3.869a.604.604 0 01-.575-.44c-.834-3.044-4.361-3.195-5.058-3.195-1.236 0-5.247.344-5.247 4.846v.112c0 .266-.18.504-.442.577-1.337.37-2.006 1.339-2.006 2.876 0 2.748 2.176 3.045 3.118 3.045l.893-.008h.009c.05 0 .072 0 .106.008.31.216.711.41 1.21.552.843.25 1.955.387 3.126.387 1.17 0 2.275-.138 3.118-.387.482-.137.885-.328 1.196-.56l.437-.034zM7.55 10.614c.123.347.58.65 1.336.87.796.236 1.84.365 2.958.365 1.115 0 2.163-.132 2.958-.364.737-.219 1.19-.507 1.325-.843 0-.006.006-.011.006-.011-.098-.367-.547-.673-1.337-.905-.79-.233-1.84-.364-2.957-.364-1.115 0-2.169.131-2.964.364-.75.221-1.207.53-1.33.876l.005.007v.005zm4.294 4.574c-1.115 0-2.162-.126-2.958-.359-.709-.21-1.221-.529-1.378-.848v-2.518c.291.226.692.42 1.21.568.849.25 1.958.387 3.126.387s2.277-.138 3.126-.387c.507-.148.902-.33 1.19-.557v2.501c-.142.269-.574.62-1.358.854-.793.233-1.843.359-2.958.359zm3.126 3.54c-.843.25-1.952.387-3.126.387-1.168 0-2.28-.134-3.123-.39-.496-.148-.908-.341-1.21-.562v2.24c0 .446.46.81 1.364 1.076.804.233 1.854.364 2.963.364 1.113 0 2.163-.128 2.958-.364.905-.266 1.365-.63 1.365-1.075V18.16a3.677 3.677 0 01-1.19.569z",
-            fill: l
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-data-cloud-light.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        return p;
     }
 });
 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,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var z = function z(_param) {
-    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, m = _param.children, e = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), v = ref.skinName, t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = l != null ? l : n ? t.inverse : t.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), t = l != null ? l : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), v = ref.skinName;
     return v.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
@@ -105,7 +106,7 @@ var z = function z(_param) {
     }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M7.274 7.754c.395.231.736.566.97.975a.397.397 0 00.527.148.388.388 0 00.136-.527 3.438 3.438 0 00-1.15-1.192.562.562 0 00.004-.05l.005-.049c.346-2.443 2.453-4.286 4.901-4.286a4.94 4.94 0 014.067 2.143.38.38 0 00.531.094.39.39 0 00.093-.537A5.717 5.717 0 0012.667 2c-2.78 0-5.174 2.06-5.632 4.813a3.474 3.474 0 00-1.127-.197c-1.892 0-3.428 1.551-3.428 3.463 0 1.911 1.536 3.463 3.428 3.463.21 0 .38-.172.38-.384a.383.383 0 00-.38-.385c-1.473 0-2.667-1.207-2.667-2.694 0-1.488 1.194-2.695 2.667-2.695.415 0 .82.099 1.18.276a.37.37 0 00.186.094zM17.339 6.61c0-.424.341-.769.76-.769.42 0 .761.345.761.769a.766.766 0 01-.76.768.762.762 0 01-.761-.768zm4.188 5.373v.006s0 .005-.004.005v6.542c0 .148-.083.28-.21.345l-6.096 3.079c-.005.002-.008.002-.011.002a.42.42 0 01-.16.037.42.42 0 01-.15-.035c-.005-.002-.009-.002-.012-.002-.003 0-.005 0-.008-.002L8.78 18.88a.386.386 0 01-.21-.344v-6.552c0-.005.002-.008.003-.012a.037.037 0 00.003-.012c0-.025.004-.05.01-.074l.007-.018a.228.228 0 01.022-.044.512.512 0 00.014-.027.09.09 0 01.025-.034.313.313 0 01.039-.045l.017-.015.017-.014.012-.01a.046.046 0 01.012-.01.04.04 0 01.02-.011h.002a.1.1 0 00.007-.004.066.066 0 01.02-.015l6.096-2.694a.371.371 0 01.307 0l6.095 2.694.01.008a.061.061 0 01.01.007l.03.015a.035.035 0 01.011.01.047.047 0 00.013.01c.014.01.024.02.034.03a.323.323 0 01.02.021.128.128 0 00.019.023c.01.01.02.024.024.034.01.013.015.026.02.04l.01.02c.004.009.01.019.014.034a.395.395 0 01.005.034c.001.011.002.022.005.035 0 .005 0 .01.002.014v.003l.002.006zm-1.277.036l-5.198-2.296-5.199 2.296 5.199 2.625 5.198-2.625zm-10.914.6v5.685l5.335 2.69v-5.68L9.336 12.62zm11.43 5.685V12.62l-5.334 2.694V21l5.335-2.695z",
-            fill: i
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
@@ -115,7 +116,7 @@ var z = function z(_param) {
     }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.062 2.156c.82 0 4.907.182 6.086 3.773 1.412.107 4.69.813 4.69 5.014 0 4.807-4.306 5.048-5.174 5.048l-.376.008v3.905c0 .72-.56 1.258-1.672 1.588-.762.224-1.756.348-2.793.348-1.044 0-2.033-.123-2.792-.348-1.12-.33-1.68-.868-1.68-1.588v-3.863c-.01 0-.016.003-.022.005a.06.06 0 01-.02.004h-.92c-2.047 0-4.238-1.093-4.238-4.171 0-2.507 1.454-3.49 2.507-3.874.11-5.569 5.342-5.849 6.404-5.849zm5.226 13.017l.376-.008c1.02 0 4.339-.297 4.336-4.222 0-3.692-2.927-4.17-4.188-4.204a.425.425 0 01-.392-.305c-.885-3.286-4.622-3.451-5.358-3.451-1.311 0-5.575.372-5.575 5.212l.009.11a.408.408 0 01-.303.395c-1.465.414-2.207 1.482-2.207 3.179 0 3.02 2.373 3.342 3.403 3.342h.92l.013.003a.1.1 0 00.028.005v-3.857c0-.115.017-.233.05-.339.16-.555.704-.975 1.63-1.25 1.513-.453 4.065-.453 5.586 0 1.112.334 1.672.872 1.672 1.592v3.798zm-7.022-4.591c-.56.165-.91.378-1.028.62.11.232.468.453 1.036.63 1.365.405 3.74.405 5.101 0 .566-.166.928-.387 1.037-.62-.135-.308-.62-.507-1.037-.63-.686-.207-1.588-.314-2.549-.314-.972 0-1.874.107-2.56.314zm6.188 3.557s0-1.88.003-1.876a3.945 3.945 0 01-.835.364c-.754.224-1.748.347-2.793.347-1.036 0-2.03-.123-2.784-.347-.3-.09-.586-.216-.855-.373v1.894c.11.188.443.454 1.087.644 1.362.406 3.737.406 5.107 0 .619-.182.952-.454 1.07-.653zm-1.07 3.63c.619-.181.952-.453 1.07-.652v-1.902c-.26.16-.54.286-.835.373-.753.224-1.748.347-2.784.347-1.045 0-2.04-.123-2.793-.347a3.994 3.994 0 01-.854-.364v1.901c.109.197.434.454 1.095.645 1.356.406 3.731.406 5.1 0zm1.07 2.138v-1.714a3.24 3.24 0 01-.835.372c-.753.221-1.748.348-2.784.348-1.045 0-2.04-.124-2.793-.348a3.842 3.842 0 01-.854-.364v1.706c0 .387.585.644 1.078.793 1.381.406 3.737.406 5.11 0 .492-.149 1.078-.404 1.078-.793z",
-            fill: i
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-data-cloud-regular.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
 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,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, m = _param.children, e = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.skinName, v = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : r ? v.inverse : v.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), v = c != null ? c : t ? _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: a,
         height: a,
@@ -105,7 +106,7 @@ var f = function f(_param) {
     }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M6.131 7.92c.802 0 1.538.427 1.932 1.115a.725.725 0 00.998.27.748.748 0 00.268-1.014 3.634 3.634 0 00-1.2-1.252c.553-2.08 2.437-3.56 4.594-3.56 2.133 0 4.022 1.455 4.59 3.532a.732.732 0 00.9.516.742.742 0 00.51-.91c-.74-2.716-3.206-4.617-6-4.617-2.766 0-5.195 1.863-5.968 4.503a3.432 3.432 0 00-.624-.061c-2.02 0-3.661 1.659-3.661 3.702s1.64 3.702 3.661 3.702a.736.736 0 00.732-.74.736.736 0 00-.732-.739c-1.214 0-2.198-.995-2.198-2.223 0-1.228.989-2.223 2.198-2.223zm15.382 4.059a.155.155 0 00-.007-.043l-.002-.01a.647.647 0 00-.024-.137l-.028-.071a.747.747 0 00-.037-.08l-.015-.03a.34.34 0 00-.023-.032 1.215 1.215 0 00-.098-.118.355.355 0 00-.076-.06l-.008-.008a.134.134 0 00-.029-.023l-.026-.012-.026-.012-.011-.008a.093.093 0 00-.026-.015l-5.86-2.593a.74.74 0 00-.586 0L8.77 11.32c-.007.002-.013.007-.019.012-.006.004-.012.01-.019.011-.008.004-.015.008-.023.01l-.028.014a.103.103 0 00-.028.021.708.708 0 01-.038.031 1.199 1.199 0 00-.169.194.77.77 0 00-.062.133.623.623 0 00-.04.174v.007a.12.12 0 01-.006.028.12.12 0 00-.004.028v6.315c0 .28.154.535.403.663l5.86 2.963a.494.494 0 00.09.033l.027.01a.332.332 0 00.02.007l.008.002a.766.766 0 00.183.024.807.807 0 00.211-.033.603.603 0 01.014-.005l.009-.003.005-.002.017-.005a.512.512 0 00.072-.028l5.86-2.963a.74.74 0 00.404-.663v-6.3c-.005-.005-.005-.005-.005-.01v-.01zm-6.592-1.764l4.135 1.83-4.135 2.086-4.134-2.09 4.134-1.826zm-.73 5.205v4.636l-4.398-2.223v-4.636l4.397 2.223zm5.86 2.418l-4.398 2.218v-4.64l4.397-2.224v4.646z",
-            fill: t
+            fill: v
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: a,
@@ -115,7 +116,7 @@ var f = function f(_param) {
     }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M4.607 7.95c.199-5.512 5.411-5.795 6.476-5.795.82 0 4.854.18 6.103 3.706 2.325.218 4.65 1.647 4.65 5.106 0 3.801-2.84 5.146-5.271 5.146l-.163.008v3.622c0 .552-.302 1.306-1.784 1.75-.768.228-1.76.348-2.79.348-1.042 0-2.034-.12-2.793-.347-1.482-.445-1.792-1.199-1.792-1.75v-3.575h-.737c-2.104 0-4.356-1.129-4.356-4.289 0-2.479 1.384-3.51 2.457-3.93zm11.798 3.435v3.518l.165-.009c.95 0 4.042-.283 4.042-3.93 0-3.436-2.725-3.882-3.896-3.915a.618.618 0 01-.583-.454c-.826-3.073-4.355-3.227-5.05-3.227-1.235 0-5.255.347-5.255 4.902l.008.106a.6.6 0 01-.442.583c-1.333.38-2.014 1.361-2.014 2.919 0 2.773 2.185 3.072 3.126 3.072h.737v-3.565c0-.138.016-.267.058-.39.174-.616.762-1.07 1.729-1.361 1.532-.454 4.07-.454 5.59 0 1.482.437 1.785 1.19 1.785 1.75zm-4.577-.883c-.924 0-1.793.107-2.44.3-.456.132-.711.283-.835.417.115.12.376.283.844.42 1.294.39 3.577.39 4.87 0 .46-.137.712-.294.835-.414-.137-.154-.425-.3-.834-.431-.656-.185-1.524-.292-2.44-.292zm3.347 3.527h-.003v-1.434a4.588 4.588 0 01-.557.21c-.762.227-1.75.347-2.79.347-1.042 0-2.033-.129-2.793-.347a4.4 4.4 0 01-.565-.219v1.46c.1.123.353.325.927.495 1.294.39 3.577.39 4.87 0 .542-.156.813-.375.911-.512zm-.91 3.426c.54-.154.812-.373.91-.51v-1.451a3.668 3.668 0 01-.549.21c-.764.227-1.762.347-2.792.347-1.05 0-2.04-.12-2.793-.347a5.598 5.598 0 01-.574-.21v1.468c.092.12.353.322.927.493 1.294.389 3.577.389 4.87 0zm.91 2.288h.003v-1.328a3.973 3.973 0 01-.549.21c-.765.227-1.762.348-2.793.348-1.05 0-2.039-.12-2.792-.348a5.552 5.552 0 01-.575-.21v1.328c0 .193.353.412.916.583 1.303.39 3.572.39 4.88 0 .566-.168.91-.39.91-.583z",
-            fill: t
+            fill: v
         })
     }));
 };

package/dist/generated/mistica-icons/icon-data-distribution-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 c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, a = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, s = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), n = c != null ? c : l ? t.inverse : t.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), v = c != null ? c : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.063 3.294c.112.314.532.586 1.226.788.732.212 1.692.33 2.723.333 1.022 0 1.983-.118 2.714-.33.678-.197 1.093-.46 1.216-.763 0-.005.006-.01.006-.01-.093-.328-.502-.609-1.227-.819-.726-.213-1.692-.33-2.717-.33-1.025 0-1.992.117-2.723.33-.689.2-1.11.477-1.221.793.003.003.003.003.003.008zM21.838 19.43l.003.176c-.014 1.034-.658 2.238-2.417 2.238-1.76 0-2.395-1.198-2.406-2.227v-.19c.022-.893.515-1.921 1.79-2.176v-1.252H5.18l.006 1.252c1.28.249 1.773 1.28 1.79 2.179l.003.18c-.02 1.033-.662 2.237-2.418 2.237-1.759 0-2.395-1.199-2.406-2.227 0-.061 0-.131.003-.19.022-.894.515-1.919 1.784-2.174l-.008-1.857a.576.576 0 01.182-.426.627.627 0 01.442-.176h6.79a.21.21 0 00-.007-.032c-.003-.013-.007-.027-.007-.041v-1.275c-.767-.039-1.482-.145-2.053-.308-.832-.243-1.255-.571-1.255-.974v-2.031c.277.201.658.375 1.11.51.778.226 1.798.35 2.87.35 1.079 0 2.099-.123 2.872-.35a3.347 3.347 0 001.095-.516v2.034c0 .403-.423.73-1.255.975-.591.17-1.336.277-2.137.313v1.27c0 .016-.005.03-.01.046l-.007.026h6.868c.345 0 .622.269.622.602v1.857c1.28.25 1.77 1.278 1.784 2.177zM4.572 18.395c-.944 0-1.156.58-1.168 1.065l-.002.14v.002c.005.69.397 1.037 1.16 1.037.764 0 1.159-.356 1.17-1.053v-.135c-.011-.482-.218-1.056-1.16-1.056zm16.023 1.196l-.003-.14c-.008-.473-.213-1.036-1.12-1.053a.075.075 0 00-.021.004c-.008.002-.015.004-.021.004-.008 0-.014-.002-.02-.004a.061.061 0 00-.02-.004c-.907.02-1.117.583-1.129 1.062v.142c.009.692.401 1.043 1.163 1.043.767 0 1.162-.353 1.17-1.054zM9.289 7.11c-.65-.19-1.12-.48-1.263-.768V4.06c.266.207.636.384 1.11.516.778.226 1.798.35 2.87.35 1.073 0 2.09-.124 2.872-.35.462-.135.826-.3 1.095-.505v2.266c-.135.244-.53.563-1.25.774-.725.212-1.691.324-2.714.324-1.028 0-1.989-.112-2.72-.324zM8.026 9.38c.143.294.614.577 1.263.768.732.213 1.692.33 2.72.33 1.023 0 1.99-.117 2.715-.33.72-.213 1.114-.532 1.249-.773V7.087c-.286.21-.658.387-1.095.51-.773.227-1.796.35-2.871.35-1.073 0-2.093-.123-2.872-.35a3.678 3.678 0 01-1.109-.504V9.38z",
-            fill: n
+            fill: v
         })
     }));
 };

package/dist/generated/mistica-icons/icon-data-distribution-light.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,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var c = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, l = _param.children, i = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, l = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), r = c != null ? c : a ? e.inverse : e.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), e = c != null ? c : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.014 17.404c1.305.187 1.807 1.21 1.823 2.106l-.002.185c-.017.989-.617 2.146-2.258 2.146s-2.233-1.152-2.244-2.135c0-.061 0-.131.003-.19.02-.897.527-1.922 1.826-2.11v-2.26H4.815l.009 2.26c1.305.185 1.809 1.21 1.829 2.107v.18c-.014.988-.617 2.145-2.258 2.145-1.642 0-2.235-1.154-2.244-2.137v-.003l.003-.18c.022-.899.527-1.924 1.826-2.114l-.01-2.681c0-.235.19-.423.422-.423h7.137v-.9c-.773-.027-1.507-.13-2.086-.302-1.275-.383-1.544-1.016-1.544-1.481V3.936c0-.107.014-.216.045-.32.148-.518.653-.907 1.496-1.16 1.372-.408 3.672-.405 5.036 0 1.025.306 1.544.805 1.544 1.48v7.678c0 .465-.27 1.1-1.541 1.482-.585.173-1.322.277-2.104.305v.9h7.216a.42.42 0 01.423.42v2.683zM9.684 3.264c-.468.143-.774.325-.88.515.1.19.414.378.888.521 1.213.361 3.33.361 4.546 0 .616-.185.818-.386.888-.513-.137-.26-.6-.434-.893-.523-.608-.182-1.415-.28-2.275-.28-.857 0-1.667.098-2.275.28zm-.939 6.902v1.45c0 .342.588.57.938.673 1.225.364 3.328.361 4.55 0 .347-.104.935-.33.935-.672v-1.451a3.421 3.421 0 01-.686.294c-.684.207-1.577.319-2.518.319-.942 0-1.835-.115-2.519-.32a3.761 3.761 0 01-.7-.293zm-2.938 9.36c-.012-.492-.205-1.318-1.395-1.316-1.194 0-1.395.832-1.406 1.328l-.003.16c.003.484.19 1.297 1.395 1.297 1.207 0 1.4-.824 1.409-1.317v-.151zm13.773 1.469c1.207 0 1.4-.827 1.409-1.317v-.151c-.011-.485-.202-1.294-1.359-1.314l-.018.004a.064.064 0 01-.024.005.073.073 0 01-.021-.005c-.007-.002-.013-.004-.018-.004-1.154.02-1.353.832-1.364 1.322l-.003.157v.003c.006.485.193 1.3 1.398 1.3zM9.448 7.776a3.822 3.822 0 01-.703-.291h-.003v1.619c.096.157.381.38.947.549 1.213.361 3.333.361 4.546 0 .505-.151.818-.381.933-.56v-1.61a3.379 3.379 0 01-.686.293c-.686.205-1.58.317-2.518.317-.939 0-1.832-.112-2.516-.317zm0-2.67a3.769 3.769 0 01-.7-.29V6.42c.098.163.384.381.947.55 1.213.36 3.327.36 4.546 0 .504-.155.815-.384.93-.563V4.82a3.45 3.45 0 01-.69.286c-.683.204-1.58.316-2.517.316-.939 0-1.832-.112-2.516-.316z",
-            fill: r
+            fill: e
         })
     }));
 };

package/dist/generated/mistica-icons/icon-data-distribution-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return h;
     }
 });
-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 c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, s = _param.children, r = _objectWithoutProperties(_param, [
+var h = function h(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, s = _param.children, v = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, v = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : v ? t.inverse : t.neutralHigh;
+    var e = (0, _themeVariantContextJs.useIsInverseVariant)(), l = c != null ? c : e ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, v), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.062 17.113c1.28.258 1.77 1.316 1.784 2.24a1.91 1.91 0 010 .186c-.014 1.064-.658 2.305-2.417 2.305-1.762 0-2.398-1.235-2.406-2.294v-.185c.022-.927.518-1.986 1.79-2.25v-1.293H5.185l.006 1.29c1.28.256 1.77 1.317 1.79 2.242v.185c-.014 1.064-.655 2.305-2.417 2.305-1.76 0-2.395-1.235-2.407-2.294 0-.065 0-.135.003-.196.023-.919.516-1.975 1.785-2.238l-.009-1.91a.619.619 0 01.625-.622h6.793a.232.232 0 00-.008-.036c-.003-.013-.007-.026-.007-.04v-.93c-.703-.04-1.36-.14-1.893-.3-1.37-.409-1.658-1.123-1.658-1.647V4.113c0-.129.02-.255.053-.373.168-.577.706-1.005 1.605-1.274 1.38-.412 3.672-.412 5.053 0 1.367.409 1.656 1.123 1.656 1.647v7.518c0 .524-.289 1.238-1.656 1.647-.538.16-1.202.26-1.91.3v.93c0 .016-.005.03-.01.044a.163.163 0 00-.007.032h6.868c.342 0 .622.277.622.619v1.91zM9.804 3.65c-.355.106-.549.218-.655.305.106.09.303.205.664.311 1.148.345 3.182.345 4.33 0 .37-.11.56-.221.659-.302-.118-.099-.325-.213-.664-.314-.574-.171-1.348-.266-2.168-.266-.821 0-1.588.092-2.165.266zm-.77 6.885v1.092c0 .112.241.306.773.457 1.154.345 3.177.345 4.334 0 .526-.157.767-.347.767-.46V10.54l-.02.009a3.308 3.308 0 01-.386.145c-.686.204-1.583.32-2.524.32-.941 0-1.837-.113-2.526-.32a4.607 4.607 0 01-.34-.126l-.078-.031zm-3.294 8.84c-.011-.496-.218-1.087-1.16-1.084-.944 0-1.156.597-1.168 1.098l-.002.146v.003c.005.708.395 1.067 1.16 1.067.767 0 1.159-.364 1.17-1.084v-.146zm13.692 1.227c.767 0 1.16-.364 1.168-1.084v-.134c-.008-.499-.213-1.076-1.12-1.093a.075.075 0 00-.021.004.075.075 0 01-.021.005.061.061 0 01-.02-.005.061.061 0 00-.02-.004c-.904.02-1.114.6-1.126 1.093v.154c.009.706.398 1.064 1.16 1.064zM9.102 7.94l-.068-.028v1.194c.087.095.306.26.779.403 1.148.344 3.182.344 4.33 0 .42-.126.662-.3.765-.417V7.91l-.02.01a3.305 3.305 0 01-.386.144c-.686.205-1.583.32-2.524.32-.941 0-1.837-.112-2.526-.32-.126-.037-.238-.082-.35-.126zm.35-2.487a3.384 3.384 0 01-.395-.148l-.02-.009V6.48c.084.092.3.26.776.4 1.151.345 3.182.345 4.33 0 .418-.126.664-.3.765-.417V5.301l-.022.009c-.121.05-.241.1-.384.142-.686.204-1.583.32-2.524.32-.941 0-1.837-.113-2.526-.32z",
-            fill: i
+            fill: l
         })
     }));
 };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return h;
     }
 });
-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 d = function d(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, m = _param.children, n = _objectWithoutProperties(_param, [
+var h = function h(_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)(), r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : s ? r.inverse : r.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : n ? _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"
-    }, n), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M5.09 4.125c.197.549.94 1.022 2.155 1.373 1.283.366 2.97.574 4.765.571 1.798 0 3.484-.207 4.767-.574 1.19-.342 1.919-.799 2.135-1.328 0-.008.01-.017.01-.017-.159-.574-.879-1.059-2.153-1.426-1.275-.367-2.97-.574-4.768-.574-1.798 0-3.493.207-4.776.574-1.207.35-1.946.835-2.143 1.381.006.007.008.01.008.013v.007zm13.88 1.356c-.467.358-1.103.647-1.918.88-1.367.391-3.157.607-5.04.61-1.88 0-3.669-.216-5.036-.61-.835-.233-1.482-.539-1.95-.897v3.975c.253.501 1.076 1.002 2.219 1.336 1.286.37 2.97.566 4.767.566 1.799 0 3.493-.2 4.768-.566 1.263-.37 1.955-.925 2.19-1.348V5.481zm-6.958 6.753c1.891 0 3.681-.216 5.04-.61.767-.216 1.423-.521 1.918-.888v3.983c-.235.423-.927.977-2.19 1.344-1.275.367-2.97.575-4.768.575-1.798 0-3.484-.208-4.767-.575-1.143-.33-1.966-.826-2.219-1.336v-3.98c.5.35 1.152.655 1.95.88 1.367.391 3.154.607 5.036.607zm5.04 4.69c-1.359.394-3.149.61-5.04.61-1.882 0-3.669-.216-5.039-.61-.798-.236-1.462-.539-1.95-.889v3.532c0 .7.743 1.272 2.202 1.695 1.294.367 2.99.574 4.776.574 1.79 0 3.485-.204 4.768-.574 1.462-.42 2.201-.994 2.201-1.695v-3.54c-.495.367-1.15.68-1.918.896z",
             fill: c

package/dist/generated/mistica-icons/icon-data-light.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,13 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_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 r = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : i ? c.inverse : c.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = r != null ? r : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: t,
         height: t,