@telefonica/mistica 10.9.0 → 10.11.0

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

@@ -2,30 +2,66 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconCowboyLassoLight = function IconCowboyLassoLight(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.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: "M12.938 14.67a21.33 21.33 0 01-3.22.365c-.08-1.143-.95-1.765-2.421-1.907a5.5 5.5 0 00-.513-.026c-.91 0-1.577.278-1.96.843-.922-.655-1.51-1.613-1.74-2.86-.638-3.473 2.031-5.79 7.933-6.882 2.91-.538 5.23-.507 6.896.093 1.675.605 2.645 1.747 2.967 3.495.636 3.474-2.037 5.79-7.942 6.88m-5.532 1.86c-.14 0-.283-.009-.437-.023-1.8-.173-1.717-1.039-1.678-1.453.056-.586.275-1.13 1.49-1.13.138 0 .284.01.435.023.647.062 1.129.23 1.398.482.148.137.336.39.28.975-.054.585-.272 1.126-1.488 1.126m14.278-8.888c-.373-2.034-1.55-3.42-3.496-4.12-1.807-.653-4.27-.692-7.322-.13-8.017 1.482-9.096 5.082-8.591 7.841.274 1.499.994 2.655 2.137 3.437.034.022.07.034.106.045-.016.084-.036.165-.044.257-.138 1.432.761 2.194 2.417 2.353.18.017.35.026.512.026.309 0 .589-.037.838-.098.224.383.44.935.263 1.481-.187.566-.767 1.056-1.725 1.451a.412.412 0 00.31.762c1.191-.49 1.928-1.148 2.194-1.955.21-.641.1-1.358-.297-2.076.325-.243.546-.593.658-1.053a22.058 22.058 0 003.443-.384c8.022-1.481 9.104-5.08 8.597-7.837",
-    fill: fillColor
-  }));
+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 IconCowboyLassoLight = 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", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M12.938 14.67a21.33 21.33 0 01-3.22.365c-.08-1.143-.95-1.765-2.421-1.907a5.5 5.5 0 00-.513-.026c-.91 0-1.577.278-1.96.843-.922-.655-1.51-1.613-1.74-2.86-.638-3.473 2.031-5.79 7.933-6.882 2.91-.538 5.23-.507 6.896.093 1.675.605 2.645 1.747 2.967 3.495.636 3.474-2.037 5.79-7.942 6.88m-5.532 1.86c-.14 0-.283-.009-.437-.023-1.8-.173-1.717-1.039-1.678-1.453.056-.586.275-1.13 1.49-1.13.138 0 .284.01.435.023.647.062 1.129.23 1.398.482.148.137.336.39.28.975-.054.585-.272 1.126-1.488 1.126m14.278-8.888c-.373-2.034-1.55-3.42-3.496-4.12-1.807-.653-4.27-.692-7.322-.13-8.017 1.482-9.096 5.082-8.591 7.841.274 1.499.994 2.655 2.137 3.437.034.022.07.034.106.045-.016.084-.036.165-.044.257-.138 1.432.761 2.194 2.417 2.353.18.017.35.026.512.026.309 0 .589-.037.838-.098.224.383.44.935.263 1.481-.187.566-.767 1.056-1.725 1.451a.412.412 0 00.31.762c1.191-.49 1.928-1.148 2.194-1.955.21-.641.1-1.358-.297-2.076.325-.243.546-.593.658-1.053a22.058 22.058 0 003.443-.384c8.022-1.481 9.104-5.08 8.597-7.837",
+        fill: fillColor
+    })));
 };
-
-export default IconCowboyLassoLight;
+export default IconCowboyLassoLight;

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

