@telefonica/mistica 10.10.0 → 10.11.0

package/dist-es/generated/mistica-icons/icon-shield-filled.js

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconShieldFilled = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconShieldFilled = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
     var ref = useTheme(), colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M12.291 21.686a.597.597 0 01-.257-.059c-.745-.355-7.286-3.577-7.897-7.128-.473-2.743-.456-9.082-.456-9.35 0-.191.087-.367.235-.485a.611.611 0 01.521-.11c1.602.258 2.448-.316 3.524-1.039C9.022 2.804 10.224 2 12.289 2h.008c2.064.003 3.266.807 4.325 1.518 1.075.723 1.927 1.289 3.552 1.034a.625.625 0 01.501.137.639.639 0 01.23.462c0 .27.017 6.608-.448 9.35-.611 3.552-7.16 6.774-7.905 7.13a.66.66 0 01-.26.055z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-shield-light.js

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconShieldLight = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconShieldLight = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
     var ref = useTheme(), colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M4.499 5.485c.005 1.565.053 6.607.45 8.89.497 2.877 6.242 5.883 7.331 6.426 1.09-.546 6.843-3.552 7.34-6.426.389-2.288.436-7.341.442-8.899-1.818.143-2.883-.571-3.922-1.263-1.008-.675-2.056-1.373-3.857-1.375h-.005c-1.804 0-2.85.697-3.86 1.375-1.05.7-2.135 1.42-3.92 1.272zm7.781 16.201a.44.44 0 01-.179-.039c-.297-.143-7.35-3.543-7.97-7.126-.484-2.782-.464-9.238-.464-9.513a.414.414 0 01.515-.406c1.74.278 2.684-.356 3.779-1.087C9.023 2.804 10.224 2 12.278 2h.008c2.053.003 3.255.807 4.314 1.515 1.092.731 2.033 1.362 3.784 1.09a.438.438 0 01.51.403c0 .275.017 6.731-.457 9.513-.616 3.585-7.678 6.983-7.977 7.126a.45.45 0 01-.18.04z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-shield-regular.js

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconShieldRegular = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconShieldRegular = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
     var ref = useTheme(), colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M4.588 5.835c.008 1.736.07 6.327.437 8.45.409 2.376 4.936 5.093 6.96 6.102 2.026-1.012 6.561-3.729 6.97-6.101.361-2.126.42-6.717.429-8.454-1.673.084-2.726-.616-3.737-1.294-1.006-.675-1.955-1.311-3.656-1.314h-.005c-1.698 0-2.65.639-3.656 1.314-1.014.68-2.067 1.398-3.742 1.297zm7.398 15.851a.597.597 0 01-.258-.059c-.745-.355-7.286-3.577-7.896-7.128-.474-2.743-.457-9.082-.457-9.35 0-.191.087-.367.235-.485a.611.611 0 01.521-.11c1.603.258 2.449-.316 3.524-1.039C8.717 2.804 9.92 2 11.983 2h.008c2.065.003 3.266.807 4.325 1.518 1.076.723 1.927 1.289 3.552 1.034a.625.625 0 01.502.137.625.625 0 01.226.462c0 .27.017 6.608-.448 9.35-.61 3.552-7.16 6.773-7.905 7.13a.637.637 0 01-.257.055z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-shop-filled.js

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconShopFilled = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = useTheme(), colors = ref.colors;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconShopFilled = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M16.406 13.064c.65.365 1.448.566 2.275.566.647 0 1.243-.131 1.773-.342v6.788c0 .888-.68 1.61-1.516 1.61h-4.467v-5.644c0-.68-.493-1.233-1.098-1.233h-3.037c-.608 0-1.098.552-1.098 1.233v5.644H4.745c-.837 0-1.515-.722-1.515-1.61v-6.788c.53.213 1.126.342 1.773.342.835 0 1.638-.204 2.288-.574.65.367 1.454.574 2.289.574.622 0 1.235-.115 1.781-.33.174-.07.34-.149.493-.236.65.365 1.448.566 2.278.566.829 0 1.627-.201 2.274-.566zm4.768-3.593c.327.333.512.756.512 1.198 0 1.2-1.32 2.14-3.003 2.14-.888 0-1.711-.271-2.274-.733-.56.462-1.387.734-2.277.734-.888 0-1.712-.272-2.275-.734a3 3 0 01-.798.462c-.446.18-.958.272-1.476.272-.897 0-1.723-.272-2.289-.746-.56.471-1.392.746-2.288.746-1.684 0-3.003-.942-3.003-2.14 0-.426.19-.726.344-.967.062-.098.126-.196.174-.308.098-.227.857-2.684 1.415-4.479.274-.885.529-1.709.703-2.26a.903.903 0 01.851-.62L18.188 2h.002c.395 0 .737.25.858.622l1.26 4.003c.05.154.126.434.216.759.168.61.518 1.88.65 2.087z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M18.478 6.53h-2.654v-.565C15.82 3.775 14.113 2 12.004 2c-2.11 0-3.817 1.776-3.817 3.96v.566H5.53L4 19.659v.076C4 21.094 4.73 22 5.816 22h12.368C19.278 22 20 21.094 20 19.735L18.478 6.53zM9.64 5.96c0-1.358 1.054-2.453 2.364-2.453 1.31 0 2.364 1.095 2.364 2.454v.565H9.64v-.565z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M16.406 13.064c.65.365 1.448.566 2.275.566.647 0 1.243-.131 1.773-.342v6.788c0 .888-.68 1.61-1.516 1.61h-4.467v-5.644c0-.68-.493-1.233-1.098-1.233h-3.037c-.608 0-1.098.552-1.098 1.233v5.644H4.745c-.837 0-1.515-.722-1.515-1.61v-6.788c.53.213 1.126.342 1.773.342.835 0 1.638-.204 2.288-.574.65.367 1.454.574 2.289.574.622 0 1.235-.115 1.781-.33.174-.07.34-.149.493-.236.65.365 1.448.566 2.278.566.829 0 1.627-.201 2.274-.566zm4.768-3.593c.327.333.512.756.512 1.198 0 1.2-1.32 2.14-3.003 2.14-.888 0-1.711-.271-2.274-.733-.56.462-1.387.734-2.277.734-.888 0-1.712-.272-2.275-.734a3 3 0 01-.798.462c-.446.18-.958.272-1.476.272-.897 0-1.723-.272-2.289-.746-.56.471-1.392.746-2.288.746-1.684 0-3.003-.942-3.003-2.14 0-.426.19-.726.344-.967.062-.098.126-.196.174-.308.098-.227.857-2.684 1.415-4.479.274-.885.529-1.709.703-2.26a.903.903 0 01.851-.62L18.188 2h.002c.395 0 .737.25.858.622l1.26 4.003c.05.154.126.434.216.759.168.61.518 1.88.65 2.087z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconShopFilled;

