@telefonica/mistica 12.10.0 → 12.11.0

package/dist/generated/mistica-icons/icon-circuits-filled.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, t = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var r = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), i = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : c ? i.inverse : i.neutralHigh;
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), l = r != null ? r : c ? _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"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M4.559 7.39c-.188.463-.68.807-1.205.807C2.602 8.197 2 7.582 2 6.804c0-.728.564-1.344 1.316-1.344.525 0 .978.306 1.204.768h5.726l1.73-1.767-.008-.024c-.07-.218-.142-.443-.142-.704 0-.96.757-1.733 1.697-1.733.94 0 1.691.773 1.73 1.733 0 .965-.757 1.732-1.696 1.732-.26 0-.526-.078-.752-.192L10.733 7.39H4.558zm3.012 1.92h6.742l4.439-4.504a1.57 1.57 0 01-.15-.694c0-.965.752-1.733 1.697-1.733.944 0 1.696.773 1.658 1.733 0 .965-.757 1.732-1.697 1.732-.299 0-.564-.078-.79-.192l-4.709 4.81h-7.19a1.34 1.34 0 01-1.205.768 1.322 1.322 0 01-1.315-1.344c0-.729.563-1.344 1.315-1.344.526 0 .979.305 1.205.768zM20.3 11.235c-.752 0-1.354.502-1.58 1.151H4.597c-.188-.502-.68-.768-1.244-.768-.752 0-1.315.616-1.315 1.344 0 .768.602 1.344 1.315 1.344.526 0 .979-.305 1.205-.768h14.16c.226.655.866 1.152 1.58 1.152.94 0 1.696-.768 1.696-1.733-.005-.915-.756-1.722-1.696-1.722zm-.752 7.497c.226-.114.487-.192.752-.192.94 0 1.701.762 1.701 1.727 0 .965-.752 1.733-1.696 1.733-.945 0-1.697-.773-1.697-1.733 0-.265.077-.536.188-.768l-2.824-2.884H7.576a1.34 1.34 0 01-1.205.768 1.322 1.322 0 01-1.316-1.344c0-.729.564-1.344 1.316-1.344.525 0 .978.345 1.205.807v-.039h8.771l3.2 3.269z",
-            fill: n
+            fill: l
         })
     }));
 };

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

