npm - @telefonica/mistica - Versions diffs - 12.10.0 → 12.11.1 - Mend

@telefonica/mistica 12.10.0 → 12.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3479) hide show

package/dist/generated/mistica-icons/icon-user-support-light.js CHANGED Viewed

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return z;
     }
 });
 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,14 +91,14 @@ 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, t = _objectWithoutProperties(_param, [
+var z = function z(_param) {
+    var e = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, i = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : n ? i.inverse : i.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e != null ? e : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), s = ref.skinName;
+    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-user-support-regular.js CHANGED Viewed

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return z;
     }
 });
 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 +91,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var h = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
+var z = function z(_param) {
+    var h = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, v = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, l = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), e = h != null ? h : s ? l.inverse : l.neutralHigh;
-    return r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = h != null ? h : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), i = ref.skinName;
+    return i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M11.893 14.69c-.38 0-.693-.327-.693-.727a4.29 4.29 0 011.177-2.983l.933-.98c.347-.363.278-1.163 0-1.563-.278-.4-.762-.655-1.211-.655h-.175c-.484 0-.934.292-1.178.727-.205.364-.624.472-.933.256a.71.71 0 01-.244-.98 2.732 2.732 0 012.389-1.455h.175c.903 0 1.768.436 2.32 1.2.66.907.762 2.543-.103 3.454l-.933.98a2.82 2.82 0 00-.762 1.963c-.069.436-.381.764-.762.764zm.659 1.384c0 .402-.31.728-.693.728-.383 0-.694-.326-.694-.728 0-.402.31-.727.694-.727.383 0 .693.325.693.727z",
-                fill: e
+                fill: a
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M3.165 22a.664.664 0 01-.484-.216.718.718 0 01-.175-.692l1.455-5.565a9.948 9.948 0 01-.796-3.89C3.165 6.326 7.287 2 12.346 2c5.06 0 9.182 4.326 9.182 9.636s-4.122 9.636-9.182 9.636c-1.283 0-2.53-.292-3.706-.8l-5.303 1.492C3.302 22 3.234 22 3.165 22zm9.178-18.545c-4.298 0-7.795 3.675-7.795 8.181 0 1.236.244 2.4.762 3.49.069.145.069.329.034.508l-1.211 4.623 4.362-1.24c.175-.036.347-.036.484.036 1.04.508 2.183.8 3.326.8 4.331-.036 7.828-3.707 7.828-8.217 0-4.51-3.497-8.18-7.79-8.18z",
-                fill: e
+                fill: a
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
@@ -118,15 +119,15 @@ var f = function f(_param) {
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M16.766 6.25a.418.418 0 00.417.423c.003 0 .006 0 .011-.003a.417.417 0 00.41-.429v-.17c0-.153.15-.285.255-.375.026-.023.05-.043.066-.06l.092-.089c.183-.172.37-.35.37-.757 0-.557-.481-1.157-1.201-1.157-.768 0-1.255.454-1.255 1.154a.418.418 0 00.835 0c0-.134.14-.358.417-.358.277 0 .345.25.345.364 0 .146-.129.255-.219.331-.02.018-.039.033-.053.047l-.03.029c-.194.188-.46.444-.46.873v.177zm.869 1.15a.44.44 0 11-.88 0 .44.44 0 01.88 0z",
-                fill: e
+                fill: a
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M14.755 11.743a.754.754 0 01-.113-.009c-.414-.061-.75-.462-.75-.888v-1.56h-.11c-.87 0-1.529-.695-1.529-1.613v-3.9c0-.89.723-1.613 1.614-1.613h6.366c.891 0 1.614.723 1.614 1.613v3.902c0 .891-.723 1.614-1.614 1.614h-3.288c-.314.496-.978 1.54-1.11 1.74-.29.445-.705.714-1.08.714zm-.889-8.463a.494.494 0 00-.492.493v3.902c0 .247.125.493.409.493h.669c.308 0 .56.253.56.56v1.51a450.24 450.24 0 001.151-1.81.56.56 0 01.474-.26h3.596a.494.494 0 00.493-.493V3.773a.494.494 0 00-.493-.493h-6.367zm-5.14 12.009c-1.215 0-2.162-.35-2.817-1.045-.62-.653-.93-1.563-.93-2.703s.313-2.05.93-2.703C6.564 8.143 7.51 7.79 8.726 7.79c1.216 0 2.163.353 2.818 1.045.617.653.93 1.563.93 2.703s-.313 2.05-.93 2.703c-.655.698-1.605 1.048-2.818 1.048zm0-6.378c-1.745 0-2.627.885-2.627 2.627 0 1.742.885 2.628 2.627 2.628 1.743 0 2.628-.886 2.628-2.628s-.885-2.627-2.628-2.627zM2.715 21.843h12.02c.31 0 .56-.249.56-.56v-1.039c0-1.345-.356-2.38-1.059-3.09-.703-.708-1.736-1.067-3.075-1.067H6.289c-1.336 0-2.372.361-3.075 1.067-.703.706-1.059 1.745-1.059 3.09v1.04c0 .307.252.56.56.56zm.56-1.12v-.479c0-1.036.25-1.81.734-2.3.485-.49 1.252-.736 2.28-.736h4.874c1.028 0 1.796.249 2.28.736.485.488.732 1.264.732 2.3v.48h-10.9z",
-                fill: e
+                fill: a
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-video-camera-filled.js CHANGED Viewed

@@ -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, r = tmp === void 0 ? 24 : tmp, c = _param.children, n = _objectWithoutProperties(_param, [
+var h = function h(_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)(), t = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e != null ? e : s ? t.inverse : t.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: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M22 6.4v11.2c0 .16-.09.308-.228.37a.362.362 0 01-.147.03.361.361 0 01-.256-.113l-5.313-5.534v5.248c0 .215-.161.389-.36.389H2.36c-.2 0-.361-.174-.361-.39V6.4c0-.215.161-.39.36-.39H15.7c.2 0 .36.175.36.39v5.247l5.314-5.534a.353.353 0 01.403-.082c.138.067.223.21.223.369z",
             fill: o

package/dist/generated/mistica-icons/icon-video-camera-light.js CHANGED Viewed

@@ -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, h = _param.children, a = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, l = _param.children, i = _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: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.772 6.028a.366.366 0 00-.403.083l-5.308 5.457V6.57a.366.366 0 00-.36-.371H2.36c-.2 0-.361.166-.361.37v10.67c0 .205.161.37.36.37h8.895c.2 0 .36-.165.36-.37a.365.365 0 00-.36-.37H2.716V6.94H15.34v10.3c0 .204.16.37.36.37.2 0 .36-.166.36-.37v-5l5.31 5.458a.365.365 0 00.402.083.383.383 0 00.228-.351V6.38a.383.383 0 00-.228-.352zm-.512 10.48l-4.478-4.603L21.26 7.3v9.207zM13.48 18c.408 0 .74-.341.74-.76a.748.748 0 00-.74-.761.752.752 0 00-.74.76c0 .42.332.761.74.761z",
-            fill: s
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-video-camera-regular.js CHANGED Viewed

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return c;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, h = _param.children, n = _objectWithoutProperties(_param, [
+var c = function c(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : s ? t.inverse : t.neutralHigh;
+    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : a ? _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"
-    }, n), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.554 6.062a.713.713 0 00-.806.16l-4.672 4.857V7.2c0-.66-.498-1.198-1.11-1.198H3.11C2.498 6.002 2 6.539 2 7.2v9.598c0 .66.498 1.198 1.11 1.198h11.856c.612 0 1.11-.538 1.11-1.198v-3.88l4.672 4.858a.71.71 0 00.801.164.803.803 0 00.45-.738V6.794a.783.783 0 00-.445-.732zm-6.957 10.33H3.48V7.599h11.117v8.795zm2.736-4.397l3.192-3.317v6.634l-3.192-3.317z",
-            fill: a
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-video-chat-filled.js CHANGED Viewed

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,21 +91,21 @@ 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, s = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : n ? i.inverse : i.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : l ? _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), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.347 21.279c5.072 0 9.18-4.315 9.18-9.64S17.415 2 12.343 2s-9.181 4.314-9.181 9.64c0 1.433.303 2.79.836 4.014L2.492 21.56a.356.356 0 00.086.337.33.33 0 00.235.104.271.271 0 00.086-.014l5.632-1.58a8.759 8.759 0 003.816.873zM17.468 9.83l-1.722 1.808 1.722 1.809V9.83zm1.058-1.343v6.303a.554.554 0 01-.325.512.518.518 0 01-.579-.119l-2.274-2.387v2.364H7.225V8.118h8.123v2.363l2.274-2.387a.519.519 0 01.579-.119c.194.086.325.29.325.513zM14.29 14.05H8.287V9.228h6.003v4.822z",
-            fill: l
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-video-chat-light.js CHANGED Viewed

@@ -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,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, o = _param.children, a = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? i.inverse : i.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : l ? _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"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.357 2c-5.057 0-9.17 4.319-9.17 9.628 0 1.389.276 2.726.817 3.982l-1.512 5.925a.376.376 0 00.09.356.344.344 0 00.249.109.278.278 0 00.09-.014l5.64-1.588a8.805 8.805 0 008.538-.53.375.375 0 00.117-.508.342.342 0 00-.483-.124 8.14 8.14 0 01-7.97.446c-.067-.038-.149-.057-.234-.038a.715.715 0 00-.05.014l-5.147 1.45 1.386-5.437a.38.38 0 00-.04-.289 9.147 9.147 0 01-.786-3.75c0-4.901 3.797-8.888 8.465-8.888 4.669 0 8.466 3.987 8.466 8.889 0 1.63-.424 3.223-1.223 4.607a.38.38 0 00.117.508.338.338 0 00.483-.124 9.998 9.998 0 001.328-4.991c0-5.31-4.114-9.633-9.17-9.633zm6.881 16.141c0 .408-.316.74-.704.74-.388 0-.704-.332-.704-.74 0-.407.316-.74.704-.74.388 0 .704.333.704.74zM17.65 15.15c.045 0 .09-.01.136-.028A.373.373 0 0018 14.78V8.485a.373.373 0 00-.216-.341.343.343 0 00-.384.08l-2.574 2.702V8.3h-7.76v6.665h7.761V12.34l2.574 2.702a.344.344 0 00.248.109zm-3.53-6.11v5.186H7.77V9.04h6.348zm1.033 2.588l2.145-2.252v4.504l-2.145-2.252z",
             fill: s

package/dist/generated/mistica-icons/icon-video-chat-regular.js CHANGED Viewed

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return c;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
+var c = function c(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? r.inverse : r.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), l = 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), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.343 2C7.28 2 3.164 6.323 3.164 11.632a9.96 9.96 0 00.776 3.881L2.495 21.08a.76.76 0 00.177.707.676.676 0 00.67.19L8.64 20.46a8.734 8.734 0 003.698.814c5.064 0 9.179-4.323 9.179-9.632 0-5.31-4.11-9.642-9.175-9.642zm0 17.818a7.423 7.423 0 01-3.339-.787.683.683 0 00-.479-.046l-4.372 1.251 1.193-4.588a.755.755 0 00-.044-.502 8.456 8.456 0 01-.75-3.504c0-4.51 3.499-8.18 7.796-8.18 4.296 0 7.795 3.67 7.795 8.18-.004 4.504-3.503 8.176-7.8 8.176zM16.72 8.017c.2-.2.496-.256.75-.14a.728.728 0 01.416.66v5.817a.73.73 0 01-.417.666.672.672 0 01-.75-.135l-1.777-1.754v1.954H6.627V7.817h8.315V9.77l1.778-1.754zm-3.162 5.616V9.268H8.015v4.365h5.543zm1.703-2.177l1.242 1.223v-2.447l-1.242 1.224z",
-            fill: s
+            fill: l
         })
     }));
 };

