@telefonica/mistica 12.9.1 → 12.11.0

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

@@ -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 a = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, o = _param.children, i = _objectWithoutProperties(_param, [
+var c = function c(_param) {
+    var a = _param.color, tmp = _param.size, h = tmp === void 0 ? 24 : tmp, s = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), r = a != null ? a : n ? e.inverse : e.neutralHigh;
+    var v = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : v ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M22.391 7.556a3.703 3.703 0 01-3.699 3.702 3.703 3.703 0 01-.37-7.386v-.018a1.11 1.11 0 00-1.107-1.11H6.852c-.616 0-1.113.498-1.113 1.11V21.26h12.949a.37.37 0 010 .739H5V3.854C5 2.834 5.829 2 6.852 2h10.363c1.018 0 1.852.83 1.852 1.854v.018a3.71 3.71 0 013.324 3.684zm-3.33 5.186v4.447a.37.37 0 01-.738 0v-4.447a.37.37 0 01.739 0zm-.369 7.404a.74.74 0 000-1.479.74.74 0 000 1.48zm0-15.553a2.963 2.963 0 000 5.926 2.963 2.963 0 000-5.926zm1.847 2.593h-1.477V5.707a.37.37 0 00-.74 0v1.48h-1.477a.37.37 0 000 .739h1.478v1.479a.37.37 0 00.739 0v-1.48h1.477a.37.37 0 000-.739zM11.37 18.298h3.344a.37.37 0 010 .74h-4.627a.37.37 0 010-.74.731.731 0 00.739-.74v-1.853h-.37a.37.37 0 010-.74h.37v-1.669a2.04 2.04 0 012.036-2.038c.464 0 .919.161 1.279.455a.37.37 0 01.057.522.37.37 0 01-.521.056 1.295 1.295 0 00-2.108 1.005v1.67h1.852a.37.37 0 010 .739h-1.852v1.853c0 .27-.07.521-.199.74z",
-            fill: r
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-add-bill-pound-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, a = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var a = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, h = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), h = ref.colors, c = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : c ? h.inverse : h.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = a != null ? a : 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"
-    }, t), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M22.391 7.556c0-2.058-1.572-3.74-3.552-3.878C18.37 2.688 17.383 2 16.233 2H7.899C6.299 2 5 3.327 5 4.963V22h14.131V11.4c1.841-.27 3.26-1.886 3.26-3.844zM6.451 4.967c0-.815.65-1.479 1.448-1.479h8.333c.4 0 .761.171 1.02.437a3.887 3.887 0 00-2.471 3.635c0 1.826 1.238 3.357 2.898 3.774v9.192H6.452V4.967zm9.42 2.589c0-1.531 1.22-2.778 2.717-2.778 1.498 0 2.718 1.247 2.718 2.778s-1.22 2.778-2.718 2.778-2.717-1.247-2.717-2.778zm5.069 0a.546.546 0 01-.543.554h-1.266v1.295a.546.546 0 01-.543.554.546.546 0 01-.542-.554v-1.29H16.78a.546.546 0 01-.543-.555c0-.308.241-.554.543-.554h1.266V5.712c0-.308.241-.555.542-.555.302 0 .543.247.543.555v1.294h1.266a.542.542 0 01.543.55zm-6.61 11.481a.733.733 0 00.724-.74.733.733 0 00-.729-.739h-2.754a1.92 1.92 0 00.037-.37V15.71h1.447a.733.733 0 00.723-.74.733.733 0 00-.723-.74h-1.447v-1.294c0-.507.403-.924.904-.924.213 0 .408.071.57.204.311.26.77.208 1.02-.11a.755.755 0 00-.106-1.042 2.321 2.321 0 00-1.48-.536c-1.298 0-2.355 1.081-2.355 2.408v1.294a.733.733 0 00-.724.74c0 .408.325.74.724.74v1.479a.36.36 0 01-.362.37.733.733 0 00-.723.739c0 .407.324.74.723.74h4.531z",
-            fill: n
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-add-bolton-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        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 m = function m(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, v = _param.children, i = _objectWithoutProperties(_param, [
+var d = function d(_param) {
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, h = _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: "M7 3h10l5 9-5 9H7l-5-9 5-9zm5.705 9.733h2.826a.718.718 0 00.705-.733c0-.404-.317-.733-.705-.733h-2.826v-2.94c0-.404-.316-.733-.705-.733-.389 0-.705.33-.705.734v2.939H8.469c-.389 0-.705.329-.705.733 0 .404.316.733.705.733h2.826v2.94c0 .404.316.733.705.733.389 0 .705-.33.705-.734v-2.939z",
             fill: o

package/dist/generated/mistica-icons/icon-add-bolton-light.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, l = _param.children, i = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var r = _param.color, tmp = _param.size, t = tmp === void 0 ? 24 : tmp, h = _param.children, n = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = e != null ? e : s ? n.inverse : n.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = r != null ? r : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M17 3H7l-5 9.021L7 21h9.79a.362.362 0 00.355-.368.362.362 0 00-.354-.367H7.409L2.82 12.02l4.59-8.286h9.177l4.591 8.286-2.559 4.605c-.1.174-.04.4.132.504a.347.347 0 00.486-.136L22 12.02 17 3zm1.39 16.016a.723.723 0 01-.708.735.724.724 0 01-.71-.735c0-.406.319-.736.71-.736.39 0 .709.33.709.736zm-6.036-2.946a.362.362 0 01-.354.367.362.362 0 01-.354-.367v-3.313H8.45a.362.362 0 01-.355-.368c0-.203.16-.368.355-.368h3.196V8.708c0-.203.159-.368.354-.368.195 0 .354.165.354.368v3.313h3.196c.195 0 .354.165.354.368a.362.362 0 01-.354.368h-3.196v3.313z",
-            fill: h
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-add-bolton-regular.js

@@ -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, a = _param.children, s = _objectWithoutProperties(_param, [
+var c = function c(_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)(), r = ref.colors, h = (0, _themeVariantContextJs.useIsInverseVariant)(), i = e != null ? e : h ? r.inverse : r.neutralHigh;
+    var i = (0, _themeVariantContextJs.useIsInverseVariant)(), l = r != null ? r : i ? _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: "M17 3H7l-5 9 5 9h10l5-9-5-9zm3.368 9l-4.186 7.533H7.818L3.632 12l4.182-7.533h8.368L20.368 12zm-5.014.733A.72.72 0 0016.06 12a.721.721 0 00-.706-.733h-2.649V8.51c0-.404-.316-.734-.705-.734-.389 0-.705.33-.705.734v2.756h-2.65c-.388 0-.705.329-.705.733 0 .404.317.733.706.733h2.649v2.756c0 .404.316.734.705.734.389 0 .705-.33.705-.734v-2.756h2.65z",
-            fill: i
+            fill: l
         })
     }));
 };

