@telefonica/mistica 10.9.1 → 10.12.0

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconDartboardLight = function IconDartboardLight(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 IconDartboardLight = function IconDartboardLight(_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: "M20.027 6.891h-2.092l.944-.935 1.781.017c-.002 0-.633.918-.633.918zm-7.952 4.659c-.417-.283-.997-.423-1.784-.44-.152-.003-.586-.006-.583-.006-1.627.014-2.51.47-2.51 2.843 0 2.401.91 2.869 2.577 2.891l.185.003.398-.003c1.952-.033 2.613-.75 2.613-2.843 0-.795-.103-1.395-.341-1.837l1.215-1.205c.54.74.824 1.742.824 3.042 0 2.994-1.4 4.48-4.275 4.527l-.423.002-.201-.002c-2.871-.04-4.266-1.538-4.266-4.575 0-3.02 1.37-4.5 4.187-4.526l.645.005c1.271.031 2.24.348 2.95.928l-1.211 1.196zm.073 2.442c0 1.748-.387 2.003-1.801 2.028l-.381.003-.18-.003c-1.19-.017-1.764-.112-1.764-2.075 0-1.928.515-2.017 1.689-2.026.05 0 .428 0 .563.003.532.014.93.062 1.216.208l-1.521 1.51-.003-.659a.41.41 0 00-.41-.406h-.005a.407.407 0 00-.409.406v.003l.003 1.641v.006c0 .073.028.137.062.196a.409.409 0 00.347.205h.006l1.647-.026a.412.412 0 00.406-.414.408.408 0 00-.412-.4h-.006l-.633.01 1.435-1.423c.1.297.15.681.15 1.213zm5.04 0c0 2.782-.95 4.782-2.827 5.939-1.532.946-3.26 1.078-3.93 1.09-.137.002-.294.002-.454.002l-.244-.003c-.678-.008-2.42-.134-3.952-1.09-1.86-1.162-2.801-3.176-2.801-5.985 0-2.804.933-4.81 2.773-5.958 1.515-.947 3.246-1.065 3.921-1.068h.157c.194 0 .395.003.566.006.678.017 2.423.157 3.964 1.118.257.16.493.339.717.532l-1.2 1.188c-1-.846-2.321-1.124-3.526-1.152l-.664-.005c-2.288.02-5.01.96-5.01 5.341 0 4.398 2.761 5.359 5.075 5.393l.207.002.44-.005c2.322-.04 5.09-1 5.09-5.342 0-1.661-.41-2.826-1.042-3.641l1.207-1.2c1.014 1.18 1.532 2.8 1.532 4.838zm.1-9.896l.877-.69V5.51l-.877.869V4.096zm4.507 1.288a.413.413 0 00-.361-.218l-1.743-.02.11-.109a.407.407 0 00.002-.574l-.002-.003a.414.414 0 00-.583 0l-.233.233v-2.13a.405.405 0 00-.232-.366.413.413 0 00-.434.047l-1.7 1.334a.42.42 0 00-.157.319v3.297l-.813.807c-1.877-1.639-4.327-1.869-5.238-1.891a20.596 20.596 0 00-.588-.008l-.16.002c-1.588.014-7.507.555-7.507 7.843 0 7.3 5.972 7.872 7.563 7.894.084.003.171.003.255.003.165 0 .328-.003.47-.003 1.513-.028 7.564-.591 7.564-7.843 0-2.535-.745-4.244-1.779-5.415l.88-.874h3.134a.407.407 0 00.339-.179l1.185-1.725a.4.4 0 00.028-.42z",
-        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.07 18.89c0 .428-.331.776-.74.776-.407 0-.739-.348-.739-.776 0-.428.332-.777.74-.777s.74.349.74.777zm5.817-14.497L19.3 7.115a.354.354 0 01-.26.115h-2.442l-3.56 3.737c.62.776 1 1.777 1 2.872 0 2.463-1.91 4.468-4.258 4.468-2.346 0-4.257-2.005-4.257-4.468 0-2.464 1.91-4.47 4.257-4.47 1.043 0 1.996.394 2.736 1.05l1.967-2.065c-1.294-1.224-2.948-1.9-4.703-1.9-3.877 0-7.035 3.314-7.035 7.385 0 4.07 3.158 7.385 7.035 7.385a6.757 6.757 0 003.708-1.11.36.36 0 01.512.124.4.4 0 01-.119.538A7.486 7.486 0 019.78 22C5.49 22 2 18.337 2 13.834 2 9.33 5.49 5.667 9.78 5.667c1.948 0 3.792.756 5.224 2.13l1.071-1.125V4.11c0-.104.038-.204.11-.273l2.592-2.722a.36.36 0 01.403-.085c.138.06.228.204.228.358v2.334h2.223c.152 0 .285.095.342.24a.41.41 0 01-.086.432zM12.51 11.52l-2.47 2.593a.362.362 0 01-.26.115.362.362 0 01-.261-.115.395.395 0 010-.547l2.47-2.593a3.412 3.412 0 00-2.21-.821c-1.938 0-3.517 1.657-3.517 3.692 0 2.036 1.579 3.693 3.517 3.693 1.94 0 3.518-1.657 3.518-3.693a3.82 3.82 0 00-.787-2.324zm8.225-7.011h-2.067v-2.17l-1.853 1.946v2.17h2.067l1.853-1.946zm-4.593 5.334a.402.402 0 00-.152.528 7.774 7.774 0 01.237 6.425.399.399 0 00.19.512.313.313 0 00.146.035.37.37 0 00.342-.234 8.41 8.41 0 00.65-3.265 8.488 8.488 0 00-.911-3.836.361.361 0 00-.502-.165z",
+            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.027 6.891h-2.092l.944-.935 1.781.017c-.002 0-.633.918-.633.918zm-7.952 4.659c-.417-.283-.997-.423-1.784-.44-.152-.003-.586-.006-.583-.006-1.627.014-2.51.47-2.51 2.843 0 2.401.91 2.869 2.577 2.891l.185.003.398-.003c1.952-.033 2.613-.75 2.613-2.843 0-.795-.103-1.395-.341-1.837l1.215-1.205c.54.74.824 1.742.824 3.042 0 2.994-1.4 4.48-4.275 4.527l-.423.002-.201-.002c-2.871-.04-4.266-1.538-4.266-4.575 0-3.02 1.37-4.5 4.187-4.526l.645.005c1.271.031 2.24.348 2.95.928l-1.211 1.196zm.073 2.442c0 1.748-.387 2.003-1.801 2.028l-.381.003-.18-.003c-1.19-.017-1.764-.112-1.764-2.075 0-1.928.515-2.017 1.689-2.026.05 0 .428 0 .563.003.532.014.93.062 1.216.208l-1.521 1.51-.003-.659a.41.41 0 00-.41-.406h-.005a.407.407 0 00-.409.406v.003l.003 1.641v.006c0 .073.028.137.062.196a.409.409 0 00.347.205h.006l1.647-.026a.412.412 0 00.406-.414.408.408 0 00-.412-.4h-.006l-.633.01 1.435-1.423c.1.297.15.681.15 1.213zm5.04 0c0 2.782-.95 4.782-2.827 5.939-1.532.946-3.26 1.078-3.93 1.09-.137.002-.294.002-.454.002l-.244-.003c-.678-.008-2.42-.134-3.952-1.09-1.86-1.162-2.801-3.176-2.801-5.985 0-2.804.933-4.81 2.773-5.958 1.515-.947 3.246-1.065 3.921-1.068h.157c.194 0 .395.003.566.006.678.017 2.423.157 3.964 1.118.257.16.493.339.717.532l-1.2 1.188c-1-.846-2.321-1.124-3.526-1.152l-.664-.005c-2.288.02-5.01.96-5.01 5.341 0 4.398 2.761 5.359 5.075 5.393l.207.002.44-.005c2.322-.04 5.09-1 5.09-5.342 0-1.661-.41-2.826-1.042-3.641l1.207-1.2c1.014 1.18 1.532 2.8 1.532 4.838zm.1-9.896l.877-.69V5.51l-.877.869V4.096zm4.507 1.288a.413.413 0 00-.361-.218l-1.743-.02.11-.109a.407.407 0 00.002-.574l-.002-.003a.414.414 0 00-.583 0l-.233.233v-2.13a.405.405 0 00-.232-.366.413.413 0 00-.434.047l-1.7 1.334a.42.42 0 00-.157.319v3.297l-.813.807c-1.877-1.639-4.327-1.869-5.238-1.891a20.596 20.596 0 00-.588-.008l-.16.002c-1.588.014-7.507.555-7.507 7.843 0 7.3 5.972 7.872 7.563 7.894.084.003.171.003.255.003.165 0 .328-.003.47-.003 1.513-.028 7.564-.591 7.564-7.843 0-2.535-.745-4.244-1.779-5.415l.88-.874h3.134a.407.407 0 00.339-.179l1.185-1.725a.4.4 0 00.028-.42z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconDartboardLight;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconDartboardRegular = function IconDartboardRegular(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 IconDartboardRegular = function IconDartboardRegular(_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.269 7.036l-1.44-.022.852-.852 1.224.014-.636.86zm-6.305 6.978c0 1.902-.505 3.18-2.961 3.224l-.392.006-.185-.003c-2.451-.037-2.953-1.333-2.953-3.272 0-1.916.488-3.199 2.866-3.221l.59.005c.88.02 1.51.194 1.967.49l-2.095 2.093-.04-.448a.595.595 0 00-.652-.546.6.6 0 00-.546.65l.151 1.733a.57.57 0 00.042.169l.009.016a.578.578 0 00.274.289c.017.008.031.02.048.025l.022.011c.05.02.104.023.157.028.014 0 .025.009.04.009l1.94.033h.012a.6.6 0 00.011-1.202l-.527-.008 1.93-1.93c.219.51.292 1.135.292 1.849zm3.271 0c0 5.759-4.325 6.46-6.185 6.496-.131.003-.283.003-.434.003l-.232-.003c-1.857-.025-6.18-.717-6.18-6.544 0-5.812 4.28-6.479 6.12-6.493h.147c.184 0 .375.003.543.009 1.034.025 2.818.263 4.213 1.431l-1.47 1.47c-.62-.473-1.51-.803-2.796-.831-.16-.006-.62-.009-.62-.009-4.067.037-4.067 3.34-4.067 4.423 0 1.093 0 4.415 4.138 4.474l.19.003.415-.006c4.151-.073 4.151-3.347 4.151-4.426 0-.566-.006-1.73-.608-2.73l1.488-1.488c.703.963 1.187 2.31 1.187 4.221zm.591-9.37l.874-.73V5.44l-.812.812-.062-1.608zm4.799.673a.602.602 0 00-.533-.334L19.78 4.97a.601.601 0 00-.14-.619.594.594 0 00-.734-.075V2.627a.598.598 0 00-.986-.462l-2.087 1.743a.594.594 0 00-.216.484l.118 3.014-.661.661C13.258 6.518 10.919 6.3 10.042 6.28a18.34 18.34 0 00-.571-.008h-.16C7.76 6.286 2 6.818 2 13.966c0 7.163 5.815 7.723 7.367 7.745a22.565 22.565 0 00.706-.003c1.473-.025 7.367-.58 7.367-7.694 0-2.322-.636-3.938-1.535-5.078l.742-.743 2.913.048h.009c.19 0 .37-.09.484-.244l1.516-2.056a.606.606 0 00.056-.624z",
-        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: "M21.959 4.052a.547.547 0 00-.508-.356h-2.02v-2.12a.583.583 0 00-.338-.532.539.539 0 00-.601.123l-2.57 2.697a.593.593 0 00-.16.41v2.455l-1.009 1.06a7.551 7.551 0 00-2.804-1.627 7.334 7.334 0 00-5.872.606C4.26 7.784 2.93 9.485 2.333 11.551c-1.235 4.27 1.071 8.797 5.134 10.094a7.395 7.395 0 002.25.355c1.25 0 2.49-.32 3.622-.957 1.818-1.015 3.147-2.717 3.744-4.783a8.445 8.445 0 00-.4-5.788c-.173-.385-.61-.553-.976-.37a.788.788 0 00-.353 1.025c.658 1.47.77 3.131.324 4.685-.484 1.671-1.56 3.047-3.03 3.875a5.943 5.943 0 01-4.753.489C4.602 19.12 2.737 15.456 3.733 12c.484-1.671 1.56-3.047 3.03-3.876a5.943 5.943 0 014.754-.488A6.075 6.075 0 0113.7 8.89l-1.3 1.365a4.24 4.24 0 00-2.697-.977c-2.428 0-4.406 2.076-4.406 4.625 0 2.55 1.978 4.626 4.406 4.626 2.429 0 4.406-2.076 4.406-4.626a4.733 4.733 0 00-.93-2.83l3.359-3.525h2.34c.145 0 .286-.06.389-.168l2.57-2.697a.6.6 0 00.122-.631zm-9.32 9.851c0 1.702-1.315 3.082-2.936 3.082-1.62 0-2.935-1.38-2.935-3.082 0-1.7 1.315-3.081 2.935-3.081.611 0 1.18.197 1.65.532l-2.04 2.14a.598.598 0 000 .819.534.534 0 00.78 0l2.039-2.14c.32.493.507 1.09.507 1.73zm6.013-7.514h-1.79V4.51l1.466-1.538v1.301c0 .32.244.577.55.577h1.24l-1.467 1.54z",
+            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.269 7.036l-1.44-.022.852-.852 1.224.014-.636.86zm-6.305 6.978c0 1.902-.505 3.18-2.961 3.224l-.392.006-.185-.003c-2.451-.037-2.953-1.333-2.953-3.272 0-1.916.488-3.199 2.866-3.221l.59.005c.88.02 1.51.194 1.967.49l-2.095 2.093-.04-.448a.595.595 0 00-.652-.546.6.6 0 00-.546.65l.151 1.733a.57.57 0 00.042.169l.009.016a.578.578 0 00.274.289c.017.008.031.02.048.025l.022.011c.05.02.104.023.157.028.014 0 .025.009.04.009l1.94.033h.012a.6.6 0 00.011-1.202l-.527-.008 1.93-1.93c.219.51.292 1.135.292 1.849zm3.271 0c0 5.759-4.325 6.46-6.185 6.496-.131.003-.283.003-.434.003l-.232-.003c-1.857-.025-6.18-.717-6.18-6.544 0-5.812 4.28-6.479 6.12-6.493h.147c.184 0 .375.003.543.009 1.034.025 2.818.263 4.213 1.431l-1.47 1.47c-.62-.473-1.51-.803-2.796-.831-.16-.006-.62-.009-.62-.009-4.067.037-4.067 3.34-4.067 4.423 0 1.093 0 4.415 4.138 4.474l.19.003.415-.006c4.151-.073 4.151-3.347 4.151-4.426 0-.566-.006-1.73-.608-2.73l1.488-1.488c.703.963 1.187 2.31 1.187 4.221zm.591-9.37l.874-.73V5.44l-.812.812-.062-1.608zm4.799.673a.602.602 0 00-.533-.334L19.78 4.97a.601.601 0 00-.14-.619.594.594 0 00-.734-.075V2.627a.598.598 0 00-.986-.462l-2.087 1.743a.594.594 0 00-.216.484l.118 3.014-.661.661C13.258 6.518 10.919 6.3 10.042 6.28a18.34 18.34 0 00-.571-.008h-.16C7.76 6.286 2 6.818 2 13.966c0 7.163 5.815 7.723 7.367 7.745a22.565 22.565 0 00.706-.003c1.473-.025 7.367-.58 7.367-7.694 0-2.322-.636-3.938-1.535-5.078l.742-.743 2.913.048h.009c.19 0 .37-.09.484-.244l1.516-2.056a.606.606 0 00.056-.624z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconDartboardRegular;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-data-alert-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconDataAlertFilled = function IconDataAlertFilled(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconDataAlertFilled = function IconDataAlertFilled(_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(), 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", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M8.49 17.983a.62.62 0 01-.616-.622V13.34a.62.62 0 01.616-.622c.34 0 .616.28.616.622v4.022a.62.62 0 01-.616.622zm0 .35a.63.63 0 01.628.633.63.63 0 01-.628.633.63.63 0 01-.627-.633c0-.35.28-.633.627-.633zm2.927-2.227l-2.608-5.29-.271-.558L3.434 20.4l9.737.042h.386L11.92 17.13l-.502-1.023zm3.687-4.918c-1.703 0-3.309-.2-4.527-.566a9.663 9.663 0 01-.591-.216l.552 1.12c1.266.36 2.87.558 4.566.558 1.792 0 3.498-.216 4.781-.613.734-.216 1.35-.524 1.83-.888v3.986c-.225.414-.883.972-2.085 1.347-1.21.364-2.815.571-4.526.571-.765 0-1.499-.05-2.19-.131l.467.955c.56.042 1.137.075 1.72.075 1.792 0 3.498-.215 4.781-.613.734-.216 1.35-.524 1.83-.896v3.546c0 .697-.71 1.272-2.093 1.695-1.219.364-2.832.574-4.527.574-.297 0-.593-.009-.888-.025a.87.87 0 01-.212.025h-.026L2.99 21.65c-.241-.025-.488-.093-.667-.275a.927.927 0 01-.297-.68c0-.157.034-.325.107-.465L7.669 9.224a.955.955 0 01.552-.49c.081-.025.166-.025.255-.034V5.31c.443.36 1.053.665 1.843.897 1.3.398 2.997.614 4.782.614 1.787 0 3.49-.216 4.781-.614.773-.232 1.384-.524 1.83-.88v3.947c-.225.423-.883.98-2.085 1.353-1.204.362-2.81.56-4.523.56zM8.538 3.969c0-.008 0-.008-.009-.017.19-.549.888-1.03 2.034-1.378 1.218-.372 2.832-.571 4.535-.571 1.711 0 3.316.199 4.527.571 1.21.367 1.893.849 2.042 1.42 0 0-.009.017-.009.026-.204.523-.896.98-2.025 1.319-1.219.375-2.815.583-4.527.583-1.703 0-3.308-.208-4.526-.583-1.154-.35-1.852-.824-2.042-1.37z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-data-alert-light.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconDataAlertLight = function IconDataAlertLight(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconDataAlertLight = function IconDataAlertLight(_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(), 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", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M7.991 13.702a.412.412 0 01.824 0v3.972a.412.412 0 01-.824 0v-3.972zm.415 4.874a.397.397 0 110 .795.397.397 0 010-.795zm12.616-8.94V6.018c-.412.328-.978.6-1.695.812-1.199.362-2.767.558-4.428.558-1.662 0-3.23-.196-4.437-.558-.723-.221-1.289-.493-1.71-.82v3.445c.01 0 .018.008.026.008.157.073.28.196.353.353l.238.477c.009 0 .009.008.017.008.353.221.798.417 1.322.574 1.118.336 2.614.524 4.19.524 1.578 0 3.07-.188 4.191-.524 1.118-.336 1.726-.846 1.933-1.24zm0 4.856v-3.658c-.434.336-1.011.625-1.695.83-1.199.36-2.767.557-4.428.557-1.662 0-3.23-.196-4.429-.558-.17-.056-.339-.112-.51-.173l2.283 4.577a18.25 18.25 0 002.656.187c1.577 0 3.072-.187 4.19-.524 1.118-.336 1.726-.851 1.933-1.238zm0 4.454v-3.255c-.434.336-1.011.625-1.695.83-1.199.352-2.767.557-4.428.557-.765 0-1.505-.04-2.21-.132l1.882 3.782a.61.61 0 01.073.294h.238c1.577 0 3.064-.19 4.207-.527 1.283-.384 1.933-.907 1.933-1.549zm-18.003 2.02l10.77.039-5.339-10.72-5.431 10.68zM10.694 3.5c-1.076.328-1.725.762-1.89 1.263 0 .008.008.017.008.023.17.5.82.935 1.888 1.254 1.126.345 2.622.524 4.199.524s3.061-.18 4.187-.524c1.045-.31 1.692-.73 1.88-1.212 0-.017.008-.017.017-.026-.154-.532-.788-.969-1.905-1.302-1.123-.336-2.61-.524-4.196-.524-1.577 0-3.065.188-4.188.524zm8.628-.787c1.675.507 2.52 1.297 2.52 2.344v13.888c0 1.05-.845 1.838-2.52 2.336-1.208.362-2.788.558-4.437.558-.166 0-.732 0-.897-.009-.025 0-.056 0-.081-.008h-.025l-10.97-.036a.744.744 0 01-.523-.213.75.75 0 01-.143-.896l5.52-10.87a.536.536 0 01.166-.212V5.058c0-.17.025-.328.065-.484v-.009c.238-.804 1.061-1.428 2.456-1.854 1.202-.359 2.779-.555 4.429-.555 1.66 0 3.238.196 4.44.558z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-data-alert-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconDataAlertRegular = function IconDataAlertRegular(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconDataAlertRegular = function IconDataAlertRegular(_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(), 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", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M8.345 18.137a.601.601 0 01-.603-.602v-3.89a.603.603 0 011.205 0v3.89a.601.601 0 01-.602.602zm0 .336a.613.613 0 110 1.227.613.613 0 010-1.227zM20.507 9.51V6.409a6.224 6.224 0 01-1.4.594c-1.2.361-2.76.554-4.404.554-1.641 0-3.204-.193-4.395-.554a6.113 6.113 0 01-1.417-.61v2.876a.96.96 0 01.347.37l.202.409c.322.201.74.386 1.215.529 1.087.33 2.527.507 4.056.507 1.53 0 2.961-.176 4.048-.507 1-.297 1.546-.748 1.748-1.067zm0 4.748v-3.143c-.395.24-.868.46-1.4.619-1.194.353-2.754.555-4.396.555-1.641 0-3.21-.202-4.403-.555-.008-.009-.025-.009-.03-.017l1.963 3.944a17.35 17.35 0 002.47.177c1.53 0 2.961-.185 4.048-.507 1-.292 1.546-.743 1.748-1.073zm0 4.42v-2.812a5.7 5.7 0 01-1.4.619c-1.194.36-2.754.563-4.396.563-.635 0-1.238-.042-1.834-.096l1.689 3.384c.03.056.03.12.047.177h.079c1.52 0 2.963-.177 4.056-.505.801-.246 1.759-.672 1.759-1.33zm-12.12-8.045l-4.98 9.82 9.89.04-4.91-9.86zM10.65 3.74c-.925.28-1.504.653-1.68 1.045.167.41.755.787 1.688 1.06 1.087.33 2.527.506 4.048.506 1.53 0 2.97-.176 4.056-.507.919-.272 1.513-.641 1.689-1.045-.219-.507-1.014-.851-1.697-1.061-1.087-.322-2.527-.507-4.057-.507-1.529.002-2.972.187-4.047.51zm8.448-1.156c1.74.52 2.616 1.358 2.616 2.49v13.602c0 1.126-.876 1.96-2.616 2.482-1.199.361-2.767.554-4.403.554-.16 0-.715 0-.885-.008-.017 0-.04-.008-.065-.008h-.042l-10.737-.04H2.95a.936.936 0 01-.925-.924.864.864 0 01.104-.45L7.538 9.624c.039-.065.09-.12.145-.177v-4.38c0-.177.026-.354.073-.53v-.009c.25-.86 1.101-1.518 2.535-1.952 1.2-.356 2.76-.555 4.4-.555 1.648.006 3.217.208 4.407.56z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-data-checked-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconDataCheckedFilled = function IconDataCheckedFilled(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconDataCheckedFilled = function IconDataCheckedFilled(_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(), 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", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M10.661 12.106a.619.619 0 01.866 0 .602.602 0 01.005.852l-.005.006-3.692 3.658a.614.614 0 01-.866 0l-1.658-1.644a.605.605 0 01-.003-.855l.003-.003a.619.619 0 01.866 0L7.4 15.333l3.26-3.227zm.336-6.95c-1.109-.33-1.784-.778-1.963-1.293 0-.009 0-.009-.009-.017.18-.515.855-.975 1.955-1.303C12.151 2.193 13.698 2 15.333 2c1.639 0 3.185.193 4.345.543 1.162.348 1.818.804 1.963 1.345 0 0-.008.008-.008.017-.196.501-.863.933-1.947 1.252-1.168.347-2.706.54-4.344.54-1.639 0-3.174-.193-4.345-.54zM13.6 11.43c.006-.384.012-.74.014-1.009h-.002c-1.196 0-1.953-.496-2.633-.944-.138-.09-.275-.18-.415-.263l-.036-.023a5.398 5.398 0 00-.451-.246l-.003-.003a3.524 3.524 0 00-1.098-.328 3.754 3.754 0 00-.555-.042h-.003c-1.182 0-1.848.44-2.557.905-.686.451-1.451.953-2.622.953h-.011c.011 1.336.062 4.37.314 5.8.28 1.589 3.403 3.443 4.88 4.174a21.25 21.25 0 002.008-1.151l.002-.003c.359-.232.718-.487 1.056-.75l.014-.012c.846-.664 1.552-1.397 1.76-2.095.016-.056.036-.112.047-.165a10.2 10.2 0 00.09-.672c.03-.278.056-.586.078-.905l.014-.196c.017-.278.034-.56.048-.846l.008-.16c.025-.7.042-1.412.053-2.02zm1.746-.765c-.171 0-.34-.009-.51-.011l-.011.846c.173.005.344.014.52.014 1.726 0 3.356-.205 4.594-.577.7-.202 1.297-.49 1.751-.838v3.756c-.213.398-.846.922-1.997 1.27-1.163.347-2.706.54-4.345.54-.246 0-.487-.011-.728-.02-.03.292-.064.563-.106.793-.003.017-.012.034-.012.048.28.01.56.025.846.025 1.726 0 3.356-.205 4.594-.577.7-.202 1.297-.499 1.75-.846v3.342c0 .658-.674 1.201-2.005 1.599-1.17.347-2.714.54-4.344.54-1.482 0-2.874-.168-4.003-.456a21.028 21.028 0 01-2.653 1.513.612.612 0 01-.523 0c-.555-.253-5.37-2.577-5.827-5.185C1.99 14.476 2 9.96 2 9.767a.608.608 0 01.76-.585c1.078.16 1.671-.224 2.422-.714.79-.518 1.684-1.107 3.233-1.107h.005c.196 0 .378.012.552.026V5.123c.429.34 1.017.625 1.776.846 1.246.373 2.877.577 4.594.577 1.714 0 3.344-.204 4.59-.577.743-.218 1.326-.49 1.751-.829v3.723c-.212.397-.845.921-1.997 1.269-1.16.347-2.703.532-4.341.532z",
         fill: fillColor
     })));

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

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

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

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