@@ -2,30 +2,66 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconCowboyLassoRegular = function IconCowboyLassoRegular(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.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.103 11.987c-1.289 1.109-3.373 1.935-6.194 2.456a21.62 21.62 0 01-3.064.356c-.157-1.081-1.048-1.678-2.513-1.82a5.168 5.168 0 00-.537-.029c-.827 0-1.463.219-1.877.661-.756-.605-1.238-1.423-1.44-2.512-.3-1.633.165-2.955 1.429-4.042 1.288-1.11 3.37-1.936 6.187-2.457 2.818-.52 5.056-.493 6.659.084 1.565.566 2.476 1.633 2.776 3.264.305 1.63-.163 2.952-1.426 4.039M7.027 16.144c-1.52-.149-1.468-.709-1.428-1.118.039-.398.08-.849 1.196-.849.134 0 .271.009.417.023 1.524.148 1.47.708 1.429 1.12-.04.398-.082.846-1.196.846-.13 0-.272-.008-.418-.022m14.712-8.42c-.381-2.07-1.58-3.482-3.566-4.2-1.807-.65-4.26-.697-7.294-.134-3.034.56-5.311 1.48-6.765 2.734-1.6 1.375-2.216 3.123-1.835 5.196.275 1.496.995 2.653 2.126 3.451-.005.048-.02.09-.022.137-.143 1.496.798 2.292 2.53 2.46.187.02.366.028.537.028.266 0 .507-.028.734-.073.185.33.353.776.233 1.202-.183.638-.964 1.078-1.589 1.336a.613.613 0 00.465 1.134c1.275-.524 2.048-1.243 2.3-2.137.185-.647.062-1.367-.317-2.073a1.89 1.89 0 00.465-.759 22.052 22.052 0 003.395-.378c3.034-.56 5.311-1.48 6.768-2.731 1.597-1.376 2.216-3.123 1.835-5.193",
-    fill: fillColor
-  }));
+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 IconCowboyLassoRegular = 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", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M19.103 11.987c-1.289 1.109-3.373 1.935-6.194 2.456a21.62 21.62 0 01-3.064.356c-.157-1.081-1.048-1.678-2.513-1.82a5.168 5.168 0 00-.537-.029c-.827 0-1.463.219-1.877.661-.756-.605-1.238-1.423-1.44-2.512-.3-1.633.165-2.955 1.429-4.042 1.288-1.11 3.37-1.936 6.187-2.457 2.818-.52 5.056-.493 6.659.084 1.565.566 2.476 1.633 2.776 3.264.305 1.63-.163 2.952-1.426 4.039M7.027 16.144c-1.52-.149-1.468-.709-1.428-1.118.039-.398.08-.849 1.196-.849.134 0 .271.009.417.023 1.524.148 1.47.708 1.429 1.12-.04.398-.082.846-1.196.846-.13 0-.272-.008-.418-.022m14.712-8.42c-.381-2.07-1.58-3.482-3.566-4.2-1.807-.65-4.26-.697-7.294-.134-3.034.56-5.311 1.48-6.765 2.734-1.6 1.375-2.216 3.123-1.835 5.196.275 1.496.995 2.653 2.126 3.451-.005.048-.02.09-.022.137-.143 1.496.798 2.292 2.53 2.46.187.02.366.028.537.028.266 0 .507-.028.734-.073.185.33.353.776.233 1.202-.183.638-.964 1.078-1.589 1.336a.613.613 0 00.465 1.134c1.275-.524 2.048-1.243 2.3-2.137.185-.647.062-1.367-.317-2.073a1.89 1.89 0 00.465-.759 22.052 22.052 0 003.395-.378c3.034-.56 5.311-1.48 6.768-2.731 1.597-1.376 2.216-3.123 1.835-5.193",
+        fill: fillColor
+    })));
 };
-
-export default IconCowboyLassoRegular;
+export default IconCowboyLassoRegular;

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