@@ -5,11 +5,11 @@ 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,13 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
+var z = function z(_param) {
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : i ? e.inverse : e.neutralHigh;
+    var e = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : e ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
@@ -105,7 +105,7 @@ var f = function f(_param) {
     }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M18.293 4.365A1.84 1.84 0 0120.147 2.5c1.038 0 1.848.82 1.848 1.865a1.84 1.84 0 01-1.853 1.864c-.446 0-.816-.147-1.148-.41l-4.849 4.879H7.48a1.075 1.075 0 01-1.038.744c-.626 0-1.11-.486-1.11-1.116 0-.63.48-1.116 1.11-1.116.483 0 .891.296 1.038.744h6.371l4.665-4.693a1.808 1.808 0 01-.223-.896zm.038 8.193a1.866 1.866 0 011.816-1.488c1.038 0 1.853.81 1.853 1.855a1.84 1.84 0 01-1.854 1.865 1.86 1.86 0 01-1.815-1.488H4.147a1.075 1.075 0 01-1.038.744A1.096 1.096 0 012 12.93c0-.63.479-1.116 1.11-1.116.483 0 .89.296 1.037.744h14.184zm-15.222.744a.33.33 0 00.261-.11.337.337 0 00.109-.262c0-.224-.147-.372-.37-.372s-.37.148-.37.372.185.372.37.372zm17.815.41c.223-.22.332-.486.332-.782 0-.296-.11-.558-.332-.782-.185-.224-.484-.334-.777-.334-.626 0-1.11.52-1.11 1.116 0 .296.11.558.332.782.223.224.484.334.777.334.294 0 .593-.11.778-.334zM6.703 10.584c.037-.039.109-.11.109-.263 0-.224-.147-.372-.37-.372s-.37.148-.37.372.185.372.37.372a.33.33 0 00.26-.11zM20.147 5.48c.293 0 .592-.11.777-.334.223-.224.332-.487.332-.782 0-.296-.11-.558-.332-.782-.185-.225-.484-.334-.777-.334-.626 0-1.11.52-1.11 1.116 0 .295.11.558.332.782.223.224.484.334.777.334zM3.108 8.833c.484 0 .891-.295 1.038-.744h6.258l2.11-2.122a1.7 1.7 0 00.962.262 1.84 1.84 0 001.853-1.864A1.84 1.84 0 0013.477 2.5a1.84 1.84 0 00-1.484 2.947l-1.887 1.898H4.147a1.075 1.075 0 00-1.038-.744C2.48 6.601 2 7.088 2 7.717c0 .63.479 1.116 1.11 1.116zm11.145-5.255c.223.224.332.486.332.782 0 .296-.11.596-.332.782-.185.224-.445.334-.777.334-.294 0-.555-.11-.778-.334a1.076 1.076 0 01-.332-.782c.038-.63.522-1.116 1.11-1.116.294 0 .592.11.777.334zM3.11 7.34c.223 0 .37.147.37.372 0 .139-.067.214-.103.255l-.006.007a.33.33 0 01-.26.11.371.371 0 01-.37-.372c0-.225.146-.372.37-.372zm4.371 7.826h8.367l3.598 3.615a.362.362 0 010 .52.415.415 0 01-.26.11.39.39 0 01-.262-.11l-3.37-3.391H7.48a1.075 1.075 0 01-1.038.744c-.626 0-1.11-.487-1.11-1.116 0-.63.48-1.116 1.11-1.116.483 0 .891.295 1.038.744zm-.777.634a.347.347 0 00.109-.262c0-.224-.147-.372-.37-.372s-.37.148-.37.372a.37.37 0 00.37.372.33.33 0 00.26-.11zm13.444 4.955c0-.41.331-.744.739-.744a.743.743 0 010 1.488.743.743 0 01-.74-.744z",
-            fill: r
+            fill: i
         })
     }));
 };

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         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) {
@@ -91,18 +91,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var z = function z(_param) {
-    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, m = _param.children, t = _objectWithoutProperties(_param, [
+    var a = _param.color, tmp = _param.size, c = tmp === void 0 ? 24 : tmp, n = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : s ? e.inverse : e.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M4.507 7.39a1.314 1.314 0 01-1.188.768C2.589 8.158 2 7.553 2 6.809c0-.743.59-1.344 1.319-1.344.526 0 .975.315 1.188.768h5.554l1.86-1.895a1.771 1.771 0 01-.112-.605c0-.955.763-1.733 1.7-1.733.937 0 1.7.778 1.7 1.733 0 .955-.763 1.732-1.7 1.732-.309 0-.599-.093-.85-.24L10.534 7.39H4.507zm9.563-3.657a.571.571 0 00-.566-.576.574.574 0 00-.565.576c0 .315.256.576.566.576a.574.574 0 00.564-.576zm6.23 7.502c-.739 0-1.357.482-1.594 1.151h-14.2a1.314 1.314 0 00-1.187-.768A1.33 1.33 0 002 12.962c0 .744.59 1.344 1.319 1.344.526 0 .975-.315 1.188-.768h14.2c.236.67.854 1.152 1.593 1.152.937 0 1.7-.778 1.7-1.733a1.71 1.71 0 00-1.7-1.722zm-.565 1.732c0-.315.256-.576.565-.576.309 0 .565.261.565.576a.575.575 0 01-.565.576.571.571 0 01-.565-.576zm.565 5.572c-.266 0-.512.07-.734.178l-3.381-3.254h-8.66a1.314 1.314 0 00-1.188-.768c-.73 0-1.318.6-1.318 1.344a1.33 1.33 0 001.318 1.344c.527 0 .976-.315 1.188-.768h8.206l3.033 2.919a1.77 1.77 0 00-.164.733c0 .955.763 1.733 1.7 1.733.937 0 1.7-.778 1.7-1.733 0-.955-.763-1.727-1.7-1.727zm-.565 1.733c0-.315.256-.576.565-.576.309 0 .565.261.565.576a.575.575 0 01-.565.576.571.571 0 01-.565-.576zM14.215 9.31h-6.69a1.314 1.314 0 00-1.188-.768c-.73 0-1.318.6-1.318 1.344a1.33 1.33 0 001.318 1.344c.527 0 .976-.315 1.188-.768h7.158l4.762-4.854c.251.148.541.241.85.241.937 0 1.7-.777 1.7-1.732s-.758-1.728-1.695-1.728-1.7.778-1.7 1.733c0 .216.043.418.11.605L14.215 9.31zm6.65-5.193a.575.575 0 01-.565.576.575.575 0 01-.565-.576c0-.315.251-.576.565-.576a.57.57 0 01.565.576z",
             fill: i

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

@@ -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, n = tmp === void 0 ? 24 : tmp, a = _param.children, r = _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, s = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : s ? t.inverse : t.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: n,
-        height: n,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17.127 5.336V2h-6.59c-.22 0-.402.112-.548.26l-2.38 2.776a.752.752 0 00-.11.776c.11.26.367.444.656.444h1.28v2.036H6.87v11.484C6.87 21 7.858 22 9.068 22h5.126c1.21 0 2.197-1 2.197-2.224V8.296h-2.565v-1.52l.479.776c.146.224.367.372.62.372a.607.607 0 00.368-.112c.332-.224.478-.664.257-1l-.878-1.484h.62l1.835.008z",
-            fill: l
+            fill: s
         })
     }));
 };