package/dist/generated/mistica-icons/icon-video-disabled-filled.js CHANGED Viewed

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         return c;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -91,21 +91,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var c = function c(_param) {
-    var e = _param.color, tmp = _param.size, i = tmp === void 0 ? 24 : tmp, h = _param.children, s = _objectWithoutProperties(_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)(), l = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: i,
-        height: i,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.375 6.734a.367.367 0 01.4-.076c.136.062.22.194.225.341v10.369a.372.372 0 01-.371.37.37.37 0 01-.254-.104l-5.26-5.126v2.954l5.538 5.59a.559.559 0 010 .787.545.545 0 01-.39.161.545.545 0 01-.39-.161L2.162 2.95a.559.559 0 010-.787.546.546 0 01.78 0l4.433 4.475h8.383c.198 0 .357.161.357.36v4.86l5.26-5.125zm-6.04 11L4.352 6.643v-.005h-1.8a.358.358 0 00-.356.36v10.374c0 .199.16.36.357.36h12.784z",
-            fill: l
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-video-disabled-light.js CHANGED Viewed

@@ -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, l = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : l ? i.inverse : i.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = 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"
-    }, s), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.927 6.368a.343.343 0 01.384-.08.362.362 0 01.212.34v10.75a.373.373 0 01-.217.34.347.347 0 01-.135.03.344.344 0 01-.248-.11l-5.054-5.306v3.21l3.613 3.793c.14.143.14.375 0 .522a.344.344 0 01-.248.109.344.344 0 01-.249-.11l-3.111-3.266v.598c0 .199-.154.36-.344.36H2.832a.352.352 0 01-.344-.36V6.814c0-.2.154-.36.344-.36h2.465c.19 0 .344.16.344.36 0 .199-.154.36-.344.36H3.17v9.653h12.022v-.958L2.583 2.633a.38.38 0 010-.522.335.335 0 01.497 0l4.141 4.343h8.31c.19 0 .343.161.343.36v4.86l5.053-5.305zm-5.74.806H7.903l7.284 7.648V7.174zm5.636 9.302V7.525L16.56 12l4.263 4.475zm0 5.524c.389 0 .705-.332.705-.74 0-.407-.316-.74-.705-.74-.388 0-.704.333-.704.74 0 .408.316.74.704.74z",
-            fill: n
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-video-disabled-regular.js CHANGED Viewed

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,21 +91,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : s ? r.inverse : r.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: l,
-        height: l,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.554 6.592a.744.744 0 00-.806.15l-4.67 4.584V7.664c0-.623-.499-1.13-1.11-1.13H7.495l-4.23-4.313a.732.732 0 00-1.048 0 .765.765 0 000 1.067l12.376 12.607v.444H3.483V8.041h.74c.408 0 .74-.338.74-.753a.748.748 0 00-.74-.754h-1.11c-.612 0-1.11.507-1.11 1.13v9.057c0 .623.498 1.13 1.11 1.13h11.855c.417 0 .777-.241.967-.59l4.434 4.517a.722.722 0 001.043 0 .765.765 0 000-1.068l-5.335-5.438v-2.217l4.671 4.584a.73.73 0 00.801.154.754.754 0 00.45-.695V7.283a.736.736 0 00-.445-.69zM8.98 8.042h5.619v5.723L8.978 8.04zm8.355 4.148l3.191-3.13v6.26l-3.191-3.13z",
-            fill: a
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-video-filled.js CHANGED Viewed

