@telefonica/mistica 12.9.1 → 12.11.0

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,21 +91,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var v = function v(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, a = _param.children, s = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, a = _param.children, t = _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)(), l = 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), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.518 3.853v16.294c0 1.019-.79 1.853-1.765 1.853H4.235c-.97 0-1.765-.83-1.765-1.853V3.853C2.47 2.834 3.26 2 4.235 2h15.522c.97.005 1.76.834 1.76 1.853zm-9.878 9.905c.875 0 1.589-.872 1.589-1.943 0-1.07-.713-1.943-1.59-1.943-.875 0-1.589.872-1.589 1.943 0 1.071.714 1.943 1.59 1.943zm4.415-3.796h.88c.876 0 1.59.825 1.59 1.848 0 1.024-.714 1.853-1.59 1.853h-.88V9.962zm-8.253-.753l-1.269 3.464L5.265 9.21a.518.518 0 00-.682-.318.56.56 0 00-.302.716l1.756 4.815.002.005.002.004a.44.44 0 00.073.128.027.027 0 00.009.012.594.594 0 00.117.111.447.447 0 00.104.057.525.525 0 00.19.038.525.525 0 00.171-.033c.005 0 .01 0 .018-.005a.447.447 0 00.117-.066c.03-.019.052-.044.077-.07l.018-.02c.01-.01.014-.014.018-.024a.577.577 0 00.073-.128l.002-.004.002-.005 1.765-4.815c.095-.285-.04-.607-.311-.716a.52.52 0 00-.682.318zm6.488 2.606c0-1.682-1.188-3.057-2.646-3.057S9 10.128 9 11.815c0 1.687 1.187 3.057 2.645 3.057s2.646-1.374 2.646-3.057zm2.645-2.962h-1.941v5.924h1.941c1.459 0 2.646-1.327 2.646-2.962 0-1.635-1.187-2.962-2.646-2.962z",
-            fill: n
+            fill: l
         })
     }));
 };

package/dist/generated/mistica-icons/icon-vod-light.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, l = _param.children, t = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, l = _param.children, e = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), r = c != null ? c : h ? a.inverse : a.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), h = 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"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M4.245 2h15.518c.97 0 1.76.815 1.765 1.816V19.82c0 .824-.547 1.55-1.327 1.755a.351.351 0 01-.43-.26.362.362 0 01.254-.443c.469-.125.794-.558.794-1.052V3.816c0-.6-.474-1.09-1.056-1.09H4.245c-.582 0-1.056.49-1.056 1.09V19.83c0 .601.474 1.09 1.056 1.09H15.88c.194 0 .352.163.352.363 0 .2-.158.363-.352.363H4.245c-.975 0-1.765-.82-1.765-1.82V3.82C2.48 2.815 3.274 2 4.245 2zm7.407 6.816c1.363 0 2.469 1.266 2.469 2.816 0 1.55-1.106 2.817-2.47 2.817-1.362 0-2.468-1.266-2.468-2.817 0-1.55 1.106-2.816 2.469-2.816zm-3.223.116c.18.075.27.284.203.47l-1.765 4.73c0 .003-.002.005-.002.005s-.002.002-.002.005a.186.186 0 01-.018.028.307.307 0 01-.054.079l-.028.028a.243.243 0 01-.08.05c-.01.005-.014.01-.019.015h-.009a.33.33 0 01-.117.023.35.35 0 01-.118-.023h-.009c-.009-.005-.013-.01-.018-.014a.757.757 0 01-.08-.051l-.028-.028a.295.295 0 01-.04-.056l-.014-.023a.045.045 0 00-.01-.014l-.008-.014c0-.003-.002-.005-.002-.005s-.003-.002-.003-.005l-1.76-4.73a.372.372 0 01.203-.47c.18-.07.384.023.456.21l1.435 3.845 1.436-3.845a.346.346 0 01.451-.21zm1.458 2.705c0 1.154.79 2.09 1.765 2.09.975 0 1.765-.936 1.765-2.09-.005-1.155-.795-2.09-1.765-2.09-.97 0-1.765.94-1.765 2.09zm9.524 0c0 1.504-1.106 2.728-2.47 2.728h-1.764V8.909h1.765c1.358 0 2.469 1.224 2.469 2.728zm-2.474-2.002h-1.056v4h1.056c.975.004 1.765-.895 1.765-1.998s-.79-2.002-1.765-2.002zm1.06 10.912a.716.716 0 00-.703.727c0 .4.316.726.704.726a.716.716 0 00.704-.726c0-.4-.316-.727-.704-.727z",
-            fill: r
+            fill: h
         })
     }));
 };

