@telefonica/mistica 10.10.0 → 10.11.0

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconParkingLight = 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 IconParkingLight = 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: "M18.629 3.8c1.084 1.024 1.639 2.615 1.622 4.725a7.095 7.095 0 01-1.507 4.854 5.264 5.264 0 01-2.283 1.493 10.294 10.294 0 01-3.26.46h-2.609v6.1a.408.408 0 01-.409.41H5.91a.41.41 0 01-.409-.41V2.572a.41.41 0 01.409-.409h6.437c1.26-.025 2.518.098 3.748.37.941.193 1.815.63 2.535 1.266zm-.474 9.021a6.353 6.353 0 001.297-4.305c0-1.863-.465-3.28-1.378-4.1a4.765 4.765 0 00-2.143-1.09 15.415 15.415 0 00-3.585-.345h-6.03v18.045H9.78v-6.112c0-.227.182-.41.406-.41H13.2a9.381 9.381 0 003.014-.416 4.402 4.402 0 001.941-1.267zm-4.26-7.38c.454.09.874.3 1.221.607.605.698.9 1.614.815 2.535a3.696 3.696 0 01-.888 2.69c-.31.316-.697.548-1.123.672a6.646 6.646 0 01-1.63.165h-2.104a.405.405 0 01-.406-.409V5.687c0-.227.182-.409.406-.409h1.997a7.642 7.642 0 011.712.163zm.571 5.249a2.925 2.925 0 00.645-2.084 2.631 2.631 0 00-.586-1.936 1.708 1.708 0 00-.815-.409 7.152 7.152 0 00-1.524-.165h-1.588v5.193h1.658c.485.014.97-.03 1.443-.14.294-.081.557-.24.767-.46z",
-        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: "M19.037 21.238c0 .42-.332.762-.74.762a.752.752 0 01-.739-.762c0-.42.332-.763.74-.763.407 0 .74.342.74.763m-2.59 0a.376.376 0 00-.369-.382H3.854c-.612 0-1.11-.513-1.11-1.143V2.91c0-.63.498-1.144 1.11-1.144H20.15c.612 0 1.11.513 1.11 1.144v16.802c0 .523-.342.972-.835 1.104a.38.38 0 00-.265.465.367.367 0 00.45.273c.82-.215 1.389-.977 1.389-1.842V2.91C22 1.86 21.17 1 20.146 1H3.854C2.834 1 2 1.855 2 2.91v16.803c0 1.05.83 1.91 1.854 1.91h12.22a.384.384 0 00.375-.385zM9.41 17.42v-4.966h3.333c2.043 0 3.702-1.71 3.702-3.816 0-2.107-1.659-3.817-3.702-3.817H8.67V17.42c0 .21.166.381.37.381.203 0 .37-.171.37-.381zm0-11.837h3.333c1.635 0 2.963 1.369 2.963 3.055 0 1.686-1.328 3.054-2.963 3.054H9.409V5.584z",
+            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: "M18.629 3.8c1.084 1.024 1.639 2.615 1.622 4.725a7.095 7.095 0 01-1.507 4.854 5.264 5.264 0 01-2.283 1.493 10.294 10.294 0 01-3.26.46h-2.609v6.1a.408.408 0 01-.409.41H5.91a.41.41 0 01-.409-.41V2.572a.41.41 0 01.409-.409h6.437c1.26-.025 2.518.098 3.748.37.941.193 1.815.63 2.535 1.266zm-.474 9.021a6.353 6.353 0 001.297-4.305c0-1.863-.465-3.28-1.378-4.1a4.765 4.765 0 00-2.143-1.09 15.415 15.415 0 00-3.585-.345h-6.03v18.045H9.78v-6.112c0-.227.182-.41.406-.41H13.2a9.381 9.381 0 003.014-.416 4.402 4.402 0 001.941-1.267zm-4.26-7.38c.454.09.874.3 1.221.607.605.698.9 1.614.815 2.535a3.696 3.696 0 01-.888 2.69c-.31.316-.697.548-1.123.672a6.646 6.646 0 01-1.63.165h-2.104a.405.405 0 01-.406-.409V5.687c0-.227.182-.409.406-.409h1.997a7.642 7.642 0 011.712.163zm.571 5.249a2.925 2.925 0 00.645-2.084 2.631 2.631 0 00-.586-1.936 1.708 1.708 0 00-.815-.409 7.152 7.152 0 00-1.524-.165h-1.588v5.193h1.658c.485.014.97-.03 1.443-.14.294-.081.557-.24.767-.46z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconParkingLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconParkingRegular = 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 IconParkingRegular = 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: "M17.861 12.687c.807-.91 1.213-2.286 1.213-4.087 0-1.779-.428-3.087-1.277-3.883-.493-.467-1.163-.81-1.992-1.02-.882-.218-2.042-.333-3.445-.333H6.688v17.278H9.66v-5.776a.6.6 0 01.596-.602h2.933c1.14 0 2.107-.135 2.874-.4.734-.253 1.339-.648 1.798-1.177zm.748-8.85c1.098 1.032 1.656 2.634 1.656 4.763 0 2.106-.51 3.75-1.513 4.888-.596.686-1.372 1.199-2.305 1.518-.894.308-1.989.465-3.258.465H10.85v5.773c.003.33-.263.6-.594.602H6.094a.598.598 0 01-.594-.602V2.762a.598.598 0 01.594-.602h6.266c1.501 0 2.756.126 3.731.367 1.03.26 1.877.7 2.518 1.31zm-4.294 6.74c.362-.367.546-1.014.546-1.927 0-.832-.17-1.423-.512-1.753-.165-.154-.406-.275-.712-.348-.364-.086-.848-.131-1.434-.131H10.85v4.686h1.46c.747 0 1.145-.067 1.344-.126a1.5 1.5 0 00.661-.4zm-.403-5.199c.51.124.93.34 1.252.645.588.577.885 1.46.885 2.63 0 1.244-.3 2.176-.893 2.779a2.682 2.682 0 01-1.18.706c-.4.114-.947.17-1.67.17h-2.052a.598.598 0 01-.594-.602v-5.89a.598.598 0 01.594-.603H12.2c.684 0 1.258.056 1.712.165z",
-        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: "M9.04 18.667a.74.74 0 01-.74-.74V5.338h4.447a4.078 4.078 0 014.072 4.072 4.08 4.08 0 01-4.072 4.072H9.784v4.447a.748.748 0 01-.744.74zm.74-6.665h2.962a2.594 2.594 0 000-5.186H9.779v5.186zm10 9.998H4.223A2.226 2.226 0 012 19.777V4.223C2 3 2.995 2 4.223 2h15.554C21 2 22 2.995 22 4.223v15.554A2.222 2.222 0 0119.781 22zM4.223 3.484a.74.74 0 00-.74.74v15.553c0 .407.333.74.74.74h15.554a.74.74 0 00.74-.74V4.223a.74.74 0 00-.74-.74H4.223z",
+            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: "M17.861 12.687c.807-.91 1.213-2.286 1.213-4.087 0-1.779-.428-3.087-1.277-3.883-.493-.467-1.163-.81-1.992-1.02-.882-.218-2.042-.333-3.445-.333H6.688v17.278H9.66v-5.776a.6.6 0 01.596-.602h2.933c1.14 0 2.107-.135 2.874-.4.734-.253 1.339-.648 1.798-1.177zm.748-8.85c1.098 1.032 1.656 2.634 1.656 4.763 0 2.106-.51 3.75-1.513 4.888-.596.686-1.372 1.199-2.305 1.518-.894.308-1.989.465-3.258.465H10.85v5.773c.003.33-.263.6-.594.602H6.094a.598.598 0 01-.594-.602V2.762a.598.598 0 01.594-.602h6.266c1.501 0 2.756.126 3.731.367 1.03.26 1.877.7 2.518 1.31zm-4.294 6.74c.362-.367.546-1.014.546-1.927 0-.832-.17-1.423-.512-1.753-.165-.154-.406-.275-.712-.348-.364-.086-.848-.131-1.434-.131H10.85v4.686h1.46c.747 0 1.145-.067 1.344-.126a1.5 1.5 0 00.661-.4zm-.403-5.199c.51.124.93.34 1.252.645.588.577.885 1.46.885 2.63 0 1.244-.3 2.176-.893 2.779a2.682 2.682 0 01-1.18.706c-.4.114-.947.17-1.67.17h-2.052a.598.598 0 01-.594-.602v-5.89a.598.598 0 01.594-.603H12.2c.684 0 1.258.056 1.712.165z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconParkingRegular;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPauseFilled = 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 IconPauseFilled = 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.208 4.583c-1.67-1.608-4.098-2.423-7.222-2.423-3.123 0-5.551.815-7.218 2.426-1.731 1.67-2.608 4.162-2.608 7.409 0 3.246.877 5.736 2.608 7.406 1.667 1.608 4.095 2.423 7.218 2.423 3.124 0 5.552-.815 7.222-2.423 1.73-1.67 2.61-4.16 2.61-7.406 0-3.247-.88-5.743-2.61-7.412zM9.782 15.804c0 .308-.238.56-.532.56a.548.548 0 01-.533-.56V8.157c0-.308.239-.56.533-.56.294 0 .532.252.532.56v7.647zm5.49.009c0 .308-.238.56-.53.56-.29 0-.529-.252-.529-.56V8.166c0-.309.238-.56.53-.56.29 0 .529.251.529.56v7.647z",
-        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: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2zm-1.965 14.465A.533.533 0 019.5 17a.533.533 0 01-.535-.535v-8.93c0-.297.238-.535.535-.535.297 0 .535.238.535.535v8.93zm5 0A.533.533 0 0114.5 17a.533.533 0 01-.535-.535v-8.93c0-.297.238-.535.535-.535.297 0 .535.238.535.535v8.93z",
+            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.208 4.583c-1.67-1.608-4.098-2.423-7.222-2.423-3.123 0-5.551.815-7.218 2.426-1.731 1.67-2.608 4.162-2.608 7.409 0 3.246.877 5.736 2.608 7.406 1.667 1.608 4.095 2.423 7.218 2.423 3.124 0 5.552-.815 7.222-2.423 1.73-1.67 2.61-4.16 2.61-7.406 0-3.247-.88-5.743-2.61-7.412zM9.782 15.804c0 .308-.238.56-.532.56a.548.548 0 01-.533-.56V8.157c0-.308.239-.56.533-.56.294 0 .532.252.532.56v7.647zm5.49.009c0 .308-.238.56-.53.56-.29 0-.529-.252-.529-.56V8.166c0-.309.238-.56.53-.56.29 0 .529.251.529.56v7.647z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPauseFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPauseLight = 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 IconPauseLight = 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: "M11.998 2.16c3.14 0 5.574.812 7.238 2.417C20.96 6.241 21.838 8.74 21.838 12c.003 6.435-3.4 9.838-9.84 9.838-6.435 0-9.838-3.4-9.838-9.838 0-6.437 3.4-9.84 9.838-9.84zm0 .56C5.843 2.72 2.72 5.843 2.72 12c0 6.154 3.12 9.278 9.278 9.278 6.16 0 9.28-3.12 9.28-9.278.002-6.16-3.12-9.28-9.28-9.28zM8.953 7.558a.28.28 0 01.28.28v8.333a.28.28 0 01-.28.28.28.28 0 01-.28-.28V7.838a.28.28 0 01.28-.28zm6.045-.028a.28.28 0 01.28.28v8.333a.28.28 0 01-.28.28.28.28 0 01-.28-.28V7.81a.28.28 0 01.28-.28z",
-        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: "M12 22C6.488 22 2 17.516 2 12S6.488 2 12 2s10 4.488 10 10a9.98 9.98 0 01-1.54 5.33.36.36 0 01-.494.109.36.36 0 01-.11-.494 9.247 9.247 0 001.431-4.95C21.282 6.881 17.119 2.718 12 2.718 6.881 2.718 2.718 6.88 2.718 12S6.88 21.282 12 21.282a9.247 9.247 0 004.95-1.43.36.36 0 01.493.11.36.36 0 01-.11.493A9.971 9.971 0 0112 22zm7.5-3.218a.714.714 0 00-1.426 0 .714.714 0 001.426 0zm-9.644-2.138V7.356a.357.357 0 00-.712 0v9.283a.357.357 0 00.712.005zm5 0V7.356a.357.357 0 00-.712 0v9.283a.357.357 0 00.712.005z",
+            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: "M11.998 2.16c3.14 0 5.574.812 7.238 2.417C20.96 6.241 21.838 8.74 21.838 12c.003 6.435-3.4 9.838-9.84 9.838-6.435 0-9.838-3.4-9.838-9.838 0-6.437 3.4-9.84 9.838-9.84zm0 .56C5.843 2.72 2.72 5.843 2.72 12c0 6.154 3.12 9.278 9.278 9.278 6.16 0 9.28-3.12 9.28-9.278.002-6.16-3.12-9.28-9.28-9.28zM8.953 7.558a.28.28 0 01.28.28v8.333a.28.28 0 01-.28.28.28.28 0 01-.28-.28V7.838a.28.28 0 01.28-.28zm6.045-.028a.28.28 0 01.28.28v8.333a.28.28 0 01-.28.28.28.28 0 01-.28-.28V7.81a.28.28 0 01.28-.28z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPauseLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPauseRegular = 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 IconPauseRegular = 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: "M11.986 2.16c3.124 0 5.552.815 7.222 2.423 1.734 1.67 2.61 4.162 2.61 7.409 0 3.246-.88 5.737-2.61 7.406-1.67 1.608-4.098 2.423-7.222 2.423-3.123 0-5.551-.815-7.218-2.423-1.731-1.667-2.608-4.157-2.608-7.403 0-3.247.877-5.74 2.608-7.41C6.435 2.979 8.866 2.16 11.986 2.16zm0 1.09c-5.798 0-8.74 2.94-8.74 8.745 0 5.798 2.942 8.74 8.74 8.74 5.801 0 8.745-2.942 8.745-8.74 0-5.801-2.944-8.745-8.745-8.745zM9.258 7.608c.308 0 .56.252.56.56v7.647c0 .309-.252.56-.56.56a.562.562 0 01-.56-.56V8.168c0-.308.252-.56.56-.56zm5.462 0c.308 0 .56.252.56.56v7.647c0 .309-.252.56-.56.56a.562.562 0 01-.56-.56V8.168c0-.308.252-.56.56-.56z",
-        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: "M12 22C6.488 22 2 17.516 2 12S6.488 2 12 2s10 4.488 10 10-4.488 10-10 10zm0-18.57c-4.726 0-8.57 3.844-8.57 8.57 0 4.726 3.844 8.57 8.57 8.57 4.726 0 8.57-3.844 8.57-8.57 0-4.726-3.844-8.57-8.57-8.57zm-1.787 12.857V7.713a.714.714 0 00-1.426 0v8.57a.714.714 0 001.426.004zm5 0V7.713a.714.714 0 00-1.426 0v8.57a.714.714 0 001.426.004z",
+            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: "M11.986 2.16c3.124 0 5.552.815 7.222 2.423 1.734 1.67 2.61 4.162 2.61 7.409 0 3.246-.88 5.737-2.61 7.406-1.67 1.608-4.098 2.423-7.222 2.423-3.123 0-5.551-.815-7.218-2.423-1.731-1.667-2.608-4.157-2.608-7.403 0-3.247.877-5.74 2.608-7.41C6.435 2.979 8.866 2.16 11.986 2.16zm0 1.09c-5.798 0-8.74 2.94-8.74 8.745 0 5.798 2.942 8.74 8.74 8.74 5.801 0 8.745-2.942 8.745-8.74 0-5.801-2.944-8.745-8.745-8.745zM9.258 7.608c.308 0 .56.252.56.56v7.647c0 .309-.252.56-.56.56a.562.562 0 01-.56-.56V8.168c0-.308.252-.56.56-.56zm5.462 0c.308 0 .56.252.56.56v7.647c0 .309-.252.56-.56.56a.562.562 0 01-.56-.56V8.168c0-.308.252-.56.56-.56z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPauseRegular;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPayInvoiceFilled = 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 IconPayInvoiceFilled = 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.098 2.16c.014 0 .028.003.042.006h.014l.05.008a.284.284 0 01.048.011l.014.003a.139.139 0 01.037.011l.011.006c.014.008.03.014.045.022l.042.025.011.009.03.022.012.009.037.033 5.198 5.2.017.019.009.011.022.03.008.012.026.042.022.048.006.01.014.037c.002.006.005.009.005.014.003.014.009.028.011.045l.009.05v.014a.185.185 0 01.003.04v.785l.001 3.818v7.98l.001.076v.142c-.002.711-.445 1.157-1.154 1.157H8.505c-.367 0-.659-.107-.866-.317-.207-.21-.314-.504-.314-.868v-6.227c-1.63-.003-2.902-.434-3.781-1.283-.919-.885-1.384-2.196-1.384-3.896 0-1.7.465-3.014 1.384-3.897.88-.848 2.154-1.28 3.781-1.283v-.748c0-.72.451-1.17 1.177-1.17h.154l.104-.001h.574l.18-.001h1.314l.252-.001h1.922l.287-.001h1.438l.281-.001zm2.345 15.017h-8.037a.562.562 0 00-.56.56c0 .308.252.56.56.56h8.04a.56.56 0 00-.003-1.12zm.003-3.278h-6.737a.562.562 0 00-.56.56c0 .309.252.56.56.56h6.737c.308 0 .56-.251.56-.56a.562.562 0 00-.56-.56zM7.339 5.17c-2.75 0-4.09 1.338-4.09 4.092 0 2.753 1.337 4.092 4.09 4.092 2.751 0 4.09-1.336 4.09-4.092 0-1.446-.32-2.465-.975-3.12-.655-.656-1.675-.973-3.115-.973zm-.003.487a.42.42 0 01.42.42v.476c.35.048.676.16.939.322.199.124.23.283.23.367a.39.39 0 01-.39.39.515.515 0 01-.23-.065 2.176 2.176 0 00-.546-.216v1.485c1.197.202 1.454.913 1.449 1.485 0 .476-.174.876-.502 1.162-.243.21-.568.35-.952.41v.383a.42.42 0 11-.84 0v-.378a2.874 2.874 0 01-1.227-.48.408.408 0 01-.19-.352.4.4 0 01.402-.398c.096.003.185.03.261.084.23.16.487.275.756.345V9.524C5.852 9.297 5.62 8.631 5.62 8.087c0-.815.496-1.38 1.297-1.526v-.485a.42.42 0 01.42-.42zm11.11 4.966h-4.552a.562.562 0 00-.56.56c0 .309.252.56.56.56h4.552c.308 0 .56-.251.56-.56a.562.562 0 00-.56-.56zm-10.687-.96v1.44c.412-.104.656-.373.656-.754 0-.275-.09-.544-.656-.687zm-.84-2.3a.68.68 0 00-.498.689c0 .232.07.479.498.63zm9.742-3.286v1.37c.003.6.135 1.09.373 1.414.238.325.588.482 1.067.485h1.827l-3.268-3.27z",
-        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: "M17.86 2H7.144C5.964 2 5 2.96 5 4.144V22h15V4.144A2.143 2.143 0 0017.86 2zm-6.098 4.823h.365a2.682 2.682 0 012.625-2.144c.42 0 .832.1 1.22.302a.538.538 0 01.233.722.538.538 0 01-.722.233 1.6 1.6 0 00-.727-.183c-.7 0-1.285.448-1.509 1.07h1.674c.297 0 .535.238.535.535a.533.533 0 01-.535.535h-1.674c.224.621.81 1.07 1.51 1.07.25 0 .493-.06.726-.184a.534.534 0 01.722.234.534.534 0 01-.233.722 2.621 2.621 0 01-1.22.302 2.682 2.682 0 01-2.625-2.144h-.365a.533.533 0 01-.535-.535c0-.297.237-.535.535-.535zm4.667 11.072H8.575a.533.533 0 01-.535-.535c0-.297.238-.535.535-.535h7.859c.297 0 .535.238.535.535a.537.537 0 01-.54.535zm0-3.57H8.575a.533.533 0 01-.535-.535c0-.297.238-.535.535-.535h7.859c.297 0 .535.238.535.535a.537.537 0 01-.54.535z",
+            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.098 2.16c.014 0 .028.003.042.006h.014l.05.008a.284.284 0 01.048.011l.014.003a.139.139 0 01.037.011l.011.006c.014.008.03.014.045.022l.042.025.011.009.03.022.012.009.037.033 5.198 5.2.017.019.009.011.022.03.008.012.026.042.022.048.006.01.014.037c.002.006.005.009.005.014.003.014.009.028.011.045l.009.05v.014a.185.185 0 01.003.04v.785l.001 3.818v7.98l.001.076v.142c-.002.711-.445 1.157-1.154 1.157H8.505c-.367 0-.659-.107-.866-.317-.207-.21-.314-.504-.314-.868v-6.227c-1.63-.003-2.902-.434-3.781-1.283-.919-.885-1.384-2.196-1.384-3.896 0-1.7.465-3.014 1.384-3.897.88-.848 2.154-1.28 3.781-1.283v-.748c0-.72.451-1.17 1.177-1.17h.154l.104-.001h.574l.18-.001h1.314l.252-.001h1.922l.287-.001h1.438l.281-.001zm2.345 15.017h-8.037a.562.562 0 00-.56.56c0 .308.252.56.56.56h8.04a.56.56 0 00-.003-1.12zm.003-3.278h-6.737a.562.562 0 00-.56.56c0 .309.252.56.56.56h6.737c.308 0 .56-.251.56-.56a.562.562 0 00-.56-.56zM7.339 5.17c-2.75 0-4.09 1.338-4.09 4.092 0 2.753 1.337 4.092 4.09 4.092 2.751 0 4.09-1.336 4.09-4.092 0-1.446-.32-2.465-.975-3.12-.655-.656-1.675-.973-3.115-.973zm-.003.487a.42.42 0 01.42.42v.476c.35.048.676.16.939.322.199.124.23.283.23.367a.39.39 0 01-.39.39.515.515 0 01-.23-.065 2.176 2.176 0 00-.546-.216v1.485c1.197.202 1.454.913 1.449 1.485 0 .476-.174.876-.502 1.162-.243.21-.568.35-.952.41v.383a.42.42 0 11-.84 0v-.378a2.874 2.874 0 01-1.227-.48.408.408 0 01-.19-.352.4.4 0 01.402-.398c.096.003.185.03.261.084.23.16.487.275.756.345V9.524C5.852 9.297 5.62 8.631 5.62 8.087c0-.815.496-1.38 1.297-1.526v-.485a.42.42 0 01.42-.42zm11.11 4.966h-4.552a.562.562 0 00-.56.56c0 .309.252.56.56.56h4.552c.308 0 .56-.251.56-.56a.562.562 0 00-.56-.56zm-10.687-.96v1.44c.412-.104.656-.373.656-.754 0-.275-.09-.544-.656-.687zm-.84-2.3a.68.68 0 00-.498.689c0 .232.07.479.498.63zm9.742-3.286v1.37c.003.6.135 1.09.373 1.414.238.325.588.482 1.067.485h1.827l-3.268-3.27z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPayInvoiceFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPayInvoiceLight = 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 IconPayInvoiceLight = 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.182 2.16a.31.31 0 01.069.008l-.069-.008a.279.279 0 01.184.069.09.09 0 01.015.012l5.336 5.336a.278.278 0 01.082.198v13.209c0 .565-.325.893-.891.893l-.487-.002H7.829c-.59 0-.918-.331-.918-.925v-6.89c-1.463-.05-2.612-.468-3.412-1.239-.888-.857-1.339-2.14-1.339-3.812 0-1.673.451-2.955 1.339-3.813.8-.774 1.95-1.19 3.415-1.238v-.882c0-.577.333-.91.915-.91l.375-.002h.291l.169-.001.59-.001h.22l.988-.001h.268l5.452-.001zm-.28.563H9.471l-.221.001H8.203l-.12.001h-.254c-.271 0-.355.082-.355.351l-.001.88.038.002c1.465.048 2.616.464 3.417 1.238.887.858 1.338 2.14 1.338 3.813 0 1.672-.45 2.955-1.338 3.812-.809.78-1.97 1.197-3.457 1.24v6.889c0 .286.078.364.358.364h13.079c.255 0 .33-.078.333-.333V8.059h-2.597l-.107-.001h-.173l-.12-.002c-.636-.002-1.161-.2-1.552-.567-.506-.474-.787-1.23-.79-2.209V2.723zm2.61 14.765a.28.28 0 01.281.28.28.28 0 01-.28.28h-8.28a.28.28 0 01-.28-.28.28.28 0 01.28-.28h8.28zm.004-3.278a.28.28 0 01.28.28c0 .155-.129.28-.283.28H11.39a.28.28 0 01-.28-.28.28.28 0 01.28-.28h7.126zM7.213 4.513c-1.46 0-2.577.367-3.328 1.087-.775.748-1.168 1.893-1.168 3.409 0 1.515.393 2.66 1.168 3.409.748.722 1.869 1.087 3.328 1.087 1.46 0 2.577-.365 3.328-1.087.773-.748 1.168-1.894 1.168-3.41 0-1.515-.392-2.66-1.168-3.408-.748-.723-1.868-1.087-3.328-1.087zm-.042 1.053a.28.28 0 01.28.28v.302c.406.044.78.165 1.079.35.134.082.207.2.207.326a.337.337 0 01-.336.336.515.515 0 01-.213-.059l-.003-.003a2.306 2.306 0 00-.733-.266L7.45 8.631l.06.008c.728.117 1.54.484 1.54 1.532.005.912-.599 1.515-1.599 1.638v.52a.28.28 0 01-.28.28.28.28 0 01-.28-.28l-.001-.505-.059-.002a3.023 3.023 0 01-1.473-.528.364.364 0 01-.171-.313.348.348 0 01.353-.345.426.426 0 01.232.076c.372.248.746.392 1.118.433V9.26l-.13-.02c-1.188-.213-1.444-.924-1.444-1.497 0-.916.61-1.528 1.574-1.606v-.29a.28.28 0 01.28-.28zm11.342 5.367a.28.28 0 01.28.28.28.28 0 01-.28.28h-5.336a.28.28 0 01-.28-.28.28.28 0 01.28-.28h5.336zM7.453 9.342v1.788c.565-.094.903-.432.903-.928 0-.339-.113-.7-.902-.86zm-1.44-1.639c0 .313.106.683.877.845l.002-1.736c-.547.062-.88.39-.88.891zm13.028-.206h.518l.2.001h1.083l-4.378-4.38V5.28c.002.824.235 2.208 1.778 2.216l.653.001h.146z",
-        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: "M19.652 21.643a.353.353 0 01-.349.357H5V3.787C5 2.805 5.781 2 6.746 2H17.91c.96 0 1.746.8 1.746 1.787V17.36a.353.353 0 01-.348.357.353.353 0 01-.349-.357V3.787c0-.59-.468-1.07-1.044-1.07H6.75c-.577 0-1.045.48-1.045 1.07v17.5h13.606c.188 0 .34.16.34.356zm-.349-2.857a.706.706 0 00-.696.713c0 .394.312.714.696.714.384 0 .697-.32.697-.714a.7.7 0 00-.697-.713zm-3.139-1.783H8.488a.353.353 0 00-.349.357c0 .197.157.357.349.357h7.676c.192 0 .348-.16.348-.357a.353.353 0 00-.348-.357zm0-3.574H8.488a.353.353 0 00-.349.356c0 .197.157.357.349.357h7.676c.192 0 .348-.16.348-.357a.353.353 0 00-.348-.356zm-.697-8.21c.326 0 .648.082.952.242a.34.34 0 00.468-.156.358.358 0 00-.151-.48 2.727 2.727 0 00-1.269-.32c-1.17 0-2.17.74-2.585 1.788h-.554a.353.353 0 00-.348.356c0 .197.156.357.348.357h.375a3.185 3.185 0 00-.022.356c0 .12.009.238.022.357h-.375a.353.353 0 00-.348.356c0 .197.156.357.348.357h.554c.415 1.047 1.415 1.787 2.585 1.787.438 0 .867-.11 1.269-.32a.366.366 0 00.151-.48.35.35 0 00-.468-.155 2.03 2.03 0 01-.952.242 2.08 2.08 0 01-1.808-1.07h1.808c.192 0 .349-.16.349-.356a.353.353 0 00-.349-.357h-2.063a2.3 2.3 0 01-.031-.356 2.3 2.3 0 01.031-.357h2.063c.192 0 .349-.16.349-.356a.353.353 0 00-.349-.357H13.66a2.069 2.069 0 011.808-1.079z",
+            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.182 2.16a.31.31 0 01.069.008l-.069-.008a.279.279 0 01.184.069.09.09 0 01.015.012l5.336 5.336a.278.278 0 01.082.198v13.209c0 .565-.325.893-.891.893l-.487-.002H7.829c-.59 0-.918-.331-.918-.925v-6.89c-1.463-.05-2.612-.468-3.412-1.239-.888-.857-1.339-2.14-1.339-3.812 0-1.673.451-2.955 1.339-3.813.8-.774 1.95-1.19 3.415-1.238v-.882c0-.577.333-.91.915-.91l.375-.002h.291l.169-.001.59-.001h.22l.988-.001h.268l5.452-.001zm-.28.563H9.471l-.221.001H8.203l-.12.001h-.254c-.271 0-.355.082-.355.351l-.001.88.038.002c1.465.048 2.616.464 3.417 1.238.887.858 1.338 2.14 1.338 3.813 0 1.672-.45 2.955-1.338 3.812-.809.78-1.97 1.197-3.457 1.24v6.889c0 .286.078.364.358.364h13.079c.255 0 .33-.078.333-.333V8.059h-2.597l-.107-.001h-.173l-.12-.002c-.636-.002-1.161-.2-1.552-.567-.506-.474-.787-1.23-.79-2.209V2.723zm2.61 14.765a.28.28 0 01.281.28.28.28 0 01-.28.28h-8.28a.28.28 0 01-.28-.28.28.28 0 01.28-.28h8.28zm.004-3.278a.28.28 0 01.28.28c0 .155-.129.28-.283.28H11.39a.28.28 0 01-.28-.28.28.28 0 01.28-.28h7.126zM7.213 4.513c-1.46 0-2.577.367-3.328 1.087-.775.748-1.168 1.893-1.168 3.409 0 1.515.393 2.66 1.168 3.409.748.722 1.869 1.087 3.328 1.087 1.46 0 2.577-.365 3.328-1.087.773-.748 1.168-1.894 1.168-3.41 0-1.515-.392-2.66-1.168-3.408-.748-.723-1.868-1.087-3.328-1.087zm-.042 1.053a.28.28 0 01.28.28v.302c.406.044.78.165 1.079.35.134.082.207.2.207.326a.337.337 0 01-.336.336.515.515 0 01-.213-.059l-.003-.003a2.306 2.306 0 00-.733-.266L7.45 8.631l.06.008c.728.117 1.54.484 1.54 1.532.005.912-.599 1.515-1.599 1.638v.52a.28.28 0 01-.28.28.28.28 0 01-.28-.28l-.001-.505-.059-.002a3.023 3.023 0 01-1.473-.528.364.364 0 01-.171-.313.348.348 0 01.353-.345.426.426 0 01.232.076c.372.248.746.392 1.118.433V9.26l-.13-.02c-1.188-.213-1.444-.924-1.444-1.497 0-.916.61-1.528 1.574-1.606v-.29a.28.28 0 01.28-.28zm11.342 5.367a.28.28 0 01.28.28.28.28 0 01-.28.28h-5.336a.28.28 0 01-.28-.28.28.28 0 01.28-.28h5.336zM7.453 9.342v1.788c.565-.094.903-.432.903-.928 0-.339-.113-.7-.902-.86zm-1.44-1.639c0 .313.106.683.877.845l.002-1.736c-.547.062-.88.39-.88.891zm13.028-.206h.518l.2.001h1.083l-4.378-4.38V5.28c.002.824.235 2.208 1.778 2.216l.653.001h.146z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPayInvoiceLight;