@telefonica/mistica 10.10.0 → 10.11.0

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconRewindFilled = function IconRewindFilled(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 IconRewindFilled = function IconRewindFilled(_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.237 4.579C17.565 2.968 15.13 2.15 11.999 2.15c-3.132 0-5.563.818-7.233 2.429C3.03 6.254 2.15 8.749 2.15 12.004s.88 5.751 2.613 7.423c1.673 1.61 4.107 2.429 7.236 2.429 3.129 0 5.566-.818 7.238-2.429 1.737-1.672 2.616-4.17 2.616-7.423 0-3.252-.88-5.75-2.616-7.425zM17.6 14.682a.56.56 0 01-.846.482l-4.989-2.97a.564.564 0 01-.215-.234v2.717a.56.56 0 01-.846.481l-4.99-2.969a.56.56 0 01-.002-.96l4.989-2.998a.56.56 0 01.849.48v2.756a.57.57 0 01.212-.233l4.99-2.997a.56.56 0 01.848.479v5.966z",
-        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.051 14.264a.535.535 0 01-.38.914.532.532 0 01-.379-.155l-4.639-4.644a.535.535 0 010-.758l4.644-4.644a.535.535 0 11.759.759L6.688 12l4.26 4.264zm6.07 0a.535.535 0 01-.38.914.532.532 0 01-.38-.155l-4.638-4.644a.535.535 0 010-.758l4.643-4.644a.536.536 0 11.759.759L12.759 12l4.26 4.264z",
+            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.237 4.579C17.565 2.968 15.13 2.15 11.999 2.15c-3.132 0-5.563.818-7.233 2.429C3.03 6.254 2.15 8.749 2.15 12.004s.88 5.751 2.613 7.423c1.673 1.61 4.107 2.429 7.236 2.429 3.129 0 5.566-.818 7.238-2.429 1.737-1.672 2.616-4.17 2.616-7.423 0-3.252-.88-5.75-2.616-7.425zM17.6 14.682a.56.56 0 01-.846.482l-4.989-2.97a.564.564 0 01-.215-.234v2.717a.56.56 0 01-.846.481l-4.99-2.969a.56.56 0 01-.002-.96l4.989-2.998a.56.56 0 01.849.48v2.756a.57.57 0 01.212-.233l4.99-2.997a.56.56 0 01.848.479v5.966z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconRewindFilled;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconRewindLight = function IconRewindLight(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 IconRewindLight = function IconRewindLight(_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: "M11.988 2.15c3.14 0 5.574.812 7.238 2.417 1.725 1.664 2.602 4.163 2.602 7.423.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 .56c-6.155 0-9.278 3.123-9.278 9.28 0 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.28zm-.737 5.423c.087.05.143.143.143.244l-.002 3.177a.275.275 0 01.1-.104l5.507-3.308a.277.277 0 01.283-.003c.086.05.143.143.143.243v6.586a.278.278 0 01-.28.28.288.288 0 01-.143-.04l-5.507-3.276a.284.284 0 01-.103-.107l.002 3.137a.28.28 0 01-.143.244.251.251 0 01-.135.04.288.288 0 01-.142-.04l-5.51-3.28a.28.28 0 01-.003-.482l5.507-3.308a.277.277 0 01.283-.003zm5.613.745l-4.68 2.813 4.68 2.787v-5.6zm-6.03-.005l-4.681 2.812 4.68 2.787v-5.6z",
-        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-2.962-1.887a.35.35 0 000-.503l-4.387-4.387 4.387-4.388a.35.35 0 000-.503.354.354 0 00-.502 0l-4.644 4.635a.35.35 0 000 .502l4.644 4.644c.068.068.16.105.251.105a.365.365 0 00.251-.105zm-6.07 0a.35.35 0 000-.503l-4.387-4.387 4.388-4.388a.35.35 0 000-.503.354.354 0 00-.503 0L5.323 11.75a.35.35 0 000 .502l4.643 4.644a.36.36 0 00.252.105.365.365 0 00.25-.105z",
+            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.988 2.15c3.14 0 5.574.812 7.238 2.417 1.725 1.664 2.602 4.163 2.602 7.423.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 .56c-6.155 0-9.278 3.123-9.278 9.28 0 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.28zm-.737 5.423c.087.05.143.143.143.244l-.002 3.177a.275.275 0 01.1-.104l5.507-3.308a.277.277 0 01.283-.003c.086.05.143.143.143.243v6.586a.278.278 0 01-.28.28.288.288 0 01-.143-.04l-5.507-3.276a.284.284 0 01-.103-.107l.002 3.137a.28.28 0 01-.143.244.251.251 0 01-.135.04.288.288 0 01-.142-.04l-5.51-3.28a.28.28 0 01-.003-.482l5.507-3.308a.277.277 0 01.283-.003zm5.613.745l-4.68 2.813 4.68 2.787v-5.6zm-6.03-.005l-4.681 2.812 4.68 2.787v-5.6z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconRewindLight;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconRewindRegular = function IconRewindRegular(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 IconRewindRegular = function IconRewindRegular(_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: "M11.999 2.15c3.129 0 5.563.818 7.238 2.429 1.737 1.675 2.616 4.17 2.616 7.425 0 3.252-.88 5.751-2.616 7.423-1.675 1.61-4.11 2.426-7.238 2.426-3.13 0-5.563-.818-7.236-2.429-1.733-1.672-2.613-4.168-2.613-7.422 0-3.253.88-5.751 2.613-7.426C6.436 2.968 8.87 2.15 12 2.15zm0 1.09c-5.813 0-8.76 2.95-8.76 8.764 0 5.813 2.947 8.76 8.76 8.76 5.815 0 8.764-2.947 8.764-8.76C20.761 6.19 17.813 3.24 12 3.24zm-.712 4.983a.558.558 0 01.286.487l-.002 2.636a.554.554 0 01.134-.112l4.988-2.997a.562.562 0 01.85.479v5.966c0 .202-.11.387-.284.488a.578.578 0 01-.277.072.55.55 0 01-.286-.078l-4.989-2.97a.57.57 0 01-.135-.113l.001 2.596c0 .201-.11.386-.283.487a.548.548 0 01-.277.073.55.55 0 01-.286-.079L5.738 12.19a.562.562 0 01-.274-.479c0-.196.103-.38.271-.482l4.99-2.997a.562.562 0 01.562-.008zm5.135 1.482l-3.34 2.005 3.34 1.986V9.705zm-5.97-.003l-3.336 2.003 3.337 1.988V9.702z",
-        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.57zm5.146 13.716a.714.714 0 000-1.01L13.01 12l4.136-4.136a.714.714 0 00-1.01-1.01l-4.639 4.643a.714.714 0 000 1.01l4.644 4.644a.702.702 0 001.005-.005zm-6.07 0a.714.714 0 000-1.01L6.942 12l4.136-4.136a.714.714 0 00-1.01-1.01l-4.644 4.643a.714.714 0 000 1.01l4.644 4.644c.137.142.32.21.502.21a.718.718 0 00.508-.215z",
+            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.999 2.15c3.129 0 5.563.818 7.238 2.429 1.737 1.675 2.616 4.17 2.616 7.425 0 3.252-.88 5.751-2.616 7.423-1.675 1.61-4.11 2.426-7.238 2.426-3.13 0-5.563-.818-7.236-2.429-1.733-1.672-2.613-4.168-2.613-7.422 0-3.253.88-5.751 2.613-7.426C6.436 2.968 8.87 2.15 12 2.15zm0 1.09c-5.813 0-8.76 2.95-8.76 8.764 0 5.813 2.947 8.76 8.76 8.76 5.815 0 8.764-2.947 8.764-8.76C20.761 6.19 17.813 3.24 12 3.24zm-.712 4.983a.558.558 0 01.286.487l-.002 2.636a.554.554 0 01.134-.112l4.988-2.997a.562.562 0 01.85.479v5.966c0 .202-.11.387-.284.488a.578.578 0 01-.277.072.55.55 0 01-.286-.078l-4.989-2.97a.57.57 0 01-.135-.113l.001 2.596c0 .201-.11.386-.283.487a.548.548 0 01-.277.073.55.55 0 01-.286-.079L5.738 12.19a.562.562 0 01-.274-.479c0-.196.103-.38.271-.482l4.99-2.997a.562.562 0 01.562-.008zm5.135 1.482l-3.34 2.005 3.34 1.986V9.705zm-5.97-.003l-3.336 2.003 3.337 1.988V9.702z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconRewindRegular;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-road-sign-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconRoadSignFilled = function IconRoadSignFilled(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 IconRoadSignFilled = function IconRoadSignFilled(_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: "M11.99 2.15c6.44 0 9.846 3.406 9.846 9.846 0 6.437-3.406 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84 0-6.44 3.403-9.846 9.84-9.846zm1.922 4.076a.656.656 0 00-.703-.084.639.639 0 00-.373.582v1.02H9.153c-.258 0-.499.1-.68.28a.942.942 0 00-.281.68v8.446a.41.41 0 00.409.409h2.96a.41.41 0 00.41-.409v-5.448h.868v1.011c0 .25.146.476.37.583.232.109.501.078.734-.112l3.067-2.97a.657.657 0 00.232-.493.628.628 0 00-.207-.47l-3.123-3.025z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-road-sign-light.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconRoadSignLight = function IconRoadSignLight(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 IconRoadSignLight = function IconRoadSignLight(_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: "M11.99 21.016c5.99 0 9.023-3.034 9.023-9.02 0-5.989-3.037-9.022-9.023-9.022S2.97 6.01 2.97 11.996c0 5.986 3.037 9.02 9.02 9.02zm0-18.866c6.443 0 9.846 3.406 9.846 9.846 0 6.437-3.403 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84 0-6.44 3.403-9.846 9.84-9.846zm1.768 10.345l2.689-2.6-2.69-2.608v.983c0 .227-.246.463-.47.463H9.248a.142.142 0 00-.1.042.133.133 0 00-.043.1v8.048h2.137v-5.456a.41.41 0 01.41-.41h1.63c.12.009.235.062.319.146a.504.504 0 01.151.317c.006 0 .006.975.006.975zm.255-6.101l3.123 3.028a.642.642 0 01-.022.963L14.04 13.36c-.233.19-.502.221-.731.115a.648.648 0 01-.376-.586v-1.01h-.868v5.453a.41.41 0 01-.409.409H8.693a.41.41 0 01-.409-.409v-8.46c0-.257.101-.498.283-.68a.956.956 0 01.681-.283l3.69.003v-1.02a.64.64 0 01.372-.582.657.657 0 01.703.084z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-road-sign-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconRoadSignRegular = function IconRoadSignRegular(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 IconRoadSignRegular = function IconRoadSignRegular(_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: "M11.99 20.629c5.731 0 8.639-2.905 8.639-8.633 0-5.731-2.905-8.639-8.639-8.639-5.728 0-8.633 2.908-8.633 8.639 0 5.728 2.905 8.633 8.633 8.633zm0-18.479c6.44 0 9.846 3.403 9.846 9.846 0 6.437-3.403 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84 0-6.443 3.403-9.846 9.84-9.846zm1.933 9.86l2.143-2.073-2.143-2.076v.488c0 .333-.33.655-.664.655H9.366v7.62h1.692v-5.146c0-.334.271-.603.602-.603h1.596a.705.705 0 01.664.653v.482h.003zm.174-5.661l3.078 2.98a.812.812 0 01.266.608.824.824 0 01-.294.633l-3.003 2.905-.025.022a.383.383 0 01-.067.05c-.205.172-.56.216-.857.074a.827.827 0 01-.476-.754v-.79h-.451v5.143a.603.603 0 01-.603.602H8.766a.601.601 0 01-.602-.602V8.934A1.142 1.142 0 019.307 7.79h3.412v-.793c0-.325.184-.614.481-.754a.838.838 0 01.897.107z",
         fill: fillColor
     })));

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

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

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

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