package/dist/generated/mistica-icons/icon-add-more-circle-filled.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return p;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,32 +91,32 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var f = function f(_param) {
-    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, r = _objectWithoutProperties(_param, [
+var p = function p(_param) {
+    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, t = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, a = ref.colors, l = (0, _themeVariantContextJs.useIsInverseVariant)(), h = t != null ? t : l ? a.inverse : a.neutralHigh;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), a = i != null ? i : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M2 12C2 6.484 6.484 2 12 2s10 4.484 10 10-4.484 10-10 10S2 17.516 2 12zm16.604.005a.534.534 0 00-.537-.538l-5.521-.011V5.924a.534.534 0 00-.538-.538.534.534 0 00-.537.538v5.532H5.938a.534.534 0 00-.537.537.534.534 0 00.537.538l5.521.011v5.532a.534.534 0 00.914.377.535.535 0 00.161-.377v-5.532h5.533c.147 0 .28-.065.376-.161a.535.535 0 00.161-.376z",
-            fill: h
+            fill: a
         })
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.617 1c.287 0 .588.006.845.013 2.154.05 10.541.901 10.538 11.018 0 10.136-8.397 10.925-10.498 10.963-.194.003-.419.006-.648.006-.118 0-.24 0-.356-.003C9.288 22.966 1 22.167 1 11.966 1 1.776 9.209 1.019 11.42 1h.197zm1.067 11.654h4.8a.69.69 0 00.688-.685.689.689 0 00-.688-.689h-4.8V6.534a.689.689 0 00-1.378 0v4.743h-4.79a.689.689 0 100 1.377h4.79v4.812a.689.689 0 001.378 0v-4.812z",
-            fill: h
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-add-more-circle-light.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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,27 +91,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, v = _param.children, h = _objectWithoutProperties(_param, [
+var C = function C(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, m = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, r = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = a != null ? a : s ? r.inverse : r.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = t != null ? t : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
     return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M11.998 2C6.488 2 2 6.488 2 12s4.487 10 9.998 10a9.97 9.97 0 005.33-1.544.353.353 0 00.113-.496.36.36 0 00-.496-.112 9.257 9.257 0 01-4.951 1.432c-5.119 0-9.282-4.164-9.282-9.284 0-5.12 4.167-9.288 9.286-9.288s9.282 4.164 9.282 9.284a9.261 9.261 0 01-1.432 4.952.36.36 0 00.608.384A9.965 9.965 0 0022 11.996C21.996 6.488 17.513 2 11.998 2z",
-                fill: i
+                fill: a
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 d: "M12 5.583a.355.355 0 00-.356.356l-.002 5.705H5.941a.355.355 0 00-.357.356c0 .197.159.356.357.356h5.701v5.702a.355.355 0 00.609.252.354.354 0 00.104-.252v-5.701h5.701a.354.354 0 00.356-.356.355.355 0 00-.356-.356l-5.698-.004V5.94A.362.362 0 0012 5.583zm6.789 13.921a.716.716 0 100-1.432.716.716 0 000 1.432z",
-                fill: i
+                fill: a
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
@@ -118,10 +119,10 @@ var p = function p(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M23 12.028C23 1.911 14.61 1.06 12.457 1.01c-.25-.006-.538-.009-.82-.009h-.22C9.212 1.019 1 1.776 1 11.966c0 10.201 8.286 11 10.496 11.03.113.004.228.004.341.004.232 0 .467-.003.667-.006C14.604 22.953 23 22.167 23 12.028zM12.485 22.076a19.435 19.435 0 01-.648.01c-.11 0-.219 0-.329-.003-.96-.016-3.427-.194-5.6-1.562-2.651-1.669-3.99-4.549-3.99-8.555 0-4.004 1.326-6.872 3.956-8.521 2.15-1.356 4.602-1.518 5.556-1.528h.21c.272 0 .554.003.798.01.961.021 3.428.225 5.613 1.596 2.673 1.675 4.032 4.539 4.032 8.505 0 9.16-7.347 10.008-9.598 10.048zm4.996-10.568a.458.458 0 010 .915h-5.027v5.04a.458.458 0 01-.914 0v-5.037H6.519a.458.458 0 010-.914h5.018V6.534a.458.458 0 01.914 0v4.974h5.03z",
-            fill: i
+            fill: a
         })
     }));
 };

package/dist/generated/mistica-icons/icon-add-more-circle-regular.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return u;
     }
 });
 var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,13 +91,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
+var u = function u(_param) {
     var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, c = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName, l = ref.colors, s = (0, _themeVariantContextJs.useIsInverseVariant)(), h = t != null ? t : s ? l.inverse : l.neutralHigh;
+    var o = (0, _themeVariantContextJs.useIsInverseVariant)(), h = t != null ? t : o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), r = ref.skinName;
     return r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,

package/dist/generated/mistica-icons/icon-add-more-filled.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,18 +91,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var f = function f(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, l = _param.children, n = _objectWithoutProperties(_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)(), a = e != null ? e : s ? t.inverse : t.neutralHigh;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), a = 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: "M12 4a1 1 0 00-1 1v5.498H6.002a1.002 1.002 0 100 2.004H11V18a1 1 0 102 0v-5.498h4.998a1.002 1.002 0 100-2.004H13V5a1 1 0 00-1-1z",
             fill: a

package/dist/generated/mistica-icons/icon-add-more-light.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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,19 +91,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var p = function p(_param) {
-    var i = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, h = _objectWithoutProperties(_param, [
+var c = function c(_param) {
+    var t = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, l = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), n = ref.skinName, r = ref.colors, o = (0, _themeVariantContextJs.useIsInverseVariant)(), a = i != null ? i : o ? r.inverse : r.neutralHigh;
-    return n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), a = t != null ? t : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh, ref = (0, _hooksJs.useTheme)(), o = ref.skinName;
+    return o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M11.676 4.35a.35.35 0 11.7 0v6.8h4.414a.35.35 0 110 .7h-4.414v6.8a.35.35 0 11-.7 0v-6.8H5.35a.35.35 0 110-.7h6.326v-6.8zm6.752 7.72a.573.573 0 00.572-.574.573.573 0 00-.572-.574.573.573 0 00-.571.574c0 .317.256.574.572.574z",
             fill: a
@@ -112,7 +113,7 @@ var p = function p(_param) {
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M20.403 11.402h-7.802V3.599a.6.6 0 00-1.2 0v7.803H3.6a.599.599 0 100 1.199h7.803v7.8a.6.6 0 001.199 0v-7.8h7.8a.6.6 0 00.002-1.2z",
             fill: a

package/dist/generated/mistica-icons/icon-add-more-location-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, t = tmp === void 0 ? 24 : tmp, a = _param.children, i = _objectWithoutProperties(_param, [
+    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, a = _param.children, i = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? c.inverse : c.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"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.967 4.043c1.232 1.23 1.885 3.028 1.876 5.216-.008 4.613-5.927 11.58-6.77 12.406a.61.61 0 01-.431.176.592.592 0 01-.432-.176c-.423-.41-1.37-1.51-2.47-3.037-1.272 1.614-3.353 1.802-4.037 1.807-.098.009-.21.009-.316.009h-.171c-1.062-.014-5.056-.395-5.056-5.247 0-4.837 3.955-5.199 5.014-5.207h.367a5 5 0 01-.048-.782c0-2.176.661-3.977 1.908-5.199 1.25-1.221 3.09-1.848 5.294-1.854 2.207.008 4.034.658 5.272 1.888zM16.855 8.6c0 1.303-.821 2.112-2.143 2.112-1.322 0-2.146-.81-2.146-2.112s.82-2.112 2.146-2.112c1.322 0 2.143.81 2.143 2.112zm-5.32 6.628c0-3.423-2.44-3.995-3.89-4.034h-.457c-1.426.014-3.807.546-3.807 4 0 3.47 2.415 4.017 3.849 4.042h.157c.095 0 .201 0 .291-.005 1.434-.026 3.857-.58 3.857-4.003zm-1.437-.63H8.065v-1.98a.605.605 0 00-.611-.603.607.607 0 00-.61.602v1.98h-2.03a.607.607 0 00-.61.603c0 .333.271.602.61.602h2.028v2.009c0 .333.272.602.611.602.336 0 .61-.27.61-.602v-2.009h2.034c.336 0 .61-.269.61-.602a.605.605 0 00-.61-.602z",
-            fill: s
+            fill: n
         })
     }));
 };

package/dist/generated/mistica-icons/icon-add-more-location-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, c = tmp === void 0 ? 24 : tmp, o = _param.children, a = _objectWithoutProperties(_param, [
+var m = function m(_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)(), r = ref.colors, n = (0, _themeVariantContextJs.useIsInverseVariant)(), s = e != null ? e : n ? r.inverse : r.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), i = r != null ? r : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: c,
-        height: c,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M19.965 4.043c1.232 1.23 1.885 3.028 1.876 5.216-.008 4.61-5.93 11.58-6.767 12.406a.61.61 0 01-.432.176.59.59 0 01-.43-.176c-.424-.41-1.37-1.51-2.471-3.037-1.272 1.617-3.353 1.802-4.037 1.807-.098.009-.213.009-.32.009h-.17c-1.062-.017-5.059-.395-5.059-5.247 0-4.837 3.955-5.199 5.014-5.207h.367a5.17 5.17 0 01-.05-.779c0-2.176.66-3.978 1.907-5.199 1.25-1.221 3.09-1.849 5.294-1.857 2.213.008 4.04.658 5.278 1.888zm.652 5.207c.009-1.88-.507-3.341-1.526-4.353-1.017-1.014-2.502-1.526-4.41-1.538-1.884 0-3.391.507-4.42 1.513C9.233 5.875 8.71 7.337 8.71 9.22c-.009.275.033.589.09.908 1.573.322 3.954 1.415 3.954 5.1 0 .878-.14 1.609-.367 2.21a34.542 34.542 0 002.253 2.911c1.663-1.88 5.969-7.585 5.977-11.098zm-9.084 5.98c0-3.422-2.437-3.994-3.89-4.033h-.457c-1.429.017-3.81.549-3.81 4.003 0 3.47 2.415 4.017 3.85 4.042h.153l.076-.002c.077-.002.154-.003.221-.01 1.434-.022 3.857-.576 3.857-4zM13.2 8.82c0 .969.479 1.442 1.465 1.442.986 0 1.465-.473 1.465-1.442 0-.97-.482-1.443-1.465-1.443-.986 0-1.465.474-1.465 1.443zm1.465 2.652c-1.658 0-2.69-1.016-2.69-2.65 0-1.632 1.032-2.65 2.69-2.65s2.689 1.018 2.689 2.65c-.003 1.634-1.03 2.65-2.69 2.65zM10.707 15.2a.605.605 0 00-.61-.602v.002H8.062v-1.977a.605.605 0 00-.611-.602.605.605 0 00-.61.602V14.6H4.812a.607.607 0 00-.61.603.605.605 0 00.61.602h2.031v2.008a.605.605 0 00.61.603.605.605 0 00.611-.603v-2.01h2.031a.605.605 0 00.61-.603z",
-            fill: s
+            fill: i
         })
     }));
 };

package/dist/generated/mistica-icons/icon-add-more-query-filled.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return m;
     }
 });
-var _hooksJs = require("../../hooks.js");
 var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -90,22 +90,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, h = _param.children, r = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, n = _param.children, r = _objectWithoutProperties(_param, [
         "color",
         "size",
         "children"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), a = ref.colors, t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : t ? a.inverse : a.neutralHigh;
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = c != null ? c : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M8.324 4.132c.193.549.913 1.022 2.098 1.373 1.25.366 2.89.574 4.641.574s3.393-.208 4.642-.574c1.157-.342 1.868-.799 2.078-1.328 0-.009.009-.017.009-.017-.157-.574-.858-1.059-2.098-1.426-1.241-.367-2.891-.574-4.642-.574-1.75 0-3.4.207-4.65.574-1.176.35-1.896.835-2.087 1.381.005.005.007.007.008.01v.007zm3.428 9.6a.612.612 0 00-.616-.606H8.761v-2.308a.612.612 0 00-.616-.605.61.61 0 00-.617.605v2.308h-2.37a.61.61 0 00-.616.605c0 .334.278.605.617.605h2.37v2.342c0 .334.277.605.616.605a.61.61 0 00.616-.605v-2.342h2.375a.61.61 0 00.616-.605zm1.04-1.188a7.476 7.476 0 01.067.412l.003.023a5.381 5.381 0 01.039.416 6.58 6.58 0 01.011.367c0 .659-.104 1.731-.65 2.684a3.742 3.742 0 01-.619.812c-.03.03-.063.059-.098.088l-.034.03-.038.034c-.05.042-.099.086-.152.125a4.14 4.14 0 01-.39.261l-.052.031c-.035.021-.07.043-.107.061a3.73 3.73 0 01-.426.196l-.066.023-.035.011a4.366 4.366 0 01-.47.14 4.482 4.482 0 01-.535.103 5.975 5.975 0 01-.843.073c-.042.003-.093.003-.138.003-.064.003-.128.003-.198.003H7.89c-4.068-.056-4.507-3.31-4.507-4.706 0-4.03 2.792-4.655 4.456-4.67 0 0 .252.004.42.004l.067.001.04.001c.266.006.518.028.753.06.044.004.085.013.125.021.03.006.06.013.091.017.157.026.31.054.454.09.052.014.1.03.149.046l.064.021.073.024c.104.033.207.067.302.105.044.018.086.039.129.06l.05.024c.115.053.23.107.334.168.047.028.095.06.14.09.106.067.21.137.305.213l.1.084c.102.084.194.17.281.263l.032.034.032.033a3.474 3.474 0 01.279.346l.007.01c.087.126.165.252.235.381a4.768 4.768 0 01.49 1.384zm.95-1.244c.43.028.87.045 1.321.045 1.751 0 3.4-.199 4.633-.569 1.233-.367 1.908-.924 2.135-1.344V5.488c-.457.358-1.076.647-1.869.88-1.33.394-3.072.61-4.904.61-1.832 0-3.575-.216-4.905-.61-.81-.233-1.44-.539-1.896-.9v2.384c-.05 0-.101 0-.152-.002h-.277c-1.204.007-5.678.414-5.678 5.879 0 5.473 4.516 5.902 5.72 5.918h.188l.107-.001.103-.001c.05.666.762 1.218 2.134 1.624 1.258.37 2.908.575 4.65.575 1.742 0 3.392-.208 4.642-.575 1.422-.42 2.142-.994 2.142-1.694V16.03c-.481.37-1.12.684-1.868.9-1.322.392-3.064.607-4.905.607-.678 0-1.33-.04-1.96-.098.182-.252.341-.54.484-.854.476.036.966.056 1.473.056 1.751 0 3.401-.207 4.642-.574 1.232-.367 1.907-.925 2.134-1.345v-3.98c-.481.367-1.12.672-1.868.888-1.322.394-3.064.61-4.905.61-.364 0-.722-.011-1.075-.03a6.235 6.235 0 00-.247-.91z",
-            fill: s
+            fill: t
         })
     }));
 };

package/dist/generated/mistica-icons/icon-add-more-query-light.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, c = tmp === void 0 ? 24 : tmp, o = _param.children, h = _objectWithoutProperties(_param, [
+var m = function m(_param) {
+    var c = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, a = _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 h = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : h ? _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"
-    }, h), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
             d: "M21.837 5.05c0-1.05-.845-1.837-2.515-2.339-1.193-.36-2.762-.56-4.417-.56-1.653 0-3.219.2-4.415.563-1.39.418-2.213 1.042-2.445 1.852l-.003.003a1.726 1.726 0 00-.067.481v2.698h-.149c-1.201.011-5.675.423-5.675 5.989 0 5.571 4.513 6.008 5.72 6.025h.317c.347.655 1.098 1.154 2.302 1.518 1.205.359 2.77.557 4.415.557 1.647 0 3.215-.198 4.42-.56 1.667-.501 2.512-1.288 2.512-2.339V5.05zM10.726 3.496c1.12-.336 2.604-.524 4.179-.524 1.577 0 3.061.188 4.182.524 1.11.333 1.742.77 1.893 1.3l-.007.009a.04.04 0 00-.01.013c-.184.487-.831.907-1.868 1.221-1.12.336-2.605.524-4.179.524-1.574 0-3.059-.188-4.18-.524-1.064-.322-1.716-.756-1.882-1.257a.052.052 0 00-.007-.014l-.004-.006c.165-.507.812-.944 1.883-1.266zM8.059 18.94h-.177c-1.476-.022-4.91-.571-4.907-5.204 0-4.625 3.4-5.152 4.863-5.166h.103c.149 0 .303.003.434.006 1.485.034 4.941.613 4.941 5.196 0 1.19-.355 5.081-4.913 5.165-.103.003-.224.003-.344.003zm.493-2.199a.41.41 0 01-.818 0v-2.59H5.16a.412.412 0 010-.824h2.574V10.77a.41.41 0 01.818 0v2.558h2.58a.412.412 0 010 .823h-2.58v2.591zm10.535 3.748c-1.129.34-2.614.527-4.18.524-1.565 0-3.05-.188-4.179-.524-.717-.215-1.243-.484-1.563-.79 1.205-.154 3.188-.714 4.252-2.689.496.037 1 .056 1.502.056 1.65 0 3.218-.196 4.414-.557.675-.205 1.244-.49 1.684-.827v3.255c0 .645-.65 1.166-1.93 1.552zm-4.95-6.72a7.96 7.96 0 00-.157-1.585c.303.022.653.03.939.028 1.65 0 3.215-.196 4.414-.558.675-.204 1.247-.49 1.684-.826v3.658c-.207.387-.81.902-1.919 1.236-1.4.42-3.4.602-5.339.484.233-.678.378-1.476.378-2.437zM8.796 6.003c.414.33.98.605 1.705.826 1.194.359 2.762.558 4.415.558s3.221-.197 4.415-.558c.714-.216 1.274-.487 1.686-.81v3.617c-.207.386-.807.899-1.919 1.235-1.123.336-2.608.524-4.18.524-.529 0-.935-.02-1.148-.056-.002-.002-.005-.001-.008 0h-.003c-.992-2.88-3.695-3.457-4.963-3.563V6.003z",
-            fill: a
+            fill: s
         })
     }));
 };