package/dist/generated/mistica-icons/icon-cleaning-light.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,13 +90,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
+var m = function m(_param) {
     var e = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : r ? 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: h,
         height: h,
@@ -106,11 +106,11 @@ var p = function p(_param) {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M10.461 2H17v2.695h-2.502l-.192.268 1.111 1.848c.116.196.076.424-.116.54-.036.036-.116.036-.191.036a.4.4 0 01-.344-.192l-.963-1.576-.268.344V8.54h2.694v6.922a.365.365 0 01-.384.384c-.228 0-.384-.152-.384-.384V9.307h-7.69v10.77c0 .655.5 1.155 1.155 1.155h5.38c.656 0 1.155-.5 1.155-1.156 0-.228.152-.384.384-.384.228 0 .384.152.384.384 0 1.08-.848 1.924-1.923 1.924H8.922A1.904 1.904 0 017 20.076V8.54h2.69V5.655H7.923c-.152 0-.268-.076-.343-.232-.04-.156-.04-.308.075-.424l2.498-2.883A.422.422 0 0110.461 2zm3.845 1.924h1.923V2.768h-5.572L8.811 4.883h1.267c.227 0 .383.152.383.384v3.28h2.306V5.85a.55.55 0 01.07-.22l.006-.012 1.155-1.54c.076-.12.192-.155.308-.155z",
-                fill: i
+                fill: r
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M15.84 17.001a.768.768 0 10.002 1.536A.768.768 0 0015.84 17z",
-                fill: i
+                fill: r
             })
         ]
     }));

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return V;
+        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 V = function V(_param) {
-    var e = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, s = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.colors, a = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : a ? n.inverse : n.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: h,
-        height: h,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.45 4.991h1.676V2h-6.523c-.148 0-.3.076-.411.184L7.768 4.987a.516.516 0 00-.076.597c.076.184.3.336.523.336h1.49v2.242H6.87v11.596A2.246 2.246 0 009.106 22h5.218a2.246 2.246 0 002.236-2.242V8.17h-2.795V6.116l.036-.076.782 1.31c.112.184.3.264.483.264.09 0 .155-.024.237-.054l.063-.022c.263-.149.335-.485.183-.785L14.543 5.07l.076-.076c.008-.004.83-.004.83-.004zm-.376 14.767a.75.75 0 01-.746.748H9.114a.75.75 0 01-.747-.748V9.664h6.707v10.094zM10.79 5.368a.574.574 0 00-.558-.561h-.823l1.453-1.682h5.143v.749h-1.677a.537.537 0 00-.447.224l-1.118 1.494a.594.594 0 00-.112.336V8.17h-1.86V5.367z",
             fill: i

package/dist/generated/mistica-icons/icon-click-and-collect-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, l = tmp === void 0 ? 24 : tmp, c = _param.children, a = _objectWithoutProperties(_param, [
+    var l = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), t = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : n ? t.inverse : t.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), r = l != null ? l : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M16.994 5.928V7h2.86v12.856c0 1.184-.96 2.144-2.144 2.144H8.426a2.141 2.141 0 01-2.14-2.096 1.616 1.616 0 001.14.268 1.601 1.601 0 001.32-1.184l2.16-8.22a1.603 1.603 0 00-.416-1.548 1.598 1.598 0 00-1.54-.42l-2.668.704V7h2.856V5.928A3.932 3.932 0 0113.066 2a3.935 3.935 0 013.928 3.928zM10.566 7h5V5.928a2.5 2.5 0 00-5 0V7z",
-                fill: i
+                fill: r
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M9.734 9.976a.548.548 0 00-.384-.152c-.048 0-.088.008-.136.016L.99 12a.526.526 0 00-.392.444.54.54 0 00.252.536l2.116 1.272L.15 17.064l2.488 2.488 2.816-2.816 1.272 2.116a.529.529 0 00.536.252.536.536 0 00.444-.392l2.164-8.224a.54.54 0 00-.136-.512z",
-                fill: i
+                fill: r
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-click-and-collect-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,19 +90,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, c = _param.children, s = _objectWithoutProperties(_param, [
+var f = function f(_param) {
+    var a = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, h = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : n ? e.inverse : e.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M16.856 7V5.572a3.573 3.573 0 00-7.144 0V7H6.856v3.928l.002.035.002.029-5.98 1.564a.345.345 0 00-.264.292.348.348 0 00.168.356l2.284 1.372-1.784 1.784a.259.259 0 00-.036.032l-.968.968 2.292 2.292.932-.936a.259.259 0 00.036-.032l1.82-1.82 1.372 2.284a.359.359 0 00.308.172c.02 0 .032 0 .056.004a.367.367 0 00.292-.264l2.144-8.216a.354.354 0 00-.436-.436l-1.524.396V7.708H19v12.148a1.07 1.07 0 01-1.068 1.068H9.36a.357.357 0 000 .712h8.572c.984 0 1.784-.8 1.788-1.784V7h-2.864zm-8.172 4.252l-1.772 6.804-1.172-1.952a.353.353 0 00-.26-.168.365.365 0 00-.296.1l-2.112 2.112a.259.259 0 00-.036.032l-.46.456-1.28-1.28.424-.424a.259.259 0 00.036-.032L3.9 14.756a.352.352 0 00.1-.296.349.349 0 00-.168-.26L1.88 13.028l6.804-1.776zM10.428 7V5.572a2.858 2.858 0 012.856-2.856 2.858 2.858 0 012.856 2.856V7h-5.712z",

package/dist/generated/mistica-icons/icon-click-and-collect-regular.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, l = tmp === void 0 ? 24 : tmp, o = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : n ? a.inverse : a.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), n = l != null ? l : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: l,
-        height: l,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M16.984 5.928v1.068h2.856v12.856a2.147 2.147 0 01-2.144 2.144h-9.28a2.147 2.147 0 01-2.144-2.144v-1.696l-.824-1.368L2.7 19.536l-2.54-2.54 1.444-1.448 1.304-1.304L.82 12.992a.529.529 0 01-.256-.536.525.525 0 01.392-.444l5.32-1.388c-.004-.02-.004-.04-.004-.06V6.996h2.856V5.928A3.935 3.935 0 0113.056 2h.012a3.935 3.935 0 013.916 3.928zm-3.924-2.5a2.51 2.51 0 00-2.504 2.5v1.068h5V5.928a2.505 2.505 0 00-2.496-2.5zM5.628 15.392a.511.511 0 01.388.252l.94 1.568h.02l1.588-6.08-6.096 1.592 1.584.952c.14.08.236.228.256.392a.528.528 0 01-.152.444l-2.484 2.484L2.7 18.028l2.484-2.484a.536.536 0 01.444-.152zm12.076 5.172c.392 0 .712-.32.712-.712V8.428H7.704v1.828l1.472-.384a.536.536 0 01.652.652l-2.124 8.144v1.184c0 .392.32.712.712.712h9.288z",
-            fill: h
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-click-to-call-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,18 +91,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var p = function p(_param) {
-    var l = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
+    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, i = (0, _themeVariantContextJs.useIsInverseVariant)(), c = l != null ? l : i ? a.inverse : a.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), c = l != null ? l : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M21.836 17.89c-.017-.85-.431-1.687-1.235-2.49a5.011 5.011 0 00-1-.788c-.695-.431-1.415-.588-2.135-.465-.72.123-1.425.524-2.098 1.196a5.724 5.724 0 00-.442.496c-.118.067-.49.028-1.252-.496-.88-.605-1.922-1.613-2.628-2.32l-.084-.083c-.706-.706-1.714-1.748-2.32-2.628-.52-.761-.56-1.134-.495-1.252a4.95 4.95 0 00.496-.442c.672-.673 1.076-1.378 1.196-2.098.12-.72-.03-1.434-.462-2.13a4.86 4.86 0 00-.787-1c-.804-.803-1.642-1.22-2.49-1.234h-.05c-.864 0-1.732.411-2.586 1.226a6.26 6.26 0 00-.695.832l-.028.042c-.796 1.154-.776 2.942.059 5.031.87 2.185 2.568 4.577 4.907 6.916l.084.084c2.34 2.34 4.731 4.037 6.916 4.908 1.07.425 2.062.641 2.927.641.827 0 1.541-.193 2.104-.582a.154.154 0 00.025-.02l.017-.011c.135-.095.54-.39.832-.695.826-.871 1.24-1.759 1.224-2.639z",

package/dist/generated/mistica-icons/icon-click-to-call-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,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, i = _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)(), c = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), e = l != null ? l : s ? c.inverse : c.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), c = l != null ? l : i ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M17.804 21.839c-.854 0-1.838-.213-2.908-.639-2.215-.885-4.644-2.61-7.025-4.991l-.087-.087c-2.38-2.381-4.106-4.81-4.989-7.025-.82-2.056-.851-3.799-.09-4.905a.058.058 0 01.006-.008.058.058 0 00.006-.009l.017-.022a5.77 5.77 0 01.68-.815C5.064 1.76 6.7 1.763 8.28 3.34c.297.292.555.617.765.975 1.042 1.675.19 3.098-.709 3.995a4.991 4.991 0 01-.518.456c-.3.356.095 1.101.482 1.664.635.927 1.689 2.014 2.423 2.748l.086.087c.737.736 1.821 1.787 2.748 2.423.566.386 1.308.781 1.664.482.14-.183.294-.356.46-.519.899-.896 2.319-1.748 3.994-.708.356.213.683.47.975.767 1.577 1.577 1.58 3.216.003 4.866a6.332 6.332 0 01-.816.68l-.022.017-.014.011c-.53.37-1.207.555-1.997.555zm-9.535-6.025c2.328 2.328 4.689 4.008 6.835 4.863.957.383 1.834.582 2.605.599.722.014 1.316-.134 1.767-.445l.037-.026c.327-.235.574-.442.736-.61.703-.737 1.04-1.426 1.028-2.107-.011-.652-.347-1.3-1.022-1.975a4.315 4.315 0 00-.863-.68l-.008-.006c-.538-.333-1.079-.456-1.611-.367-.563.096-1.132.429-1.697.995a4.722 4.722 0 00-.429.487c-.008.011-.02.022-.03.034-1.051.966-3.121-.827-5.205-2.91l-.087-.088c-2.079-2.08-3.871-4.154-2.905-5.201l.008-.009a.117.117 0 01.026-.022c.173-.132.336-.274.487-.429.563-.565.9-1.137.994-1.697.09-.532-.033-1.073-.366-1.61l-.006-.01a4.203 4.203 0 00-.68-.859C7.206 3.066 6.56 2.73 5.906 2.719c-.68-.014-1.37.322-2.106 1.025a5.418 5.418 0 00-.639.776c-.308.45-.459 1.045-.445 1.767.014.77.216 1.647.6 2.605.857 2.146 2.537 4.507 4.862 6.835l.048.048.042.039z",
-                fill: e
+                fill: c
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.291 11.724a.482.482 0 01-.37-.162.489.489 0 01-.103-.432l.969-4.535c.04-.179.146-.305.297-.344.151-.04.308.014.431.148l.846.936h.011l3.241-2.784a.617.617 0 01.482-.171.65.65 0 01.468.266l1.146 1.274a.647.647 0 01-.107.953l-3.24 2.851.85.944c.124.137.16.3.104.446-.056.145-.196.238-.38.252l-4.6.355a.237.237 0 01-.045.003zm.989-4.748l-.893 4.182 4.218-.327-.658-.731a.555.555 0 01.045-.79h.002l3.255-2.866.034-.025a.07.07 0 00.033-.053.104.104 0 00-.014-.065l-.002-.003-1.157-1.285c-.009-.009-.017-.017-.023-.028a.086.086 0 00-.064-.042c-.017-.003-.03.002-.045.01a.108.108 0 01-.006.006l-.014.014-3.249 2.793a.57.57 0 01-.79-.05l-.672-.74z",
-                fill: e
+                fill: c
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-click-to-call-regular.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,27 +90,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var l = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), e = l != null ? l : r ? c.inverse : c.neutralHigh;
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), c = l != null ? l : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M17.634 21.841c-.868 0-1.857-.213-2.927-.641-2.185-.871-4.577-2.569-6.916-4.908l-.084-.084C5.368 13.872 3.674 11.48 2.8 9.295c-.832-2.092-.855-3.88-.056-5.034l.028-.042c.095-.134.389-.54.694-.832.871-.829 1.757-1.243 2.636-1.227.849.017 1.686.432 2.49 1.236.306.3.569.636.787 1 .432.694.589 1.414.465 2.134-.123.72-.523 1.423-1.196 2.095a5.708 5.708 0 01-.495.443c-.068.118-.026.49.495 1.252.605.88 1.614 1.922 2.32 2.628l.084.084c.706.706 1.748 1.714 2.627 2.319.762.521 1.135.56 1.252.496a4.93 4.93 0 01.443-.496c.672-.672 1.378-1.076 2.098-1.196.72-.12 1.437.034 2.134.465a4.86 4.86 0 011 .787c.804.804 1.219 1.641 1.236 2.49.016.88-.398 1.765-1.227 2.636a6.362 6.362 0 01-.813.68l-.02.015-.016.01a.154.154 0 00-.025.02c-.566.39-1.28.583-2.107.583zm-9.047-6.339c2.23 2.233 4.49 3.84 6.535 4.656 1.7.678 3.145.745 3.972.182l.033-.023a5.22 5.22 0 00.678-.56c.62-.65.93-1.269.919-1.84-.011-.555-.308-1.118-.908-1.72a3.834 3.834 0 00-.778-.613l-.017-.009c-.465-.291-.91-.392-1.361-.316-.485.08-.986.38-1.493.885-.143.14-.275.288-.395.448-.02.022-.04.045-.06.064-.237.222-.666.449-1.344.275-.383-.098-.815-.314-1.32-.659-.957-.655-2.047-1.714-2.786-2.45l-.084-.084c-.737-.737-1.793-1.83-2.451-2.785-.345-.504-.56-.935-.658-1.32-.171-.677.056-1.106.277-1.346a.422.422 0 01.064-.06c.16-.12.308-.251.448-.394.505-.504.802-1.006.886-1.493.075-.451-.028-.897-.317-1.362l-.008-.016a3.937 3.937 0 00-.614-.78c-.605-.593-1.168-.89-1.722-.901-.572-.008-1.194.297-1.84.919a4.866 4.866 0 00-.561.678l-.025.033c-.56.827-.496 2.272.182 3.972.815 2.045 2.426 4.306 4.655 6.535l.05.05.043.034z",
-                fill: e
+                fill: c
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12.763 12.01a.757.757 0 01-.748-.93l.97-4.536a.709.709 0 01.498-.557c.252-.07.518.02.712.232l.669.74 3.03-2.605a.886.886 0 01.696-.244.924.924 0 01.66.367l1.135 1.263c.18.202.263.468.23.734a.909.909 0 01-.367.625L17.23 9.752l.661.733c.193.216.252.49.154.737s-.328.406-.619.429l-4.6.355c-.022.003-.044.003-.064.003zm1.149-4.435l-.7 3.28 3.277-.255-.28-.308a.837.837 0 01.061-1.182c.003-.003.006-.006.009-.006l3.14-2.764-.922-1.025-3.104 2.669a.854.854 0 01-1.182-.076l-.3-.333z",
-                fill: e
+                fill: c
             })
         ]
     }));

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