package/dist-es/generated/mistica-icons/icon-shop-light.js

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconShopLight = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = useTheme(), colors = ref.colors;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconShopLight = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M19.497 12.397c1.264 0 2.33-.6 2.33-1.307 0-.283-.176-.507-.322-.649l-.003-.003c-.194-.188-.374-.677-.879-2.375a20.502 20.502 0 00-.224-.735l-1.344-3.962a.087.087 0 00-.081-.053L5.429 3.35c-.036 0-.069.02-.08.05-.183.538-.455 1.354-.748 2.228-.83 2.489-1.428 4.27-1.541 4.517a2.882 2.882 0 01-.251.42c-.147.216-.23.343-.23.52 0 .711 1.066 1.308 2.33 1.308.849 0 1.635-.27 2.05-.7l.131-.136.26-.027c.15 0 .29.058.392.163.415.433 1.201.7 2.05.7.84 0 1.622-.264 2.04-.691l.132-.133.257-.025c.146 0 .284.058.382.158.419.427 1.202.69 2.041.69.84 0 1.623-.263 2.041-.69l.129-.13.254-.028h.003a.54.54 0 01.382.155c.421.433 1.204.696 2.044.7zm1.016 8.152V13.09a4.837 4.837 0 01-1.02.116c-.946 0-1.825-.269-2.425-.727-.601.461-1.483.727-2.43.727-.947 0-1.825-.266-2.426-.727-.598.461-1.48.727-2.43.727-.953 0-1.84-.272-2.44-.738-.601.466-1.486.738-2.442.738-.358 0-.696-.047-1.019-.116v7.455c0 .352.335.641.744.641h4.79V16.24c0-.58.526-1.052 1.171-1.052h3.245c.649 0 1.175.472 1.175 1.052v4.947h4.766c.41 0 .744-.286.74-.638zm-6.383.638V16.24c0-.133-.134-.241-.299-.241h-3.239c-.164 0-.298.108-.298.24v4.948h3.836zm8.57-10.1c0 .716-.514 1.332-1.312 1.715v7.747c0 .799-.726 1.451-1.616 1.451H4.628c-.893 0-1.62-.652-1.62-1.451v-7.747c-.794-.38-1.308-.999-1.308-1.714 0-.422.203-.72.365-.958.065-.097.134-.194.185-.305.104-.225.917-2.658 1.509-4.436.293-.88.565-1.693.75-2.24.131-.366.496-.61.911-.613L18.968 2.5c.406-.005.792.247.917.619l1.345 3.965c.054.155.137.435.233.766.176.59.538 1.811.681 2.042.365.352.556.763.556 1.196z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M15.806 20.464c.42 0 .764.344.76.768 0 .424-.34.768-.76.768a.764.764 0 01-.76-.768c0-.424.34-.768.76-.768zM12 2c1.98 0 3.62 1.656 3.62 3.655v.96h2.816L20 19.692c0 1.156-.61 1.924-1.525 1.924h-.38c-.226 0-.38-.152-.38-.384 0-.228.15-.384.38-.384h.38c.685 0 .76-.808.76-1.116L17.75 7.387H6.25L4.764 19.732c0 .272.076 1.116.76 1.116h8c.226 0 .381.152.381.384 0 .228-.15.384-.38.384h-8C4.61 21.616 4 20.848 4 19.692v-.036L5.564 6.62H8.38v-.964C8.38 3.655 10.02 2 12 2zm0 .772c-1.56 0-2.855 1.308-2.855 2.883v.964h5.71v-.964c0-1.575-1.295-2.883-2.855-2.883z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M19.497 12.397c1.264 0 2.33-.6 2.33-1.307 0-.283-.176-.507-.322-.649l-.003-.003c-.194-.188-.374-.677-.879-2.375a20.502 20.502 0 00-.224-.735l-1.344-3.962a.087.087 0 00-.081-.053L5.429 3.35c-.036 0-.069.02-.08.05-.183.538-.455 1.354-.748 2.228-.83 2.489-1.428 4.27-1.541 4.517a2.882 2.882 0 01-.251.42c-.147.216-.23.343-.23.52 0 .711 1.066 1.308 2.33 1.308.849 0 1.635-.27 2.05-.7l.131-.136.26-.027c.15 0 .29.058.392.163.415.433 1.201.7 2.05.7.84 0 1.622-.264 2.04-.691l.132-.133.257-.025c.146 0 .284.058.382.158.419.427 1.202.69 2.041.69.84 0 1.623-.263 2.041-.69l.129-.13.254-.028h.003a.54.54 0 01.382.155c.421.433 1.204.696 2.044.7zm1.016 8.152V13.09a4.837 4.837 0 01-1.02.116c-.946 0-1.825-.269-2.425-.727-.601.461-1.483.727-2.43.727-.947 0-1.825-.266-2.426-.727-.598.461-1.48.727-2.43.727-.953 0-1.84-.272-2.44-.738-.601.466-1.486.738-2.442.738-.358 0-.696-.047-1.019-.116v7.455c0 .352.335.641.744.641h4.79V16.24c0-.58.526-1.052 1.171-1.052h3.245c.649 0 1.175.472 1.175 1.052v4.947h4.766c.41 0 .744-.286.74-.638zm-6.383.638V16.24c0-.133-.134-.241-.299-.241h-3.239c-.164 0-.298.108-.298.24v4.948h3.836zm8.57-10.1c0 .716-.514 1.332-1.312 1.715v7.747c0 .799-.726 1.451-1.616 1.451H4.628c-.893 0-1.62-.652-1.62-1.451v-7.747c-.794-.38-1.308-.999-1.308-1.714 0-.422.203-.72.365-.958.065-.097.134-.194.185-.305.104-.225.917-2.658 1.509-4.436.293-.88.565-1.693.75-2.24.131-.366.496-.61.911-.613L18.968 2.5c.406-.005.792.247.917.619l1.345 3.965c.054.155.137.435.233.766.176.59.538 1.811.681 2.042.365.352.556.763.556 1.196z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconShopLight;

package/dist-es/generated/mistica-icons/icon-shop-regular.js

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconShopRegular = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = useTheme(), colors = ref.colors;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconShopRegular = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M19.077 2.5a.75.75 0 01.695.467l2.275 5.594.04.049c1.136 1.485.488 3.025-1.157 3.789l-.079.035v7.805c0 .934-.718 1.7-1.633 1.774l-.146.006h-4.859l-4.867.032v-.032H5.101a1.78 1.78 0 01-1.773-1.634l-.006-.146v-7.812l-.103-.043C1.55 11.619.929 10.03 2.094 8.578l.031-.037 2.258-5.573a.75.75 0 01.582-.46l.113-.008zm-6.962 9.677l-.122.079c-1.348.796-3.386.732-4.557-.015l-.055-.037-.135.082c-.72.404-1.576.569-2.423.506v7.447a.28.28 0 00.215.273l.064.007h4.243l.001-4.246c0-.91.7-1.681 1.593-1.756l.142-.006h2.026c.958 0 1.735.777 1.735 1.735v4.273h4.23a.28.28 0 00.273-.215l.007-.065v-7.412c-.953.094-1.897-.1-2.6-.6l-.05-.039-.093.056c-1.391.795-2.784.76-4.03.179l-.187-.091a5.183 5.183 0 01-.176-.096l-.101-.059zm.992 3.834h-2.026c-.118 0-.235.12-.235.262v4.246h2.495l.001-4.273a.235.235 0 00-.116-.203l-.057-.024-.062-.008zm5.465-12.012H5.583L3.471 9.214a.75.75 0 01-.082.15l-.142.174c-.464.6-.245 1.096.597 1.482 1.025.469 2.336.356 3.068-.335a.75.75 0 011.13.117l.066.079c.57.581 2.641.665 3.437-.16a.75.75 0 011.038-.04c.076.066.248.19.496.317 1.003.516 2.09.515 3.25-.365a.75.75 0 011.044.136l.088.099c.538.537 1.715.64 2.725.22.986-.41 1.224-.964.637-1.656a.75.75 0 01-.123-.203L18.572 4z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M18.477 6.53h-2.654v-.567c0-2.19-1.711-3.963-3.82-3.963-2.107 0-3.818 1.776-3.818 3.963v.567H5.53L4 19.661v.076C4 21.094 4.727 22 5.815 22h12.37C19.277 22 20 21.094 20 19.737L18.477 6.53zm-8.839-.567c0-1.357 1.054-2.454 2.366-2.454 1.311 0 2.365 1.093 2.365 2.454v.567H9.64v-.567zm8.547 14.528H5.819c-.327 0-.361-.49-.361-.714L6.842 8.043h10.366l1.346 11.734c-.004.223-.042.714-.37.714z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M19.077 2.5a.75.75 0 01.695.467l2.275 5.594.04.049c1.136 1.485.488 3.025-1.157 3.789l-.079.035v7.805c0 .934-.718 1.7-1.633 1.774l-.146.006h-4.859l-4.867.032v-.032H5.101a1.78 1.78 0 01-1.773-1.634l-.006-.146v-7.812l-.103-.043C1.55 11.619.929 10.03 2.094 8.578l.031-.037 2.258-5.573a.75.75 0 01.582-.46l.113-.008zm-6.962 9.677l-.122.079c-1.348.796-3.386.732-4.557-.015l-.055-.037-.135.082c-.72.404-1.576.569-2.423.506v7.447a.28.28 0 00.215.273l.064.007h4.243l.001-4.246c0-.91.7-1.681 1.593-1.756l.142-.006h2.026c.958 0 1.735.777 1.735 1.735v4.273h4.23a.28.28 0 00.273-.215l.007-.065v-7.412c-.953.094-1.897-.1-2.6-.6l-.05-.039-.093.056c-1.391.795-2.784.76-4.03.179l-.187-.091a5.183 5.183 0 01-.176-.096l-.101-.059zm.992 3.834h-2.026c-.118 0-.235.12-.235.262v4.246h2.495l.001-4.273a.235.235 0 00-.116-.203l-.057-.024-.062-.008zm5.465-12.012H5.583L3.471 9.214a.75.75 0 01-.082.15l-.142.174c-.464.6-.245 1.096.597 1.482 1.025.469 2.336.356 3.068-.335a.75.75 0 011.13.117l.066.079c.57.581 2.641.665 3.437-.16a.75.75 0 011.038-.04c.076.066.248.19.496.317 1.003.516 2.09.515 3.25-.365a.75.75 0 011.044.136l.088.099c.538.537 1.715.64 2.725.22.986-.41 1.224-.964.637-1.656a.75.75 0 01-.123-.203L18.572 4z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconShopRegular;