@@ -2,30 +2,78 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconCreditCardFilled = function IconCreditCardFilled(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.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: "M20.213 18.045H3.523a.229.229 0 01-.232-.227V13.71h17.154v4.107a.233.233 0 01-.232.227zM3.523 6.565h16.69a.23.23 0 01.232.228V8.71H3.291V6.793a.23.23 0 01.233-.227zm18.191 2.763c0-.031-.014-.056-.017-.084V6.793c0-.807-.666-1.46-1.484-1.46H3.523c-.82 0-1.487.653-1.487 1.46V9.28c-.002.017-.01.03-.01.048v3.767c0 .017.008.031.01.048v4.675c0 .804.667 1.46 1.488 1.46h16.689c.818 0 1.484-.656 1.484-1.46v-4.642c.003-.028.017-.053.017-.084V9.328z",
-    fill: fillColor
-  }));
+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 IconCreditCardFilled = 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;
+    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: "M21.992 8.97V6.938c0-1.073-.8-1.938-1.788-1.938H3.788C2.8 5 2 5.865 2 6.938V8.97h19.992zM2 10.102v6.96C2 18.135 2.8 19 3.788 19h16.424C21.2 19 22 18.135 22 17.062v-6.96H2zm7.493 3.406H4.501c-.3 0-.537-.259-.537-.569 0-.318.244-.568.537-.568h5c.3 0 .537.259.537.568-.008.318-.244.569-.545.569zm4.65 0h-2.505c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h2.5c.3 0 .537.259.537.568 0 .318-.245.569-.533.569zm5.348 0H16.28c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h3.212c.3 0 .537.259.537.568-.004.318-.236.569-.537.569z",
+            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: "M20.213 18.045H3.523a.229.229 0 01-.232-.227V13.71h17.154v4.107a.233.233 0 01-.232.227zM3.523 6.565h16.69a.23.23 0 01.232.228V8.71H3.291V6.793a.23.23 0 01.233-.227zm18.191 2.763c0-.031-.014-.056-.017-.084V6.793c0-.807-.666-1.46-1.484-1.46H3.523c-.82 0-1.487.653-1.487 1.46V9.28c-.002.017-.01.03-.01.048v3.767c0 .017.008.031.01.048v4.675c0 .804.667 1.46 1.488 1.46h16.689c.818 0 1.484-.656 1.484-1.46v-4.642c.003-.028.017-.053.017-.084V9.328z",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconCreditCardFilled;
+export default IconCreditCardFilled;

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

@@ -2,30 +2,78 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconCreditCardLight = function IconCreditCardLight(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.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.598 9.317v3.81a.47.47 0 010 .087v4.724c.003.327-.13.643-.363.876-.236.23-.552.36-.884.36H3.531a1.231 1.231 0 01-1.231-1.22V6.72A1.233 1.233 0 013.539 5.5H20.35a1.24 1.24 0 01.876.354c.234.228.368.539.368.865v2.51c.006.03.006.06.003.088zm-18.493.407v3.012h17.691V9.724H3.105zm.434-3.417a.427.427 0 00-.437.423v2.2H20.78v-2.2a.425.425 0 00-.426-.423H3.539zM20.354 18.37a.424.424 0 00.442-.423v-4.413H3.105v4.413a.427.427 0 00.437.423h16.812z",
-    fill: fillColor
-  }));
+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 IconCreditCardLight = 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;
+    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.058 17.529c.394 0 .713.33.713.735a.724.724 0 01-.713.736.724.724 0 01-.712-.736c0-.406.319-.735.712-.735zM20.195 5c.989 0 1.789.843 1.805 1.888v9.856c0 1.045-.8 1.888-1.789 1.888a.363.363 0 01-.356-.368c0-.202.16-.367.356-.367.593 0 1.069-.517 1.069-1.153V9.785H2.72v6.963c0 .636.476 1.153 1.069 1.153h12.137c.196 0 .356.165.356.368 0 .202-.16.367-.356.367H3.789C2.8 18.636 2 17.793 2 16.748v-9.86C2 5.843 2.8 5 3.789 5zM9.5 12.368c.196 0 .356.224.356.5 0 .275-.16.5-.356.5H4.501c-.196 0-.356-.225-.356-.5 0-.276.16-.5.356-.5zm4.638 0c.196 0 .356.224.356.5 0 .275-.16.5-.356.5h-2.501c-.196 0-.356-.225-.356-.5 0-.276.16-.5.356-.5zm5.346 0c.204 0 .356.224.356.5 0 .275-.16.5-.356.5H16.27c-.196 0-.356-.225-.356-.5 0-.276.16-.5.356-.5zm.712-6.637H3.781c-.593 0-1.069.517-1.069 1.153V9.05h18.552V6.884c0-.636-.476-1.153-1.069-1.153z",
+            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.598 9.317v3.81a.47.47 0 010 .087v4.724c.003.327-.13.643-.363.876-.236.23-.552.36-.884.36H3.531a1.231 1.231 0 01-1.231-1.22V6.72A1.233 1.233 0 013.539 5.5H20.35a1.24 1.24 0 01.876.354c.234.228.368.539.368.865v2.51c.006.03.006.06.003.088zm-18.493.407v3.012h17.691V9.724H3.105zm.434-3.417a.427.427 0 00-.437.423v2.2H20.78v-2.2a.425.425 0 00-.426-.423H3.539zM20.354 18.37a.424.424 0 00.442-.423v-4.413H3.105v4.413a.427.427 0 00.437.423h16.812z",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconCreditCardLight;
+export default IconCreditCardLight;

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

@@ -2,30 +2,78 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconCreditCardRegular = function IconCreditCardRegular(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.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.714 9.328v3.767c0 .031-.014.053-.017.084v4.642c0 .804-.666 1.46-1.484 1.46H3.523c-.82 0-1.487-.656-1.487-1.46v-4.678c-.002-.017-.01-.031-.01-.048V9.328c0-.017.008-.031.01-.048V6.793c0-.807.667-1.46 1.488-1.46h16.689c.818 0 1.484.653 1.484 1.46v2.45c.003.029.017.054.017.085zm-1.501 8.717c.126 0 .23-.101.232-.227V13.71H3.291v4.11c0 .126.107.23.233.227 0-.003 16.689-.003 16.689-.003zM3.523 6.565a.229.229 0 00-.232.228V8.71h17.152V6.793a.229.229 0 00-.233-.227H3.524zm-.232 5.914h17.152V9.944H3.29v2.535z",
-    fill: fillColor
-  }));
+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 IconCreditCardRegular = 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;
+    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: "M19.848 5c1.18 0 2.144 1.017 2.152 2.272v9.456c0 1.25-.964 2.272-2.144 2.272H4.144C2.964 19 2 17.979 2 16.728V7.272C2 6.022 2.964 5 4.144 5zm.72 5.298H3.432v6.43c0 .411.316.755.712.755h15.704c.396 0 .72-.344.72-.755v-6.43zM9.493 12.184c.397 0 .713.344.713.755 0 .42-.316.754-.713.754H4.857c-.397 0-.713-.335-.713-.754 0-.42.316-.755.713-.755zm4.65 0c.388 0 .712.344.708.755 0 .42-.316.754-.713.754h-2.5c-.396 0-.712-.335-.712-.754 0-.42.316-.755.712-.755zm4.992 0c.397 0 .713.344.713.755 0 .42-.316.754-.713.754H16.28c-.396 0-.712-.335-.712-.754 0-.42.316-.755.712-.755zm.72-5.675H4.146c-.397 0-.72.343-.72.763v1.5h17.143V7.263c0-.41-.316-.754-.712-.754z",
+            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.714 9.328v3.767c0 .031-.014.053-.017.084v4.642c0 .804-.666 1.46-1.484 1.46H3.523c-.82 0-1.487-.656-1.487-1.46v-4.678c-.002-.017-.01-.031-.01-.048V9.328c0-.017.008-.031.01-.048V6.793c0-.807.667-1.46 1.488-1.46h16.689c.818 0 1.484.653 1.484 1.46v2.45c.003.029.017.054.017.085zm-1.501 8.717c.126 0 .23-.101.232-.227V13.71H3.291v4.11c0 .126.107.23.233.227 0-.003 16.689-.003 16.689-.003zM3.523 6.565a.229.229 0 00-.232.228V8.71h17.152V6.793a.229.229 0 00-.233-.227H3.524zm-.232 5.914h17.152V9.944H3.29v2.535z",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconCreditCardRegular;
+export default IconCreditCardRegular;

package/dist-es/generated/mistica-icons/icon-credit-card-visa-filled.js

@@ -2,30 +2,66 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconCreditCardVisaFilled = function IconCreditCardVisaFilled(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.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: "M20.24 18.092a.22.22 0 00.222-.218v-5.762H3.216v5.762c0 .12.1.218.224.218h16.8zM3.44 6.518a.222.222 0 00-.224.221v1.194h17.246V6.739c0-.12-.1-.22-.221-.22H3.44zm18.246 2.009v2.991c0 .028-.014.056-.017.084v6.272a1.42 1.42 0 01-1.428 1.406H3.44a1.42 1.42 0 01-1.429-1.406v-6.305c-.003-.017-.011-.031-.011-.05V8.526c0-.017.008-.034.011-.048V6.742A1.42 1.42 0 013.44 5.336h16.8c.788 0 1.43.63 1.43 1.406v1.703c.002.026.016.05.016.082zm-7.179 7.818c.513-.009 1.123-.219 1.123-1.169 0-.95-.616-1.162-1.134-1.176h-.146c-.504.003-1.106.21-1.106 1.168 0 .96.61 1.17 1.12 1.18l.143-.003zm2.868-3.37c.99.022 2.149.613 2.149 2.204 0 1.594-1.16 2.18-2.151 2.196h-.174c-.27-.002-.846-.061-1.345-.431a2.37 2.37 0 01-1.333.429h-.174c-.991-.014-2.15-.6-2.15-2.208s1.153-2.187 2.14-2.196c.064 0 .128 0 .184.003.445.011.924.146 1.32.429.52-.384 1.134-.429 1.35-.432.061 0 .128.003.184.006z",
-    fill: fillColor
-  }));
+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 IconCreditCardVisaFilled = 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", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M20.24 18.092a.22.22 0 00.222-.218v-5.762H3.216v5.762c0 .12.1.218.224.218h16.8zM3.44 6.518a.222.222 0 00-.224.221v1.194h17.246V6.739c0-.12-.1-.22-.221-.22H3.44zm18.246 2.009v2.991c0 .028-.014.056-.017.084v6.272a1.42 1.42 0 01-1.428 1.406H3.44a1.42 1.42 0 01-1.429-1.406v-6.305c-.003-.017-.011-.031-.011-.05V8.526c0-.017.008-.034.011-.048V6.742A1.42 1.42 0 013.44 5.336h16.8c.788 0 1.43.63 1.43 1.406v1.703c.002.026.016.05.016.082zm-7.179 7.818c.513-.009 1.123-.219 1.123-1.169 0-.95-.616-1.162-1.134-1.176h-.146c-.504.003-1.106.21-1.106 1.168 0 .96.61 1.17 1.12 1.18l.143-.003zm2.868-3.37c.99.022 2.149.613 2.149 2.204 0 1.594-1.16 2.18-2.151 2.196h-.174c-.27-.002-.846-.061-1.345-.431a2.37 2.37 0 01-1.333.429h-.174c-.991-.014-2.15-.6-2.15-2.208s1.153-2.187 2.14-2.196c.064 0 .128 0 .184.003.445.011.924.146 1.32.429.52-.384 1.134-.429 1.35-.432.061 0 .128.003.184.006z",
+        fill: fillColor
+    })));
 };
-
-export default IconCreditCardVisaFilled;
+export default IconCreditCardVisaFilled;