@@ -5,11 +5,12 @@ 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,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, t = _objectWithoutProperties(_param, [
+var v = function v(_param) {
+    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, l = ref.colors, r = (0, _themeVariantContextJs.useIsInverseVariant)(), c = i != null ? i : r ? l.inverse : l.neutralHigh;
+    var c = (0, _themeVariantContextJs.useIsInverseVariant)(), t = i != null ? i : c ? _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"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M16.53 22a3.43 3.43 0 01-2.459-1.043L3.89 10.505A5.004 5.004 0 012.47 6.98c0-1.33.506-2.58 1.42-3.523a4.773 4.773 0 016.864 0l10.554 10.825c.28.288.28.755 0 1.043a.705.705 0 01-1.016 0L9.74 4.5a3.344 3.344 0 00-2.417-1.028c-.914 0-1.769.363-2.417 1.028a3.518 3.518 0 00-1.001 2.481c0 .939.353 1.816 1.001 2.481l10.182 10.453c.795.816 2.09.816 2.885 0a2.138 2.138 0 000-2.962L7.791 6.505a.665.665 0 00-.933 0 .683.683 0 00-.193.48c0 .185.069.355.193.482l9.203 9.448c.28.288.28.755 0 1.043a.705.705 0 01-1.016 0L5.843 8.505a2.193 2.193 0 010-3.043 2.062 2.062 0 012.968 0l10.181 10.453c1.355 1.392 1.355 3.656 0 5.043A3.456 3.456 0 0116.529 22z",
-            fill: c
+            fill: t
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M15.693 5.547a.808.808 0 00-.818.798l-.01 11.09c0 1.913-.914 2.804-2.87 2.804-1.957 0-2.87-.89-2.87-2.804V5.444c0-1.185.515-1.69 1.728-1.69s1.728.505 1.728 1.692l.025 11.356c0 .373-.078.448-.459.448-.38 0-.457-.075-.457-.448V6.4a.812.812 0 00-.817-.801.81.81 0 00-.818.798V16.8c0 1.264.8 2.048 2.095 2.048 1.291 0 2.095-.784 2.095-2.048L14.22 5.444c-.003-2.06-1.26-3.289-3.367-3.289s-3.364 1.23-3.364 3.289v11.991c0 2.798 1.641 4.406 4.507 4.406 2.862 0 4.504-1.605 4.504-4.403l.011-11.09a.81.81 0 00-.818-.8z",
-            fill: c
+            fill: t
         })
     }));
 };

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

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "default", {
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -91,31 +92,31 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var d = function d(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, c = _objectWithoutProperties(_param, [
+    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.skinName, n = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), r = i != null ? i : l ? n.inverse : n.neutralHigh;
-    return a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), c = i != null ? i : 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"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M14.223 21.03c.617.645 1.428.97 2.24.97.81 0 1.622-.325 2.24-.97 1.234-1.29 1.234-3.39 0-4.68L8.301 5.484a1.708 1.708 0 00-2.487 0 1.9 1.9 0 000 2.599l9.409 9.821a.339.339 0 00.495 0 .372.372 0 000-.518L6.315 7.56a1.14 1.14 0 010-1.558 1.042 1.042 0 011.491 0l10.396 10.87c.96 1.004.96 2.637 0 3.64a2.392 2.392 0 01-3.483 0L4.319 9.646a4.106 4.106 0 01-1.136-2.863c0-1.082.405-2.1 1.136-2.862a3.76 3.76 0 012.74-1.187 3.77 3.77 0 012.739 1.187l9.368 9.788a.339.339 0 00.496 0 .372.372 0 000-.518l-9.368-9.788C9.429 2.499 8.279 2 7.058 2c-1.22 0-2.37.5-3.235 1.403a4.861 4.861 0 00-1.343 3.38 4.86 4.86 0 001.343 3.38l10.4 10.867zm6.602-5.381c.387 0 .703-.33.703-.735 0-.405-.316-.734-.703-.734-.388 0-.703.33-.703.734 0 .405.315.735.703.735z",
-            fill: r
+            fill: c
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M12.001 21.837c-2.907 0-4.512-1.456-4.512-4.106V5.434c0-2.117 1.283-3.283 3.613-3.283 2.328 0 3.61 1.166 3.61 3.286v10.65c0 1.557-.98 2.454-2.694 2.454s-2.695-.894-2.695-2.454v-8.98c0-.227.202-.41.451-.41.25 0 .449.185.449.41v8.98c0 1.115.571 1.633 1.792 1.633 1.224 0 1.793-.518 1.793-1.633V5.437c0-1.658-.888-2.465-2.711-2.465-1.824 0-2.712.807-2.712 2.465v12.297c0 2.18 1.216 3.286 3.61 3.286 2.396 0 3.611-1.107 3.611-3.286L15.596 7.1c0-.227.2-.41.447-.41h.003c.25 0 .451.183.451.41l.014 10.636c.003 2.644-1.602 4.1-4.51 4.1z",
-            fill: r
+            fill: c
         })
     }));
 };