@@ -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,27 +91,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var i = _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.skinName, l = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = i != null ? i : n ? l.inverse : l.neutralHigh;
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), s = i != null ? i : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), v = ref.skinName;
     return v.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M16.643 12l-7.321 4.246V7.754L16.644 12z",
-                fill: t
+                fill: s
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2zm5.983 10.462L9.057 17.64a.51.51 0 01-.27.073.543.543 0 01-.535-.54V6.823c0-.192.1-.37.27-.466a.533.533 0 01.535 0l8.926 5.178a.537.537 0 010 .928z",
-                fill: t
+                fill: s
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
@@ -118,10 +119,10 @@ var f = function f(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.828 6.682s.285-3.698-3.639-3.698L5.76 2.987s-.072-.005-.196-.005c-.753 0-3.409.243-3.409 3.678 0 4.002.003 10.66.003 10.66s-.246 3.684 3.616 3.684h12.418s.12.017.314.017c.882 0 3.324-.308 3.324-3.72l-.002-10.619zM3.399 6.399c.073-1.294.639-1.68.838-1.807.333-.215.705-.297.991-.33v2.137H3.4zm15.359 13.356v-2.101h1.832c-.037.74-.286 1.977-1.832 2.1zM3.393 17.67h1.835v2.047c-.549-.075-.972-.269-1.266-.58-.431-.462-.54-1.112-.569-1.467zM20.598 6.385H18.76v-2.11c.56.08.992.275 1.283.592.451.487.538 1.182.555 1.518zm0 10.02h-1.84v-2.087h1.84v2.087zm-1.84-6.681V7.637h1.84v2.087h-1.84zm1.84 3.339h-1.84v-2.087h1.84v2.087zM3.385 16.419v-2.087h1.84v2.087h-1.84zm1.843-6.687H3.385v-2.08h1.843v2.08zm-1.843 1.253h1.84v2.092h-1.84v-2.092zm6.356 3.599V9.42l4.39 2.583-4.39 2.58zm-.308-6.787l6.238 3.664c.19.112.305.319.305.543a.63.63 0 01-.308.543l-6.235 3.664a.607.607 0 01-.617 0 .622.622 0 01-.308-.54V8.34a.63.63 0 01.308-.544.607.607 0 01.617 0z",
-            fill: t
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-video-light.js CHANGED Viewed

@@ -5,11 +5,12 @@ 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,14 +91,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var h = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, r = _param.children, t = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var h = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), s = ref.skinName, i = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), a = h != null ? h : c ? i.inverse : i.neutralHigh;
-    return s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = h != null ? h : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), a = ref.skinName;
+    return a.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) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M2 12c0 5.517 4.488 10 10 10a9.97 9.97 0 005.334-1.545.36.36 0 00.11-.493.36.36 0 00-.494-.11 9.247 9.247 0 01-4.95 1.43c-5.119 0-9.282-4.163-9.282-9.282S6.88 2.718 12 2.718s9.282 4.163 9.287 9.277a9.248 9.248 0 01-1.43 4.95.36.36 0 00.11.494.36.36 0 00.493-.11A9.98 9.98 0 0022 12c0-5.512-4.488-10-10-10S2 6.484 2 12zm16.787 6.07a.714.714 0 010 1.425.714.714 0 010-1.425zm-9.822-.585l8.926-5.179a.36.36 0 000-.621l-8.926-5.17a.355.355 0 00-.534.311v10.357a.36.36 0 00.178.31.357.357 0 00.178.046.426.426 0 00.178-.055zm.179-.928V7.443L17 12l-7.856 4.557z",
-            fill: a
+            fill: i
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: l,
@@ -115,7 +116,7 @@ var d = function d(_param) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.995 6.691S22.288 3 18.298 3s-12.63.006-12.63.006S5.596 3 5.468 3c-.766 0-3.464.24-3.464 3.669v10.64s-.25 3.674 3.677 3.674h12.621s.12.017.319.017c.896 0 3.378-.307 3.378-3.71l-.004-10.6zM6.243 20.151l-.05-16.313c.775 0 2.339 0 4.152-.002l7.515-.003.051 16.318H6.243zM3.897 4.25c.538-.34 1.147-.404 1.462-.413l.012 2.76H2.843c.014-1.117.364-1.91 1.053-2.346zM3.532 19.4c-.652-.69-.697-1.7-.697-1.966h2.57l.009 2.699c-.82-.045-1.458-.285-1.882-.732zm17.625-1.97c-.057 2.163-1.3 2.692-2.408 2.728l-.008-2.727h2.416zm-.663-12.833c.708.757.68 1.88.674 2.004h-2.462l-.008-2.741c.78.064 1.389.304 1.796.737zM18.729 14.1s2.436 0 2.436-.003V16.6h-2.43l-.006-2.498zm-.023-6.667h2.456l.003 2.501h-2.45l-.009-2.5zm.012 3.334h2.447v2.5h-2.439l-.008-2.5zm-15.88 5.831v-2.5H5.39l.008 2.5H2.837zM5.37 7.434l.008 2.501H2.834v-2.5H5.37zm-2.533 3.334h2.544l.009 2.5H2.837v-2.5zm6.668 4.169V9.063L14.593 12l-5.088 2.937zm6.278-2.722a.414.414 0 00-.148-.575L9.297 7.982a.41.41 0 00-.415 0 .42.42 0 00-.208.36v7.318c0 .148.08.285.208.36a.41.41 0 00.415 0l6.338-3.66a.456.456 0 00.148-.145z",
-            fill: a
+            fill: i
         })
     }));
 };