package/dist-es/generated/mistica-icons/icon-shopping-cart-filled.js

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconShoppingCartFilled = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = useTheme(), colors = ref.colors;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconShoppingCartFilled = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M21.552 6.849a.557.557 0 00-.443-.216H7.056c-.23-1.288-.4-2.501-.403-2.53-.219-1.218-1.367-2.1-2.737-2.1H2.56a.562.562 0 00-.56.56c0 .308.252.56.56.56h1.356c.812 0 1.513.507 1.633 1.177.23 1.285 1.507 8.708 1.636 9.535.162 1.025.543 1.829 1.137 2.389.566.535 1.311.815 2.149.815h6.008c.83 0 1.532-.283 2.092-.84.53-.53.886-1.294 1.182-2.308.132-.451 1.729-5.941 1.902-6.558a.547.547 0 00-.103-.484zM10.47 21.683c-.502 0-.902-.142-1.194-.423-.305-.294-.46-.705-.46-1.23 0-.523.155-.935.46-1.229.292-.28.695-.423 1.194-.423.498 0 .902.143 1.193.423.305.294.46.706.46 1.23s-.155.935-.46 1.23c-.291.28-.692.422-1.193.422zm5.462 0c-.502 0-.902-.142-1.194-.423-.305-.294-.459-.705-.459-1.23 0-.523.154-.935.46-1.229.29-.28.694-.423 1.193-.423.498 0 .902.143 1.193.423.303.294.46.706.46 1.23s-.155.935-.46 1.23c-.291.28-.692.422-1.193.422z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M18.043 17.353H8.537l-.632-2.5h11.406L22 4.14H5.209l-.136-.532A2.116 2.116 0 003.028 2h-.324A.707.707 0 002 2.71a.71.71 0 00.704.715h.324c.32 0 .604.219.684.54L7.11 17.458a2.311 2.311 0 00-1.636 2.22A2.32 2.32 0 007.785 22a2.315 2.315 0 002.133-3.214h5.985A2.32 2.32 0 0018.035 22a2.315 2.315 0 002.313-2.321 2.306 2.306 0 00-2.305-2.326",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M21.552 6.849a.557.557 0 00-.443-.216H7.056c-.23-1.288-.4-2.501-.403-2.53-.219-1.218-1.367-2.1-2.737-2.1H2.56a.562.562 0 00-.56.56c0 .308.252.56.56.56h1.356c.812 0 1.513.507 1.633 1.177.23 1.285 1.507 8.708 1.636 9.535.162 1.025.543 1.829 1.137 2.389.566.535 1.311.815 2.149.815h6.008c.83 0 1.532-.283 2.092-.84.53-.53.886-1.294 1.182-2.308.132-.451 1.729-5.941 1.902-6.558a.547.547 0 00-.103-.484zM10.47 21.683c-.502 0-.902-.142-1.194-.423-.305-.294-.46-.705-.46-1.23 0-.523.155-.935.46-1.229.292-.28.695-.423 1.194-.423.498 0 .902.143 1.193.423.305.294.46.706.46 1.23s-.155.935-.46 1.23c-.291.28-.692.422-1.193.422zm5.462 0c-.502 0-.902-.142-1.194-.423-.305-.294-.459-.705-.459-1.23 0-.523.154-.935.46-1.229.29-.28.694-.423 1.193-.423.498 0 .902.143 1.193.423.303.294.46.706.46 1.23s-.155.935-.46 1.23c-.291.28-.692.422-1.193.422z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconShoppingCartFilled;