@telefonica/mistica 10.10.0 → 10.11.0

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconNotesLight = function IconNotesLight(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 IconNotesLight = function IconNotesLight(_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: "M18.577 20.64V8.757h-2.549c-.969 0-1.806-.322-2.417-.913-.62-.6-.944-1.432-.944-2.387V2.98h-6.83c-.178 0-.397.204-.397.386v17.275c0 .188.205.378.398.378h12.33c.213 0 .41-.18.41-.378zM13.48 3.16v2.296c0 .731.244 1.35.692 1.793.465.445 1.098.683 1.857.683h2.336L13.48 3.16zm5.709 4.428a.686.686 0 01.205.484v12.569c0 .65-.564 1.202-1.222 1.202H5.838c-.642 0-1.213-.56-1.213-1.202V3.366c0-.633.577-1.21 1.213-1.21h7.51c.179 0 .341.073.473.2l5.367 5.232zm-2.737 5.77c.244-.247.384-.552.384-.88 0-.33-.146-.683-.384-.921a1.286 1.286 0 00-.854-.387h-.056c-.244 0-.569.073-.88.387-.218.221-3.38 3.045-5.016 4.51l-.872 2.565c-.008.034 0 .068.026.084l.056.034c.008 0 .016-.008.025-.008l2.515-.84.154-.132c4.04-3.614 4.804-4.314 4.902-4.412zm.577-2.387c.393.395.62.956.62 1.507a2.088 2.088 0 01-.628 1.474c-.188.179-1.84 1.67-4.936 4.434l-.123.115a.886.886 0 01-.316.182l-2.507.837a.854.854 0 01-.286.05c-.023 0-.048-.016-.081-.016-.017 0-.04.008-.065.008H7.08a.411.411 0 010-.823h.885a.924.924 0 01.034-.37l.44-1.3H7.075a.417.417 0 01-.406-.411.41.41 0 01.406-.412h1.627l.138-.412a.862.862 0 01.252-.386c.333-.297.658-.594.986-.88h-3a.417.417 0 01-.406-.412.41.41 0 01.406-.412h3.941c.7-.633 1.336-1.21 1.857-1.677H7.08a.411.411 0 010-.824h6.711c.163-.148.27-.238.294-.272.925-.93 2.222-.734 2.944 0z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconNotesRegular = function IconNotesRegular(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 IconNotesRegular = function IconNotesRegular(_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: "M18.207 20.468V9.028h-2.283c-1 0-1.854-.33-2.496-.958-.633-.621-.974-1.484-.974-2.476V3.37H6.008c-.07 0-.182.112-.19.168v16.93c0 .056.095.171.19.171h12c.104-.003.199-.098.199-.17zm-.49-12.65l-4.073-4.005v1.781c0 .653.213 1.219.62 1.614.402.395.982.613 1.663.613h1.79v-.003zm1.417-.28c.165.16.26.387.26.62v12.31c0 .75-.632 1.378-1.386 1.378h-12c-.737 0-1.378-.647-1.378-1.378V3.538c0-.717.658-1.378 1.378-1.378h7.308c.23 0 .443.087.603.25l5.215 5.128zm-3.266 5.925a.882.882 0 00.277-.636.97.97 0 00-.277-.67.93.93 0 00-.619-.283c-.182-.017-.437.034-.675.275-.255.257-4.112 3.725-4.501 4.07l-.65 1.966 1.989-.692c2.641-2.378 4.308-3.885 4.456-4.03zm.84-2.169c.395.404.628.975.628 1.533 0 .571-.221 1.09-.636 1.498-.213.21-2.56 2.33-4.493 4.07l-.07.065a.997.997 0 01-.364.21l-2.26.765c-.11.033-.222.047-.326.047-.03 0-.064 0-.086-.008-.017.008-.031.008-.048.008H7.588a.604.604 0 01-.594-.605c0-.33.27-.605.594-.605h.58c.008-.056.017-.12.039-.176l.286-.88h-.905a.604.604 0 01-.594-.605.6.6 0 01.594-.605h1.3l.07-.21a1.11 1.11 0 01.302-.46l.429-.386H7.588a.604.604 0 01-.594-.605c0-.34.27-.605.594-.605h3.448c.429-.378.824-.742 1.188-1.065H7.588a.598.598 0 01-.594-.605c0-.33.27-.605.594-.605h5.966c.096-.098.16-.154.182-.176.936-.939 2.244-.737 2.972.005z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-numeric-keypad-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconNumericKeypadFilled = function IconNumericKeypadFilled(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 IconNumericKeypadFilled = function IconNumericKeypadFilled(_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.983 5.416c1.09 0 1.768.68 1.768 1.773V9.57c.185-.05.375-.075.566-.073.829 0 1.408.412 1.61 1.11a2.09 2.09 0 01.644-.098c.835 0 1.415.417 1.614 1.12a2.07 2.07 0 01.641-.095c1.042 0 1.687.647 1.687 1.692v5.736c0 .799-.225 1.432-.67 1.888-.445.457-1.146.712-1.958.712h-6.448c-.647 0-.933-.61-1.053-.869-.115-.249-.527-1.075-1-2.03-.762-1.535-1.712-3.446-2.275-4.633-.33-.7-.199-1.429.34-1.858.557-.445 1.355-.434 1.938.028.302.241.554.572.834 1.045V7.153c.07-1.104.715-1.737 1.762-1.737zm-7.1 3.289c.73 0 1.207.383 1.207 1.212 0 .398-.11.695-.306.894-.21.219-.52.322-.902.322-.38 0-.692-.106-.902-.322-.196-.199-.305-.496-.305-.894 0-.826.476-1.212 1.207-1.212zm3.551 0c.734 0 1.207.383 1.207 1.212 0 .398-.109.695-.305.894-.21.219-.52.322-.902.322-.38 0-.692-.106-.902-.322-.196-.199-.305-.496-.305-.894 0-.826.476-1.212 1.207-1.212zM4.882 5.427c.731 0 1.208.384 1.208 1.213 0 .398-.11.695-.306.894-.21.215-.52.32-.902.32-.38 0-.692-.105-.902-.32-.196-.2-.305-.496-.305-.894 0-.826.476-1.213 1.207-1.213zm3.552 0c.734 0 1.207.384 1.207 1.213 0 .398-.109.695-.305.894-.21.215-.52.32-.902.32-.38 0-.692-.105-.902-.32-.196-.2-.305-.496-.305-.894 0-.826.476-1.213 1.207-1.213zM4.882 2.15c.731 0 1.208.384 1.208 1.213 0 .398-.11.695-.306.893-.21.216-.52.32-.902.32-.38 0-.692-.104-.902-.32-.196-.201-.305-.495-.305-.893 0-.83.476-1.213 1.207-1.213zm3.552 0c.734 0 1.207.384 1.207 1.213 0 .398-.109.695-.305.893-.21.216-.52.32-.902.32-.38 0-.692-.104-.902-.32-.196-.201-.305-.495-.305-.893 0-.83.476-1.213 1.207-1.213zm3.55 0c.73 0 1.206.384 1.206 1.213 0 .398-.109.695-.305.893-.21.216-.52.32-.902.32-.38 0-.692-.104-.902-.32-.196-.201-.305-.495-.305-.893 0-.83.476-1.213 1.207-1.213z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-numeric-keypad-light.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconNumericKeypadLight = function IconNumericKeypadLight(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 IconNumericKeypadLight = function IconNumericKeypadLight(_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: "M12.255 5.43c.933 0 1.487.558 1.487 1.493v3.356c.224-.146.51-.224.846-.224.824 0 1.336.46 1.4 1.24.225-.148.513-.226.855-.226.826 0 1.34.465 1.4 1.252.225-.149.513-.227.852-.227.883 0 1.406.53 1.406 1.412v6.008c0 .723-.198 1.291-.59 1.692-.393.4-1.017.622-1.754.622h-6.448c-.412 0-.628-.342-.801-.709-.06-.126-.186-.4-.362-.78l-.162-.351A878.962 878.962 0 007.552 13.9c-.334-.7-.084-1.244.26-1.516.449-.358 1.118-.344 1.591.028.348.275.673.888 1.017 1.54.056.107.112.214.171.32a.867.867 0 00.168.233.301.301 0 00.014-.112V6.906c.062-.952.588-1.476 1.482-1.476zm.003.558c-.603 0-.88.282-.925.944v7.458c0 .35-.168.619-.431.686-.17.042-.501.031-.807-.538-.056-.106-.115-.215-.17-.322-.303-.571-.617-1.162-.869-1.361a.81.81 0 00-.49-.174.641.641 0 00-.41.14c-.229.182-.268.49-.1.838a945.8 945.8 0 012.835 6.092l.162.351.138.3.224.478c.16.345.243.38.28.383h6.46c.584 0 1.066-.162 1.355-.456.288-.294.431-.73.431-1.302v-6c0-.574-.277-.852-.846-.852-.568 0-.846.28-.846.852h-.56V12.48c0-.575-.277-.852-.846-.852-.568 0-.846.28-.846.852h-.56v-1.014c0-.575-.277-.852-.846-.852s-.846.28-.846.852h-.56V6.92c0-.627-.303-.932-.927-.932zM5.154 8.702c.93 0 1.487.557 1.487 1.493 0 .462-.128.826-.383 1.09-.255.263-.642.408-1.104.408-.462 0-.846-.14-1.104-.406-.257-.266-.383-.627-.383-1.09 0-.935.557-1.495 1.487-1.495zm3.552.003c.93 0 1.487.557 1.487 1.493 0 .462-.129.826-.383 1.09-.255.263-.642.405-1.104.405-.462 0-.843-.14-1.104-.406-.26-.266-.384-.627-.384-1.09 0-.935.558-1.492 1.488-1.492zm-3.552.56c-.625 0-.927.305-.927.933 0 .308.076.543.224.697.148.154.39.235.703.235.314 0 .55-.078.703-.235.154-.157.224-.386.224-.697 0-.628-.302-.933-.927-.933zm3.552 0c-.625 0-.927.305-.927.933 0 .308.075.543.224.697.148.154.39.235.703.235.314 0 .549-.078.703-.235.154-.157.224-.386.224-.697 0-.628-.302-.933-.927-.933zM5.154 5.427c.93 0 1.487.558 1.487 1.493 0 .462-.128.827-.383 1.09-.255.263-.642.406-1.104.406-.462 0-.846-.14-1.104-.406-.257-.266-.383-.628-.383-1.09 0-.935.557-1.493 1.487-1.493zm3.552 0c.93 0 1.487.558 1.487 1.493 0 .462-.129.827-.383 1.09-.255.263-.642.406-1.104.406-.462 0-.843-.14-1.104-.406-.26-.266-.384-.628-.384-1.09 0-.935.558-1.493 1.488-1.493zm-3.552.56c-.625 0-.927.306-.927.933 0 .311.076.544.224.698.148.154.39.235.703.235.314 0 .55-.078.703-.235.154-.157.224-.39.224-.698 0-.627-.302-.932-.927-.932zm3.552 0c-.625 0-.927.306-.927.933 0 .311.075.544.224.698.148.154.39.235.703.235.314 0 .549-.078.703-.235.154-.157.224-.39.224-.698 0-.627-.302-.932-.927-.932zM5.154 2.15c.933 0 1.487.557 1.487 1.493 0 .462-.128.826-.383 1.09-.255.263-.642.406-1.104.406-.462 0-.846-.14-1.104-.406-.257-.266-.383-.628-.383-1.09 0-.936.554-1.493 1.487-1.493zm3.552 0c.93 0 1.487.557 1.487 1.493 0 .462-.129.826-.383 1.09-.255.263-.642.406-1.104.406-.462 0-.843-.14-1.104-.406-.26-.266-.384-.628-.384-1.09 0-.936.558-1.493 1.488-1.493zm3.549 0c.933 0 1.487.557 1.487 1.493 0 .462-.129.826-.383 1.09-.255.263-.642.406-1.104.406-.462 0-.843-.14-1.104-.406-.26-.266-.383-.628-.383-1.09 0-.936.554-1.493 1.487-1.493zm-7.1.56c-.626 0-.928.306-.928.933 0 .31.076.543.224.697.148.155.39.236.703.236.314 0 .55-.079.703-.236.154-.156.224-.386.224-.697 0-.627-.302-.933-.927-.933zm3.55 0c-.624 0-.926.306-.926.933 0 .31.075.543.224.697.148.155.39.236.703.236.314 0 .549-.079.703-.236.154-.156.224-.386.224-.697 0-.627-.302-.933-.927-.933zm3.55 0c-.625 0-.927.306-.927.933 0 .31.075.543.224.697.148.155.39.236.703.236.314 0 .549-.079.703-.236.154-.156.224-.386.224-.697 0-.627-.302-.933-.927-.933z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-numeric-keypad-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconNumericKeypadRegular = function IconNumericKeypadRegular(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 IconNumericKeypadRegular = function IconNumericKeypadRegular(_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.98 5.413c1.09 0 1.768.681 1.768 1.773v2.381c.185-.05.375-.075.566-.072.829 0 1.409.411 1.61 1.109a2.09 2.09 0 01.645-.098c.834 0 1.414.417 1.613 1.12a2.07 2.07 0 01.642-.095c1.042 0 1.686.647 1.686 1.692v5.736c0 .799-.227 1.432-.67 1.888-.442.457-1.143.715-1.955.715h-6.448c-.647 0-.933-.61-1.053-.869-.118-.249-.527-1.075-1.003-2.033-.762-1.535-1.712-3.446-2.275-4.633-.33-.7-.198-1.429.34-1.857.557-.446 1.355-.435 1.938.028.302.24.554.571.834 1.044V7.15c.07-1.104.715-1.737 1.762-1.737zm.009 1.12c-.499 0-.614.236-.644.673v1.362l-.001.249v5.291c.003.476-.254.86-.64.958-.203.05-.712.087-1.124-.675-.362-.67-.622-1.098-.888-1.308-.193-.152-.42-.132-.546-.031-.157.123-.098.339-.023.499.56 1.179 1.504 3.084 2.266 4.613.499 1.003.891 1.793 1.014 2.056.028.076.068.148.115.221h6.367c.504 0 .924-.134 1.154-.372.23-.238.353-.61.353-1.107v-5.74c0-.422-.148-.57-.566-.57-.417 0-.566.148-.566.57a.562.562 0 01-.56.561.562.562 0 01-.56-.56v-1.025c0-.423-.148-.572-.566-.572-.417 0-.566.149-.566.572 0 .308-.252.56-.56.56a.562.562 0 01-.56-.56v-1.014c0-.423-.149-.572-.566-.572-.417 0-.566.149-.566.572 0 .308-.252.56-.56.56a.562.562 0 01-.56-.56V7.186c0-.476-.177-.652-.647-.652zM4.882 8.706c.731 0 1.208.383 1.208 1.212 0 .398-.11.695-.306.894-.21.219-.52.322-.902.322-.38 0-.692-.106-.902-.322-.196-.199-.305-.496-.305-.894 0-.826.476-1.212 1.207-1.212zm3.552 0c.734 0 1.207.383 1.207 1.212 0 .398-.109.695-.305.894-.21.219-.52.322-.902.322-.38 0-.692-.106-.902-.322-.196-.199-.305-.496-.305-.894 0-.826.476-1.212 1.207-1.212zM4.882 5.427c.731 0 1.208.384 1.208 1.213 0 .398-.11.695-.306.894-.21.215-.52.32-.902.32-.38 0-.692-.105-.902-.32-.196-.2-.305-.496-.305-.894 0-.826.476-1.213 1.207-1.213zm3.552 0c.734 0 1.207.384 1.207 1.213 0 .398-.109.695-.305.894-.21.215-.52.32-.902.32-.38 0-.692-.105-.902-.32-.196-.2-.305-.496-.305-.894 0-.826.476-1.213 1.207-1.213zM4.882 2.15c.731 0 1.208.384 1.208 1.213 0 .398-.11.695-.306.893-.21.216-.52.32-.902.32-.38 0-.692-.104-.902-.32-.196-.201-.305-.495-.305-.893 0-.83.476-1.213 1.207-1.213zm3.552 0c.734 0 1.207.384 1.207 1.213 0 .398-.109.695-.305.893-.21.216-.52.32-.902.32-.38 0-.692-.104-.902-.32-.196-.201-.305-.495-.305-.893 0-.83.476-1.213 1.207-1.213zm3.55 0c.73 0 1.206.384 1.206 1.213 0 .398-.109.695-.305.893-.21.216-.52.32-.902.32-.38 0-.692-.104-.902-.32-.196-.201-.305-.495-.305-.893 0-.83.476-1.213 1.207-1.213z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconOfferFilled = function IconOfferFilled(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 IconOfferFilled = function IconOfferFilled(_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.965 21.775c-.535 0-.871-.432-.98-.575-.194-.249-.364-.557-.527-.854-.137-.25-.386-.706-.526-.807-.18.014-.645.294-.9.449-.672.406-1.367.826-1.974.473-.617-.356-.6-1.174-.583-1.966.006-.292.017-.827-.056-.986-.16-.073-.695-.062-.986-.056-.793.016-1.61.033-1.966-.583-.35-.61.067-1.305.473-1.978.154-.255.434-.72.448-.899-.104-.14-.557-.39-.81-.526-.296-.163-.604-.334-.854-.527-.574-.443-.574-.846-.574-.978 0-.535.431-.87.574-.98.25-.193.558-.364.855-.527.249-.137.705-.386.806-.526-.014-.18-.294-.645-.448-.9-.406-.672-.826-1.366-.473-1.974.355-.616 1.173-.6 1.966-.583.291.006.826.017.986-.056.073-.16.062-.695.056-.986-.017-.793-.033-1.61.583-1.966.61-.353 1.305.067 1.975.473.254.154.72.434.896.448.14-.103.39-.557.527-.806.162-.297.333-.605.526-.855.446-.574.849-.574.98-.574.536 0 .872.431.98.574.194.25.365.558.528.855.14.249.389.703.529.806.18-.014.644-.294.9-.448.671-.406 1.366-.826 1.977-.473.616.355.6 1.173.582 1.966-.005.291-.016.826.056.986.16.073.695.062.986.056.793-.017 1.611-.033 1.967.583.353.61-.068 1.305-.474 1.975-.154.254-.434.72-.448.899.104.14.558.39.807.526.297.163.605.334.854.527.574.445.574.849.574.98 0 .535-.43.871-.574.98-.25.194-.557.365-.854.527-.25.138-.706.387-.807.527.014.18.294.644.448.896.406.673.827 1.367.474 1.975-.356.616-1.177.6-1.967.583-.291-.006-.826-.017-.986.056-.072.16-.061.694-.056.986.017.792.034 1.61-.582 1.966-.611.353-1.303-.067-1.975-.473-.255-.154-.72-.434-.896-.448-.14.103-.39.557-.527.806-.163.297-.333.605-.527.855-.448.577-.851.577-.983.577z",
-        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.8 14.002a.76.76 0 01.164.741.74.74 0 01-.567.506l-3.328.669.389 3.378a.749.749 0 01-1.057.77l-3.084-1.415-1.666 2.964a.747.747 0 01-1.306 0l-1.667-2.964-3.084 1.415a.736.736 0 01-.754-.077.743.743 0 01-.302-.693l.393-3.378-3.328-.67a.756.756 0 01-.567-.505.747.747 0 01.163-.74L4.5 11.5 2.2 8.998a.76.76 0 01-.164-.741.74.74 0 01.567-.506l3.328-.669-.393-3.378a.76.76 0 01.302-.693.759.759 0 01.754-.077L9.678 4.35l1.666-2.964a.747.747 0 011.306 0l1.667 2.964 3.084-1.415a.747.747 0 01.754.077c.221.16.336.424.303.693l-.39 3.378 3.33.67c.263.052.48.245.566.505a.747.747 0 01-.163.74L19.5 11.5l2.3 2.502z",
+            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.965 21.775c-.535 0-.871-.432-.98-.575-.194-.249-.364-.557-.527-.854-.137-.25-.386-.706-.526-.807-.18.014-.645.294-.9.449-.672.406-1.367.826-1.974.473-.617-.356-.6-1.174-.583-1.966.006-.292.017-.827-.056-.986-.16-.073-.695-.062-.986-.056-.793.016-1.61.033-1.966-.583-.35-.61.067-1.305.473-1.978.154-.255.434-.72.448-.899-.104-.14-.557-.39-.81-.526-.296-.163-.604-.334-.854-.527-.574-.443-.574-.846-.574-.978 0-.535.431-.87.574-.98.25-.193.558-.364.855-.527.249-.137.705-.386.806-.526-.014-.18-.294-.645-.448-.9-.406-.672-.826-1.366-.473-1.974.355-.616 1.173-.6 1.966-.583.291.006.826.017.986-.056.073-.16.062-.695.056-.986-.017-.793-.033-1.61.583-1.966.61-.353 1.305.067 1.975.473.254.154.72.434.896.448.14-.103.39-.557.527-.806.162-.297.333-.605.526-.855.446-.574.849-.574.98-.574.536 0 .872.431.98.574.194.25.365.558.528.855.14.249.389.703.529.806.18-.014.644-.294.9-.448.671-.406 1.366-.826 1.977-.473.616.355.6 1.173.582 1.966-.005.291-.016.826.056.986.16.073.695.062.986.056.793-.017 1.611-.033 1.967.583.353.61-.068 1.305-.474 1.975-.154.254-.434.72-.448.899.104.14.558.39.807.526.297.163.605.334.854.527.574.445.574.849.574.98 0 .535-.43.871-.574.98-.25.194-.557.365-.854.527-.25.138-.706.387-.807.527.014.18.294.644.448.896.406.673.827 1.367.474 1.975-.356.616-1.177.6-1.967.583-.291-.006-.826-.017-.986.056-.072.16-.061.694-.056.986.017.792.034 1.61-.582 1.966-.611.353-1.303-.067-1.975-.473-.255-.154-.72-.434-.896-.448-.14.103-.39.557-.527.806-.163.297-.333.605-.527.855-.448.577-.851.577-.983.577z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconOfferFilled;
 exports.default = _default;

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

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

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

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