@telefonica/mistica 10.9.1 → 10.12.0

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPayInvoiceLight = function IconPayInvoiceLight(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconPayInvoiceLight(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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
+        })));
+    }
 };
 var _default = IconPayInvoiceLight;
 exports.default = _default;

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

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconPayInvoiceLight: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconPayInvoiceLight: React.ComponentType<IconProps>;
 declare export default typeof IconPayInvoiceLight;

package/dist/generated/mistica-icons/icon-pay-invoice-regular.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconPayInvoiceRegular: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconPayInvoiceRegular: React.FC<IconProps>;
 export default IconPayInvoiceRegular;

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPayInvoiceRegular = function IconPayInvoiceRegular(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconPayInvoiceRegular = function IconPayInvoiceRegular(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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.093 2.16c.148 0 .291.059.398.165l5.204 5.219a.559.559 0 01.16.341V7.9a.21.21 0 01.002.039V20.72c0 .712-.442 1.154-1.154 1.157h-.266l-.102-.001-.87-.001H7.972c-.367 0-.658-.107-.865-.32-.208-.213-.314-.501-.314-.868v-6.211c-1.373-.09-2.465-.517-3.246-1.271C2.627 12.317 2.16 11 2.16 9.297c0-1.703.468-3.02 1.387-3.907.781-.755 1.873-1.182 3.246-1.271v-.783c0-.722.451-1.17 1.177-1.17l.424-.002h.322l.186-.001h.414l.227-.001h1.018l.277-.001 5.255-.001zm-.561 1.12l-5.076.001h-.258l-1.51.001H8.14l-.093.001h-.074c-.022 0-.042 0-.056.003l-.002.05v.78c1.463.084 2.558.504 3.336 1.28.874.87 1.3 2.148 1.3 3.901 0 1.706-.468 3.02-1.387 3.908-.784.754-1.874 1.181-3.249 1.27v6.214c0 .023 0 .042.002.065.014 0 .034.003.06.003h12.758V8.498h-2.619c-.857 0-1.549-.324-2-.937-.384-.521-.58-1.222-.582-2.079l-.001-2.202zm3.292 13.93a.56.56 0 110 1.12H10.63a.562.562 0 01-.56-.56c0-.307.251-.56.56-.56h8.193zm0-3.277a.56.56 0 110 1.12h-7.101a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h7.1zM7.387 5.222l-.034.002-.032-.002-.213.003C4.534 5.304 3.28 6.638 3.28 9.297c0 2.743 1.334 4.076 4.073 4.076 2.74 0 4.073-1.333 4.073-4.076 0-1.44-.316-2.456-.97-3.109-.647-.648-1.65-.961-3.07-.966zm-.034.465a.42.42 0 01.42.42v.463c.354.049.68.16.947.324.205.126.236.291.236.378a.405.405 0 01-.404.403.54.54 0 01-.238-.064l-.006-.003a2.075 2.075 0 00-.534-.21l-.001 1.455.052.009c1.163.213 1.416.919 1.416 1.488 0 .48-.176.886-.507 1.174-.244.212-.572.353-.96.414v.37a.42.42 0 11-.84 0l-.001-.364a2.873 2.873 0 01-1.235-.484.427.427 0 01-.196-.364.415.415 0 01.417-.412c.095.003.188.03.266.084.248.165.499.28.748.34l-.001-1.54c-1.074-.23-1.31-.905-1.31-1.45 0-.823.502-1.395 1.31-1.54l.001-.471a.42.42 0 01.42-.42zm11.47 4.423a.56.56 0 110 1.12h-4.915a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h4.916zM7.776 9.705v1.41c.402-.102.64-.365.64-.737 0-.268-.087-.532-.64-.673zM6.45 8.082c0 .153 0 .441.483.615V7.409a.67.67 0 00-.483.673zm10.204-4.006v1.4c0 .608.126 1.099.364 1.418.238.32.597.482 1.098.482l1.826-.001-3.288-3.299z",
-        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.714 18.574H6.43V4.144c0-.393.32-.713.713-.713H17.86c.394 0 .714.32.714.713v16.43zm-1.605-3.214a.533.533 0 01-.535.535H8.575a.533.533 0 01-.535-.535c0-.297.238-.535.535-.535h7.859c.293 0 .535.238.535.535zm0-3.57a.533.533 0 01-.535.535H8.575a.533.533 0 01-.535-.535c0-.297.238-.535.535-.535h7.859a.533.533 0 01.535.535zm-5.742-6.432c0-.297.237-.535.535-.535h.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.53.53 0 01-.535-.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.093 2.16c.148 0 .291.059.398.165l5.204 5.219a.559.559 0 01.16.341V7.9a.21.21 0 01.002.039V20.72c0 .712-.442 1.154-1.154 1.157h-.266l-.102-.001-.87-.001H7.972c-.367 0-.658-.107-.865-.32-.208-.213-.314-.501-.314-.868v-6.211c-1.373-.09-2.465-.517-3.246-1.271C2.627 12.317 2.16 11 2.16 9.297c0-1.703.468-3.02 1.387-3.907.781-.755 1.873-1.182 3.246-1.271v-.783c0-.722.451-1.17 1.177-1.17l.424-.002h.322l.186-.001h.414l.227-.001h1.018l.277-.001 5.255-.001zm-.561 1.12l-5.076.001h-.258l-1.51.001H8.14l-.093.001h-.074c-.022 0-.042 0-.056.003l-.002.05v.78c1.463.084 2.558.504 3.336 1.28.874.87 1.3 2.148 1.3 3.901 0 1.706-.468 3.02-1.387 3.908-.784.754-1.874 1.181-3.249 1.27v6.214c0 .023 0 .042.002.065.014 0 .034.003.06.003h12.758V8.498h-2.619c-.857 0-1.549-.324-2-.937-.384-.521-.58-1.222-.582-2.079l-.001-2.202zm3.292 13.93a.56.56 0 110 1.12H10.63a.562.562 0 01-.56-.56c0-.307.251-.56.56-.56h8.193zm0-3.277a.56.56 0 110 1.12h-7.101a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h7.1zM7.387 5.222l-.034.002-.032-.002-.213.003C4.534 5.304 3.28 6.638 3.28 9.297c0 2.743 1.334 4.076 4.073 4.076 2.74 0 4.073-1.333 4.073-4.076 0-1.44-.316-2.456-.97-3.109-.647-.648-1.65-.961-3.07-.966zm-.034.465a.42.42 0 01.42.42v.463c.354.049.68.16.947.324.205.126.236.291.236.378a.405.405 0 01-.404.403.54.54 0 01-.238-.064l-.006-.003a2.075 2.075 0 00-.534-.21l-.001 1.455.052.009c1.163.213 1.416.919 1.416 1.488 0 .48-.176.886-.507 1.174-.244.212-.572.353-.96.414v.37a.42.42 0 11-.84 0l-.001-.364a2.873 2.873 0 01-1.235-.484.427.427 0 01-.196-.364.415.415 0 01.417-.412c.095.003.188.03.266.084.248.165.499.28.748.34l-.001-1.54c-1.074-.23-1.31-.905-1.31-1.45 0-.823.502-1.395 1.31-1.54l.001-.471a.42.42 0 01.42-.42zm11.47 4.423a.56.56 0 110 1.12h-4.915a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h4.916zM7.776 9.705v1.41c.402-.102.64-.365.64-.737 0-.268-.087-.532-.64-.673zM6.45 8.082c0 .153 0 .441.483.615V7.409a.67.67 0 00-.483.673zm10.204-4.006v1.4c0 .608.126 1.099.364 1.418.238.32.597.482 1.098.482l1.826-.001-3.288-3.299z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconPayInvoiceRegular;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-pay-invoice-regular.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconPayInvoiceRegular: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconPayInvoiceRegular: React.ComponentType<IconProps>;
 declare export default typeof IconPayInvoiceRegular;

package/dist/generated/mistica-icons/icon-pen-filled.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconPenFilled: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconPenFilled: React.FC<IconProps>;
 export default IconPenFilled;

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPenFilled = function IconPenFilled(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconPenFilled = function IconPenFilled(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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: "M8.78 19.151l-1.663-1.644 9.339-9.238 1.639 1.622-9.314 9.26zm-3.66.919l-1.373-1.342.387-2.473 3.383 3.347-2.397.468zm8.79-14.32l1.686 1.67-9.336 9.238-1.686-1.666L13.91 5.75zm6.69-2.256a10.46 10.46 0 00-.249-.25c-1.37-1.335-3.605-2.002-5.759.13l-11.31 11.19a.615.615 0 00-.124.182l-.022.067c-.009.028-.023.054-.028.084l-.942 6.096a.6.6 0 00.712.68l5.865-1.075c.012 0 .023.005.034.005.11 0 .213-.039.308-.095.009-.003.014-.008.023-.014.033-.022.07-.036.1-.067.006-.006.006-.011.012-.014.005-.006.014-.009.02-.014L20.48 9.22c2.132-2.103 1.46-4.336.12-5.728z",
-        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: "M20.553 8.145l.34-.357c1.476-1.55 1.476-4.075 0-5.625a3.667 3.667 0 00-5.358 0l-.34.357 5.358 5.625zM4.177 14.088l10.25-10.763 5.356 5.624L9.533 19.71l-5.356-5.623zm-.625.955l-1.528 6.003a.784.784 0 00.188.731.705.705 0 00.696.198l5.717-1.61-5.073-5.322z",
+            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: "M8.78 19.151l-1.663-1.644 9.339-9.238 1.639 1.622-9.314 9.26zm-3.66.919l-1.373-1.342.387-2.473 3.383 3.347-2.397.468zm8.79-14.32l1.686 1.67-9.336 9.238-1.686-1.666L13.91 5.75zm6.69-2.256a10.46 10.46 0 00-.249-.25c-1.37-1.335-3.605-2.002-5.759.13l-11.31 11.19a.615.615 0 00-.124.182l-.022.067c-.009.028-.023.054-.028.084l-.942 6.096a.6.6 0 00.712.68l5.865-1.075c.012 0 .023.005.034.005.11 0 .213-.039.308-.095.009-.003.014-.008.023-.014.033-.022.07-.036.1-.067.006-.006.006-.011.012-.014.005-.006.014-.009.02-.014L20.48 9.22c2.132-2.103 1.46-4.336.12-5.728z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconPenFilled;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-pen-filled.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconPenFilled: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconPenFilled: React.ComponentType<IconProps>;
 declare export default typeof IconPenFilled;

package/dist/generated/mistica-icons/icon-pen-light.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconPenLight: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconPenLight: React.FC<IconProps>;
 export default IconPenLight;

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPenLight = function IconPenLight(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconPenLight = function IconPenLight(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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.925 8.597l-.829.824-4.565-4.516.845-.837c2.037-2.011 3.77-.76 4.423-.126.079.078.163.165.233.235.639.664 1.91 2.423-.107 4.42zM3.267 19.628L4.34 20.69l-1.272.232.2-1.294zM6.13 17.2l-2.014-1.995 9.83-9.723 2.013 1.995L6.13 17.2zm-.804 3.308L3.421 18.62l.395-2.555 4.025 3.98-2.515.463zm3.381-.76L6.715 17.78l9.83-9.722 1.969 1.946-9.807 9.746zM20.631 3.612c-.084-.084-.165-.168-.252-.252-1.33-1.294-3.498-1.938-5.59.132L3.233 14.919a.368.368 0 00-.104.205c-.003.008-.011.014-.011.022L2.16 21.37a.41.41 0 00.484.465l6.02-1.103c.014 0 .028.008.042.008.11 0 .216-.042.294-.12.006-.006.009-.014.014-.023.003-.003.011-.003.014-.005L20.514 9.177c2.67-2.644.566-5.1.117-5.566z",
-        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: "M16.155 2.052a3.315 3.315 0 014.844 0c1.335 1.402 1.335 3.684 0 5.086l-.722.757-8.85 9.293a.366.366 0 01-.257.11.349.349 0 01-.256-.11.392.392 0 010-.535l8.597-9.019-3.826-4.016L4.458 15.407l4.082 4.282a.404.404 0 01.092.366.378.378 0 01-.257.27l-5.922 1.662a.352.352 0 01-.349-.097.404.404 0 01-.092-.366l1.587-6.218V15.3l.017-.042a.13.13 0 01.016-.042s.004-.004.004-.008c.008-.009.012-.021.02-.03l.008-.008c.008-.013.016-.021.028-.034L15.432 2.81zM4.133 16.139L2.87 21.086l4.71-1.326-3.448-3.62zm5.594 1.541c.398 0 .721.34.721.758 0 .419-.323.758-.721.758-.399 0-.722-.34-.722-.758s.323-.758.722-.758zM20.489 2.586a2.618 2.618 0 00-3.825 0l-.465.489 3.825 4.016.465-.488c1.055-1.107 1.055-2.91 0-4.017z",
+            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.925 8.597l-.829.824-4.565-4.516.845-.837c2.037-2.011 3.77-.76 4.423-.126.079.078.163.165.233.235.639.664 1.91 2.423-.107 4.42zM3.267 19.628L4.34 20.69l-1.272.232.2-1.294zM6.13 17.2l-2.014-1.995 9.83-9.723 2.013 1.995L6.13 17.2zm-.804 3.308L3.421 18.62l.395-2.555 4.025 3.98-2.515.463zm3.381-.76L6.715 17.78l9.83-9.722 1.969 1.946-9.807 9.746zM20.631 3.612c-.084-.084-.165-.168-.252-.252-1.33-1.294-3.498-1.938-5.59.132L3.233 14.919a.368.368 0 00-.104.205c-.003.008-.011.014-.011.022L2.16 21.37a.41.41 0 00.484.465l6.02-1.103c.014 0 .028.008.042.008.11 0 .216-.042.294-.12.006-.006.009-.014.014-.023.003-.003.011-.003.014-.005L20.514 9.177c2.67-2.644.566-5.1.117-5.566z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconPenLight;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-pen-light.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconPenLight: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconPenLight: React.ComponentType<IconProps>;
 declare export default typeof IconPenLight;

package/dist/generated/mistica-icons/icon-pen-regular.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconPenRegular: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconPenRegular: React.FC<IconProps>;
 export default IconPenRegular;

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPenRegular = function IconPenRegular(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconPenRegular = function IconPenRegular(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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.616 8.373l-.667.663L14.767 4.9l.683-.678c1.863-1.846 3.448-.7 4.048-.12.073.073.154.154.221.224.583.608 1.745 2.218-.103 4.048zM3.677 19.17l.967.958-1.149.21.182-1.168zm2.577-2.516L4.568 14.99l9.339-9.238 1.683 1.666-9.336 9.238zm-.16 3.208l-2.19-2.168.221-1.44 3.384 3.347-1.414.26zm2.681-.712l-1.664-1.644 9.336-9.238 1.64 1.622c.002 0-9.312 9.26-9.312 9.26zm11.82-15.658a10.46 10.46 0 00-.248-.25c-1.373-1.333-3.605-2.002-5.76.13L3.28 14.563a.526.526 0 00-.123.18.608.608 0 00-.02.067c-.008.028-.022.056-.027.084l-.942 6.1c-.03.194.037.39.18.524a.622.622 0 00.532.16l5.868-1.079c.011 0 .02.006.031.006a.594.594 0 00.305-.095c.012-.006.023-.017.037-.023.03-.02.064-.033.09-.058l.008-.012.02-.016L20.48 9.224c2.126-2.11 1.454-4.342.115-5.731z",
-        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: "M20.889 3.107a3.792 3.792 0 00-5.356 0l-.724.724L3.841 14.802a.71.71 0 00-.228.364l-1.588 5.926a.723.723 0 00.888.884l5.856-1.572a.728.728 0 00.388-.2L19.661 9.697l.512-.512.724-.724a3.79 3.79 0 00-.008-5.354zM3.745 20.256l.936-3.505 2.564 2.564-3.5.94zm4.9-1.589l-3.312-3.313 9.992-9.994 3.312 3.313-9.992 9.994zM19.87 7.44l-.212.212-3.312-3.312.212-.212a2.346 2.346 0 013.312 0c.912.912.912 2.4 0 3.312z",
+            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.616 8.373l-.667.663L14.767 4.9l.683-.678c1.863-1.846 3.448-.7 4.048-.12.073.073.154.154.221.224.583.608 1.745 2.218-.103 4.048zM3.677 19.17l.967.958-1.149.21.182-1.168zm2.577-2.516L4.568 14.99l9.339-9.238 1.683 1.666-9.336 9.238zm-.16 3.208l-2.19-2.168.221-1.44 3.384 3.347-1.414.26zm2.681-.712l-1.664-1.644 9.336-9.238 1.64 1.622c.002 0-9.312 9.26-9.312 9.26zm11.82-15.658a10.46 10.46 0 00-.248-.25c-1.373-1.333-3.605-2.002-5.76.13L3.28 14.563a.526.526 0 00-.123.18.608.608 0 00-.02.067c-.008.028-.022.056-.027.084l-.942 6.1c-.03.194.037.39.18.524a.622.622 0 00.532.16l5.868-1.079c.011 0 .02.006.031.006a.594.594 0 00.305-.095c.012-.006.023-.017.037-.023.03-.02.064-.033.09-.058l.008-.012.02-.016L20.48 9.224c2.126-2.11 1.454-4.342.115-5.731z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconPenRegular;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-pen-regular.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconPenRegular: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconPenRegular: React.ComponentType<IconProps>;
 declare export default typeof IconPenRegular;

package/dist/generated/mistica-icons/icon-pendrive-filled.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconPendriveFilled: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconPendriveFilled: React.FC<IconProps>;
 export default IconPendriveFilled;