package/dist/generated/mistica-icons/icon-vod-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 e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, a = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, t = _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)(), n = r != null ? r : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: r,
-        height: r,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M22 4.223v15.554A2.226 2.226 0 0119.777 22H4.223A2.226 2.226 0 012 19.777V4.223C2 3 2.995 2 4.223 2h15.554A2.23 2.23 0 0122 4.223zm-7.59 7.595c0 1.683-1.246 3.057-2.777 3.057-1.532 0-2.778-1.37-2.778-3.057 0-1.688 1.246-3.058 2.778-3.058 1.53 0 2.778 1.375 2.778 3.058zm-5.593-2.21l-1.854 4.817-.002.005-.002.004a.435.435 0 01-.095.152.611.611 0 01-.1.09.48.48 0 01-.123.066.576.576 0 01-.2.038.576.576 0 01-.18-.033c-.004 0-.009 0-.018-.005a.48.48 0 01-.124-.066.45.45 0 01-.1-.09c-.009-.01-.013-.014-.018-.024a.57.57 0 01-.076-.128l-.002-.004s-.003-.003-.003-.005L4.076 9.608A.554.554 0 115.11 9.21l1.333 3.465L7.774 9.21a.551.551 0 01.716-.317.552.552 0 01.327.715zm2.81.266c-.919 0-1.668.872-1.668 1.944 0 1.071.75 1.943 1.669 1.943.92 0 1.668-.872 1.668-1.943 0-1.072-.748-1.944-1.668-1.944zm8.34 1.944c0 1.635-1.247 2.962-2.779 2.962H15.15V8.855h2.038c1.532 0 2.778 1.327 2.778 2.963zm-2.783-1.854h-.925v3.702h.925c.924.005 1.668-.83 1.668-1.849 0-1.019-.749-1.853-1.668-1.853zm2.598-6.48H4.223a.74.74 0 00-.74.74v15.553c0 .407.333.74.74.74h15.554a.74.74 0 00.74-.74V4.223h.004a.74.74 0 00-.74-.74z",
-            fill: h
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-voicemail-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,13 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, i = tmp === void 0 ? 24 : tmp, v = _param.children, h = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var e = _param.color, tmp = _param.size, i = tmp === void 0 ? 24 : tmp, c = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: i,
         height: i,
@@ -106,11 +106,11 @@ var f = function f(_param) {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M18.352 8.964c-1.447 0-2.648 1.212-2.648 2.68 0 .608.213 1.144.53 1.608h-1.942c.32-.464.53-1 .53-1.608 0-1.464-1.197-2.68-2.648-2.68-1.45 0-2.648 1.212-2.648 2.68 0 1.468 1.197 2.68 2.648 2.68h6.178c1.446 0 2.648-1.212 2.648-2.68 0-1.468-1.202-2.68-2.648-2.68z",
-                fill: s
+                fill: r
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M18.704 5.392v-.18C18.704 3.428 17.292 2 15.53 2H9.178C7.41 2 6 3.428 6 5.212v.18h12.704zM6 18.608v.18C6 20.572 7.411 22 9.174 22h6.352c1.762 0 3.174-1.428 3.174-3.212v-.18H6zm9.277-8.288c-.526-1.216-1.728-2.072-3.103-2.072-1.834 0-3.352 1.54-3.352 3.396 0 1.856 1.518 3.392 3.352 3.392h6.178c.05 0 .111-.009.172-.018.063-.009.126-.018.18-.018v2.532H6V6.46h12.731v1.824c-.103-.036-.245-.036-.352-.036-1.41 0-2.608.86-3.102 2.072z",
-                fill: s
+                fill: r
             })
         ]
     }));

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, s = tmp === void 0 ? 24 : tmp, v = _param.children, a = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var s = _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)(), t = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : r ? t.inverse : t.neutralHigh;
+    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), e = s != null ? s : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: s,
-        height: s,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M17.857 9.181A2.497 2.497 0 0120 11.644a2.478 2.478 0 01-2.495 2.495h-6.25a2.485 2.485 0 01-2.5-2.499 2.485 2.485 0 012.5-2.499 2.483 2.483 0 012.499 2.5 2.48 2.48 0 01-.752 1.782h2.751a2.452 2.452 0 01-.752-1.783 2.5 2.5 0 012.144-2.463V6.282H5.715v11.436h7.503c.212 0 .356.144.356.356 0 .211-.14.355-.356.355H5.716v.356a2.482 2.482 0 002.5 2.5h6.433c1.392 0 2.5-1.104 2.5-2.5v-3.57c0-.212.14-.356.356-.356.212 0 .356.14.356.356v3.57A3.202 3.202 0 0114.645 22h-6.43A3.202 3.202 0 015 18.785V5.215A3.202 3.202 0 018.215 2h6.426a3.202 3.202 0 013.216 3.215V9.18zM5.716 5.215v.356h11.429v-.356a2.482 2.482 0 00-2.5-2.5h-6.43a2.482 2.482 0 00-2.5 2.5zm5.534 8.212c1 0 1.784-.783 1.784-1.783 0-1-.784-1.783-1.784-1.783s-1.783.784-1.783 1.783c0 1 .784 1.783 1.783 1.783zm6.247-3.566c-1 0-1.784.784-1.784 1.783 0 1 .788 1.783 1.788 1.783s1.78-.783 1.78-1.783c0-1-.785-1.783-1.784-1.783z",
-                fill: h
+                fill: e
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M16.073 18.07a.716.716 0 11-1.431 0 .716.716 0 011.431 0z",
-                fill: h
+                fill: e
             })
         ]
     }));

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return v;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? r.inverse : r.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.307 8.783c-1.508 0-2.73 1.28-2.73 2.86 0 1.579 1.222 2.858 2.73 2.858h5.963c1.508 0 2.73-1.28 2.73-2.859 0-1.328-.874-2.443-2.046-2.76v-3.31c0-1.968-1.531-3.572-3.41-3.572H8.41C6.531 2 5 3.604 5 5.571V18.43C5 20.396 6.53 22 8.41 22h6.134c1.879 0 3.41-1.604 3.41-3.571v-2.504c0-.396-.302-.712-.68-.712-.378 0-.68.316-.68.712v1.424H6.364V6.639h10.22v2.244c-1.176.316-2.046 1.431-2.046 2.76 0 .519.137 1.003.37 1.423h-1.252c.233-.42.37-.908.37-1.424 0-1.58-1.222-2.86-2.718-2.86zm-1.37 2.86c0-.785.61-1.425 1.359-1.425.748 0 1.359.64 1.359 1.424 0 .784-.611 1.424-1.36 1.424-.748 0-1.359-.64-1.359-1.424zm4.607-8.22c1.012 0 1.856.777 2.016 1.788H6.39c.164-1.007 1.004-1.787 2.02-1.787h6.134zm0 17.15H8.41c-1.011 0-1.855-.776-2.016-1.788h10.163c-.164 1.008-1 1.787-2.012 1.787zm2.719-10.355c.748 0 1.359.64 1.359 1.424 0 .784-.611 1.424-1.36 1.424-.748 0-1.359-.64-1.359-1.424 0-.784.611-1.424 1.36-1.424z",
-            fill: s
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-volume-down-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return d;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, l = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e != null ? e : s ? n.inverse : n.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e != null ? e : s ? _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"
-    }, i), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.703 21.63V2.368a.361.361 0 00-.185-.318.368.368 0 00-.37 0l-10.1 5.875H2.37a.37.37 0 00-.37.37v7.407c0 .204.166.37.37.37h2.679l10.1 5.876a.363.363 0 00.37.005.374.374 0 00.184-.323zm1.484-10.371h4.073a.74.74 0 010 1.48h-4.073a.74.74 0 010-1.48z",
             fill: o

package/dist/generated/mistica-icons/icon-volume-down-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        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 u = function u(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : i ? a.inverse : a.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), n = a != null ? a : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.703 2.368V21.63a.374.374 0 01-.185.323.363.363 0 01-.37-.005l-1.384-.811a.372.372 0 01.375-.64l.83.483V3.012l-9.636 5.6a.363.363 0 01-.185.053H2.74v6.668h2.408c.067 0 .128.018.185.052l4.993 2.892a.37.37 0 11-.374.64l-4.908-2.845H2.37a.37.37 0 01-.37-.37V8.295a.37.37 0 01.37-.37h2.679l10.1-5.875a.368.368 0 01.37 0 .361.361 0 01.184.318zM12 19.036a.74.74 0 000 1.48.74.74 0 000-1.48zm5.183-7.407h4.447a.37.37 0 010 .74h-4.447a.37.37 0 010-.74z",
-            fill: s
+            fill: n
         })
     }));
 };

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

package/dist/generated/mistica-icons/icon-volume-up-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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 p = function p(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, c = _param.children, n = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, l = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : s ? r.inverse : r.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), o = 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: "M15.454 21.63V2.389a.39.39 0 00-.181-.333.326.326 0 00-.364 0L4.982 7.938H2.364c-.219 0-.364.148-.364.37v7.4c0 .223.145.37.364.37h2.618l9.927 5.884c.073.037.11.037.182.037.073 0 .109 0 .182-.037a.39.39 0 00.181-.333zM20 11.27h1.273c.4 0 .727.332.727.74 0 .406-.327.74-.727.74H20v1.294c0 .407-.327.74-.727.74a.736.736 0 01-.727-.74V12.75h-1.273a.736.736 0 01-.727-.74c0-.407.327-.74.727-.74h1.273V9.974c0-.407.327-.74.727-.74.4 0 .727.333.727.74v1.295z",
-            fill: h
+            fill: o
         })
     }));
 };

package/dist/generated/mistica-icons/icon-volume-up-light.js

@@ -5,11 +5,11 @@ 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,22 +90,22 @@ 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, h = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : i ? t.inverse : t.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.703 2.368V21.63a.374.374 0 01-.185.323.363.363 0 01-.37-.005l-1.384-.811a.372.372 0 01.375-.64l.83.483V3.012l-9.636 5.6a.363.363 0 01-.185.053H2.74v6.668h2.408c.067 0 .128.018.185.052l4.993 2.892a.37.37 0 11-.374.64l-4.908-2.845H2.37a.37.37 0 01-.37-.37V8.295a.37.37 0 01.37-.37h2.679l10.1-5.875a.368.368 0 01.37 0 .361.361 0 01.184.318zM12 19.036a.74.74 0 000 1.48.74.74 0 000-1.48zm7.776-7.407h1.854a.37.37 0 010 .74h-1.854v1.854a.37.37 0 01-.74 0v-1.854h-1.853a.37.37 0 010-.74h1.854V9.775a.37.37 0 01.74 0v1.854z",
-            fill: n
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-volume-up-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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 p = function p(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, a = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : n ? t.inverse : t.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: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.451 2.1a.711.711 0 00-.726 0L5.44 7.554H2.726c-.4 0-.726.332-.726.74v7.408c0 .408.326.74.726.74H5.44l9.285 5.458a.71.71 0 00.726 0 .744.744 0 00.363-.64V2.74a.728.728 0 00-.363-.64zm-1.089 17.885l-8.364-4.919a.71.71 0 00-.363-.1H3.452V9.039h2.183a.71.71 0 00.363-.1l8.364-4.917v15.963zm6.912-7.243c.4 0 .726-.332.726-.74a.741.741 0 00-.726-.744h-1.27V9.963a.734.734 0 00-.727-.74c-.4 0-.726.332-.726.74v1.304h-1.27c-.4 0-.727.332-.727.74s.326.74.726.74h1.271v1.295c0 .408.326.74.726.74.4 0 .726-.332.726-.74v-1.3h1.27z",
-            fill: i
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-wait-clock-filled.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,26 +91,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var p = function p(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, c = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : a ? i.inverse : i.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), r = e != null ? e : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: t,
-        height: t,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M21.168 17.381a.75.75 0 01.82.618.686.686 0 01-.604.806l-3.805.581-.532-3.89c-.072-.401.212-.765.604-.839a.75.75 0 01.82.618l.216 1.562a8.861 8.861 0 001.457-4.835c0-4.729-3.73-8.546-8.36-8.546-4.63 0-8.363 3.813-8.363 8.542 0 4.729 3.737 8.546 8.36 8.509 1.244 0 2.456-.254 3.557-.798a.754.754 0 01.96.364c.14.364 0 .802-.356.982A9.704 9.704 0 0111.78 22C6.374 22 2 17.529 2 12.002 2 6.475 6.382 2 11.784 2c5.403 0 9.78 4.475 9.777 9.998 0 2-.605 3.927-1.673 5.563l1.28-.18z",
-                fill: l
+                fill: r
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M11.072 5.453c0-.397.316-.724.708-.724.393 0 .713.327.713.728v6.246l2.633 2.692a.715.715 0 010 1.019.686.686 0 01-.496.22.693.693 0 01-.497-.22l-2.845-2.909a.716.716 0 01-.216-.507V5.453z",
-                fill: l
+                fill: r
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-wait-clock-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        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 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, a = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var s = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, c = _param.children, a = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : l ? s.inverse : s.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), r = s != null ? s : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: t,
         height: t,
@@ -106,11 +106,11 @@ var d = function d(_param) {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M21.587 17.962l-2.212.34a10.059 10.059 0 002.176-6.265C21.55 6.489 17.16 2 11.773 2 6.387 2 2 6.489 2 12c0 5.512 4.39 10 9.777 10 .996 0 1.992-.151 2.912-.454a.43.43 0 00.255-.491.417.417 0 00-.48-.262c-.883.262-1.77.417-2.69.417-4.98 0-9.038-4.153-9.038-9.247s4.059-9.247 9.041-9.247c4.983 0 9.038 4.153 9.038 9.247 0 2.19-.74 4.3-2.14 5.962l-.367-2.492c-.036-.188-.22-.34-.408-.303-.184.037-.332.225-.296.417l.516 3.662 3.579-.527c.184-.037.332-.225.296-.418-.04-.188-.228-.343-.408-.302z",
-                fill: i
+                fill: r
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.141 11.845V4.827c0-.225-.148-.376-.368-.376s-.368.151-.368.376V12a.33.33 0 00.112.262l3.136 3.208a.387.387 0 00.255.114.38.38 0 00.256-.114.37.37 0 000-.528l-3.023-3.098zm5.157 8.574a.748.748 0 00-.61-.866.749.749 0 00-.851.629c-.067.412.206.8.61.865a.748.748 0 00.851-.628z",
-                fill: i
+                fill: r
             })
         ]
     }));