@telefonica/mistica 10.10.0 → 10.11.0

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconGiftFilled = function IconGiftFilled(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 IconGiftFilled = function IconGiftFilled(_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: "M3.392 20.216v-5.963h7.93v7.596H4.843c-.784 0-1.45-.742-1.45-1.633zm9.183 1.633v-7.596h7.974v5.972c0 .882-.658 1.627-1.453 1.627h-6.521v-.003zM16.97 5.38c.078-.359-.031-.762-.32-1.196-.288-.435-.622-.695-.986-.77-.367-.08-.776.027-1.221.313-.709.451-1.431 2.006-1.782 2.994 1.062.082 2.821.07 3.521-.375.446-.283.712-.608.788-.966zm-9.42.966c.702.445 2.459.46 3.52.375-.35-.986-1.072-2.543-1.781-2.994-.35-.224-.684-.336-.986-.336-.081 0-.16.008-.235.025-.367.076-.698.336-.99.77-.288.435-.397.838-.319 1.196.079.356.345.681.79.964zm12.845.521c.76 0 1.451.779 1.451 1.63v2.953c0 .776-.512 1.445-1.17 1.6-.034-.006-.065-.02-.099-.02h-8.002V7.477h-1.253v5.549H3.275c-.63-.177-1.115-.827-1.115-1.58V8.494c0-.852.692-1.63 1.451-1.63h2.633c-.361-.365-.61-.78-.709-1.233-.145-.678.023-1.412.493-2.118.47-.709 1.084-1.157 1.78-1.302.694-.146 1.442.025 2.164.484.807.513 1.457 1.658 1.894 2.658.44-1.002 1.087-2.145 1.893-2.658.723-.46 1.474-.63 2.166-.484.692.142 1.308.593 1.778 1.302.471.709.642 1.44.493 2.118-.098.454-.347.865-.711 1.232h2.91v.003z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M20 10.917v1.23h-7.468V8.984h2.49c1.374 0 2.489-1.103 2.489-2.463s-1.115-2.464-2.49-2.464c-1.315 0-2.407 1.018-2.484 2.32-.005.05-.005.094-.005.144v2.463h-1.064v-1.58c0-.873-.72-1.585-1.602-1.585-.883 0-1.598.707-1.598 1.58 0 .875.72 1.586 1.602 1.586h1.602v3.166H4v-1.23a1.95 1.95 0 011.957-1.936H7.74A2.605 2.605 0 017.204 7.4c0-1.455 1.196-2.64 2.666-2.64a2.67 2.67 0 011.775.676A3.553 3.553 0 0115.026 3c1.961 0 3.554 1.576 3.554 3.517 0 .96-.391 1.829-1.02 2.464h.488C19.122 8.985 20 9.85 20 10.917zM4 21.473c0 .293.237.527.532.527h6.931v-8.795H4v8.268zm8.532.527h6.931a.527.527 0 00.532-.527v-8.268h-7.463V22z",
+            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: "M3.392 20.216v-5.963h7.93v7.596H4.843c-.784 0-1.45-.742-1.45-1.633zm9.183 1.633v-7.596h7.974v5.972c0 .882-.658 1.627-1.453 1.627h-6.521v-.003zM16.97 5.38c.078-.359-.031-.762-.32-1.196-.288-.435-.622-.695-.986-.77-.367-.08-.776.027-1.221.313-.709.451-1.431 2.006-1.782 2.994 1.062.082 2.821.07 3.521-.375.446-.283.712-.608.788-.966zm-9.42.966c.702.445 2.459.46 3.52.375-.35-.986-1.072-2.543-1.781-2.994-.35-.224-.684-.336-.986-.336-.081 0-.16.008-.235.025-.367.076-.698.336-.99.77-.288.435-.397.838-.319 1.196.079.356.345.681.79.964zm12.845.521c.76 0 1.451.779 1.451 1.63v2.953c0 .776-.512 1.445-1.17 1.6-.034-.006-.065-.02-.099-.02h-8.002V7.477h-1.253v5.549H3.275c-.63-.177-1.115-.827-1.115-1.58V8.494c0-.852.692-1.63 1.451-1.63h2.633c-.361-.365-.61-.78-.709-1.233-.145-.678.023-1.412.493-2.118.47-.709 1.084-1.157 1.78-1.302.694-.146 1.442.025 2.164.484.807.513 1.457 1.658 1.894 2.658.44-1.002 1.087-2.145 1.893-2.658.723-.46 1.474-.63 2.166-.484.692.142 1.308.593 1.778 1.302.471.709.642 1.44.493 2.118-.098.454-.347.865-.711 1.232h2.91v.003z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconGiftFilled;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconGiftLight = function IconGiftLight(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 IconGiftLight = function IconGiftLight(_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.992 11.505c0 .353-.252.62-.417.62h-8.202v-4.23h8.202c.14 0 .417.28.417.619v2.991zm-1.322 8.897c0 .353-.252.619-.418.619h-6.876v-8.067h7.294v7.448zm-15.392-.003v-7.356c0-.033-.012-.061-.02-.092h7.266v8.067H4.692c-.162 0-.417-.266-.414-.62zm-1.264-8.894V8.511c0-.339.278-.62.418-.62h8.092v4.23H3.43c-.163 0-.415-.266-.415-.616zm3.734-7.582c.34-.507.737-.81 1.185-.902.098-.02.196-.028.297-.028.364 0 .754.129 1.162.386.888.56 1.729 2.51 2.057 3.507-1.045.112-3.244.168-4.138-.395-.52-.327-.834-.717-.927-1.148-.095-.437.025-.913.364-1.42zm7.807-.547c.521-.33 1.011-.45 1.46-.355.448.092.845.395 1.184.902.68 1.017.488 1.902-.56 2.566-.894.565-3.09.51-4.137.394.325-.997 1.162-2.943 2.053-3.507zm6.022 3.69h-3.316c.61-.429 1.008-.961 1.137-1.555.14-.647-.028-1.353-.487-2.042-.46-.686-1.056-1.123-1.723-1.26-.664-.14-1.392.025-2.1.476-.934.588-1.679 2.084-2.118 3.19-.437-1.11-1.183-2.602-2.113-3.19-.708-.449-1.434-.617-2.1-.477-.667.138-1.264.575-1.723 1.26-.46.687-.628 1.393-.487 2.043.128.594.529 1.123 1.137 1.555H3.429c-.664 0-1.269.689-1.269 1.445v2.994c0 .77.594 1.449 1.269 1.449h.011c-.008.03-.02.058-.02.092v7.356c0 .77.594 1.448 1.272 1.448H19.25c.675 0 1.269-.675 1.269-1.445v-7.451h.056c.675 0 1.268-.676 1.268-1.446V8.511c.003-.756-.602-1.445-1.266-1.445z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M19.29 21.28h-7.11v-8.243h6.75v4.302c0 .198.16.358.356.358.195 0 .355-.16.355-.358v-6.454a1.79 1.79 0 00-1.78-1.793h-.955a3.41 3.41 0 001.31-2.688C18.217 4.528 16.703 3 14.842 3c-1.601 0-2.943 1.133-3.29 2.647a2.469 2.469 0 00-1.864-.853 2.5 2.5 0 00-2.489 2.509c0 .702.287 1.335.75 1.793h-2.17A1.79 1.79 0 004 10.89v10.752c0 .197.16.358.355.358H19.28c.196 0 .355-.16.355-.358a.353.353 0 00-.346-.362zM12.18 6.408c0-1.481 1.196-2.688 2.666-2.688 1.469 0 2.666 1.207 2.666 2.688 0 1.482-1.197 2.688-2.666 2.688H12.18V6.408zm0 3.404h5.686a1.07 1.07 0 011.065 1.073v1.432H12.18V9.812zm-.71 11.468H4.719v-8.243h6.751v8.243zm0-8.959H4.719V10.89a1.07 1.07 0 011.064-1.073h5.687v2.504zm0-3.225H9.691a1.789 1.789 0 01-1.779-1.793c0-.991.797-1.794 1.78-1.794.982 0 1.778.803 1.778 1.794v1.793zM20 19.486a.714.714 0 01-.71.716.714.714 0 01-.71-.716c0-.394.32-.715.71-.715.392 0 .71.32.71.715z",
+            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.992 11.505c0 .353-.252.62-.417.62h-8.202v-4.23h8.202c.14 0 .417.28.417.619v2.991zm-1.322 8.897c0 .353-.252.619-.418.619h-6.876v-8.067h7.294v7.448zm-15.392-.003v-7.356c0-.033-.012-.061-.02-.092h7.266v8.067H4.692c-.162 0-.417-.266-.414-.62zm-1.264-8.894V8.511c0-.339.278-.62.418-.62h8.092v4.23H3.43c-.163 0-.415-.266-.415-.616zm3.734-7.582c.34-.507.737-.81 1.185-.902.098-.02.196-.028.297-.028.364 0 .754.129 1.162.386.888.56 1.729 2.51 2.057 3.507-1.045.112-3.244.168-4.138-.395-.52-.327-.834-.717-.927-1.148-.095-.437.025-.913.364-1.42zm7.807-.547c.521-.33 1.011-.45 1.46-.355.448.092.845.395 1.184.902.68 1.017.488 1.902-.56 2.566-.894.565-3.09.51-4.137.394.325-.997 1.162-2.943 2.053-3.507zm6.022 3.69h-3.316c.61-.429 1.008-.961 1.137-1.555.14-.647-.028-1.353-.487-2.042-.46-.686-1.056-1.123-1.723-1.26-.664-.14-1.392.025-2.1.476-.934.588-1.679 2.084-2.118 3.19-.437-1.11-1.183-2.602-2.113-3.19-.708-.449-1.434-.617-2.1-.477-.667.138-1.264.575-1.723 1.26-.46.687-.628 1.393-.487 2.043.128.594.529 1.123 1.137 1.555H3.429c-.664 0-1.269.689-1.269 1.445v2.994c0 .77.594 1.449 1.269 1.449h.011c-.008.03-.02.058-.02.092v7.356c0 .77.594 1.448 1.272 1.448H19.25c.675 0 1.269-.675 1.269-1.445v-7.451h.056c.675 0 1.268-.676 1.268-1.446V8.511c.003-.756-.602-1.445-1.266-1.445z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconGiftLight;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconGiftRegular = function IconGiftRegular(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 IconGiftRegular = function IconGiftRegular(_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.56 11.515c0 .213-.14.373-.184.387h-7.79v-3.7l7.762-.003c.061.022.213.196.213.389v2.927zM19.085 20.6H12.59v-7.454h6.68v7.068c-.003.213-.143.372-.185.386zm-14.411-.386v-7.068h6.633V20.6H4.87c-.058-.017-.198-.173-.198-.386zM3.44 8.585c0-.193.149-.367.185-.386h7.683v3.7H3.636c-.059-.022-.193-.177-.193-.387V8.585H3.44zm3.614-4.367c.36-.54.784-.81 1.263-.81.31 0 .65.116 1.008.343.729.459 1.47 2.05 1.83 3.058-1.087.087-2.9.076-3.62-.38-.456-.29-.73-.622-.81-.987-.08-.37.032-.781.329-1.224zm7.563-.47c.913-.577 1.677-.42 2.271.468.297.445.41.854.328 1.22-.078.365-.353.698-.81.987-.722.456-2.535.468-3.621.38.361-1.005 1.103-2.593 1.832-3.055zm5.761 3.207H17.74c.372-.373.63-.796.73-1.258.152-.692-.024-1.437-.506-2.16-.983-1.47-2.532-1.79-4.045-.831-.826.524-1.493 1.694-1.947 2.717-.45-1.023-1.12-2.196-1.946-2.717-1.513-.958-3.062-.639-4.045.832-.482.722-.659 1.467-.507 2.16.1.461.358.884.728 1.257H3.625c-.768 0-1.465.779-1.465 1.633v2.927c0 .796.546 1.476 1.232 1.605v7.093c0 .885.673 1.633 1.465 1.633h14.227c.793 0 1.465-.748 1.465-1.633v-7.087c.717-.101 1.294-.793 1.294-1.614V8.585c0-.854-.697-1.63-1.465-1.63z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M17.998 9.037h-.167a3.88 3.88 0 00.712-2.265C18.543 4.657 16.946 3 14.907 3c-1.578 0-2.886.99-3.398 2.42a2.952 2.952 0 00-1.69-.532c-1.555 0-2.728 1.218-2.728 2.83 0 .484.107.933.298 1.32H6.002C4.88 9.037 4 10.031 4 11.301v10.945c0 .415.326.753.726.753h14.548c.4 0 .726-.338.726-.753v-10.95c0-1.265-.88-2.26-2.002-2.26zm.545 2.26v1.13h-5.82V10.54h5.275c.4.005.545.46.545.759zm-3.636-6.79c1.243 0 2.183.975 2.183 2.265s-.935 2.265-2.183 2.265h-2.183V6.772c0-1.29.94-2.265 2.183-2.265zM8.543 7.714c0-.778.522-1.319 1.271-1.319.699 0 1.453.507 1.453 1.319v1.318H9.814c-.75.005-1.27-.54-1.27-1.318zm-2.546 2.83h5.274v1.889H5.452v-1.13c0-.305.145-.759.545-.759zm-.545 3.395h5.82v7.544h-5.82V13.94zm7.272 7.55v-7.55h5.819v7.544h-5.82v.005z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M20.56 11.515c0 .213-.14.373-.184.387h-7.79v-3.7l7.762-.003c.061.022.213.196.213.389v2.927zM19.085 20.6H12.59v-7.454h6.68v7.068c-.003.213-.143.372-.185.386zm-14.411-.386v-7.068h6.633V20.6H4.87c-.058-.017-.198-.173-.198-.386zM3.44 8.585c0-.193.149-.367.185-.386h7.683v3.7H3.636c-.059-.022-.193-.177-.193-.387V8.585H3.44zm3.614-4.367c.36-.54.784-.81 1.263-.81.31 0 .65.116 1.008.343.729.459 1.47 2.05 1.83 3.058-1.087.087-2.9.076-3.62-.38-.456-.29-.73-.622-.81-.987-.08-.37.032-.781.329-1.224zm7.563-.47c.913-.577 1.677-.42 2.271.468.297.445.41.854.328 1.22-.078.365-.353.698-.81.987-.722.456-2.535.468-3.621.38.361-1.005 1.103-2.593 1.832-3.055zm5.761 3.207H17.74c.372-.373.63-.796.73-1.258.152-.692-.024-1.437-.506-2.16-.983-1.47-2.532-1.79-4.045-.831-.826.524-1.493 1.694-1.947 2.717-.45-1.023-1.12-2.196-1.946-2.717-1.513-.958-3.062-.639-4.045.832-.482.722-.659 1.467-.507 2.16.1.461.358.884.728 1.257H3.625c-.768 0-1.465.779-1.465 1.633v2.927c0 .796.546 1.476 1.232 1.605v7.093c0 .885.673 1.633 1.465 1.633h14.227c.793 0 1.465-.748 1.465-1.633v-7.087c.717-.101 1.294-.793 1.294-1.614V8.585c0-.854-.697-1.63-1.465-1.63z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconGiftRegular;
 exports.default = _default;

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconGroupFilled = function IconGroupFilled(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 IconGroupFilled = function IconGroupFilled(_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.975 4.2c1.182 0 2.107.325 2.745.97.667.669 1.006 1.657 1.006 2.938 0 1.28-.34 2.268-1.006 2.932-.638.639-1.563.964-2.745.964-1.182 0-2.106-.325-2.742-.964-.661-.664-.997-1.652-.997-2.932 0-1.283.336-2.272.997-2.939.638-.644 1.56-.969 2.742-.969zm-5.77 4.86c.622 0 1.11.17 1.445.51.35.35.527.87.527 1.546 0 .675-.177 1.193-.53 1.543-.336.337-.823.507-1.445.507-.622 0-1.106-.17-1.443-.507-.35-.35-.526-.868-.526-1.543 0-.675.176-1.196.524-1.546.341-.34.826-.51 1.448-.51zm11.546.028c.613 0 1.095.17 1.429.504.344.347.518.863.518 1.53 0 .666-.174 1.182-.521 1.526-.33.334-.813.502-1.429.502-.616 0-1.098-.168-1.431-.502-.347-.347-.521-.86-.521-1.526 0-.667.176-1.183.52-1.53.337-.336.822-.504 1.435-.504zm-3.493 4.258c1.387 0 2.527.465 3.297 1.347.706.81 1.078 1.933 1.078 3.25v1.375c0 .26-.19.47-.425.47H5.757c-.236 0-.426-.21-.426-.47v-1.376c0-1.316.37-2.437 1.073-3.246.764-.883 1.902-1.348 3.291-1.348h4.563v-.002zm-8.46.742c-.005.006-.013.011-.019.02-.843.972-1.288 2.3-1.288 3.834v.748H3.02c-.473 0-.86-.4-.86-.896v-.703c0-.846.26-1.574.756-2.112.538-.583 1.311-.891 2.238-.891H5.8zm15.292.874c.496.538.756 1.269.756 2.112v.703c0 .496-.386.896-.86.896h-1.515v-.734c0-1.535-.448-2.86-1.297-3.834l-.034-.034h.712c.93 0 1.703.308 2.238.89z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconGroupLight = function IconGroupLight(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 IconGroupLight = function IconGroupLight(_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: "M9.71 5.743c-.522.51-.785 1.306-.785 2.365 0 1.056.263 1.851.784 2.358.501.493 1.266.742 2.269.742 1.003 0 1.767-.249 2.274-.742.524-.51.788-1.302.788-2.358s-.264-1.852-.788-2.365c-.507-.495-1.271-.745-2.271-.745-1.006 0-1.77.25-2.272.745zm2.268 6.26c-1.213 0-2.16-.324-2.812-.963-.678-.664-1.023-1.65-1.023-2.932 0-1.28.345-2.272 1.023-2.936.655-.644 1.602-.972 2.812-.972 1.21 0 2.16.328 2.818.97.683.666 1.03 1.655 1.03 2.938 0 1.282-.347 2.268-1.03 2.932-.658.642-1.605.964-2.818.964zm-6.709-1.316c-.21.205-.316.55-.316 1.02s.106.812.313 1.017c.202.199.533.3.978.3.448 0 .779-.101.983-.3.21-.205.317-.546.317-1.014 0-.47-.107-.813-.317-1.017-.204-.199-.535-.303-.983-.303-.443-.002-.77.099-.975.297zm.978 3.132c-.656 0-1.168-.176-1.524-.521-.367-.361-.555-.896-.555-1.591s.188-1.23.555-1.591c.356-.347.868-.527 1.524-.527.658 0 1.17.177 1.526.524.37.362.558.9.558 1.591 0 .695-.188 1.23-.558 1.591-.352.348-.868.524-1.526.524zm10.532-3.146c-.21.205-.316.55-.316 1.02 0 .468.106.81.316 1.014.205.199.535.3.983.3.448 0 .776-.101.98-.3.208-.204.314-.546.314-1.014 0-.47-.106-.812-.316-1.02-.202-.198-.532-.3-.978-.3-.448 0-.778.102-.983.3zm-.543 2.611c-.37-.361-.558-.896-.558-1.591s.188-1.23.558-1.591c.355-.35.868-.527 1.526-.527.659 0 1.171.177 1.527.524.367.362.555.9.555 1.594 0 .692-.185 1.227-.555 1.588-.356.348-.868.521-1.527.521-.658.003-1.17-.173-1.526-.518zm4.826 4.342v-.55c0-.565-.165-1.044-.487-1.38-.353-.376-.888-.566-1.547-.566h-1.207c.563.653.894 1.507.966 2.496h2.275zm-3.045 1.361v-.941c0-1.028-.305-1.896-.885-2.513-.636-.67-1.61-1.028-2.818-1.028H9.636c-1.207 0-2.173.359-2.81 1.028-.58.614-.884 1.482-.884 2.513v.941h12.075zM5.174 17.643c.07-.99.395-1.844.958-2.496H4.978c-.658 0-1.193.193-1.546.566-.314.333-.488.812-.488 1.378v.552h2.23zm15.966-2.496c.463.487.706 1.157.706 1.93v.708a.634.634 0 01-.627.64H18.8v.923c0 .244-.196.44-.44.44H5.598a.442.442 0 01-.44-.44v-.91H2.796a.638.638 0 01-.636-.641v-.706c0-.773.244-1.443.706-1.939.504-.523 1.232-.804 2.112-.804h2.095c.698-.423 1.569-.638 2.566-.638h4.678c.989 0 1.851.207 2.549.622h2.165c.877.002 1.605.28 2.11.815z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconGroupRegular = function IconGroupRegular(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 IconGroupRegular = function IconGroupRegular(_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.107 6.11c-.41.412-.614 1.084-.614 1.998 0 .91.208 1.58.611 1.988.395.398 1.025.597 1.871.597.846 0 1.48-.202 1.877-.597.409-.409.616-1.078.616-1.988 0-.914-.207-1.583-.619-1.995-.398-.4-1.028-.602-1.874-.602-.843 0-1.47.202-1.868.6zm1.87 5.894c-1.184 0-2.106-.325-2.741-.964-.664-.664-.998-1.652-.998-2.932 0-1.283.337-2.27.998-2.939.638-.644 1.56-.969 2.745-.969 1.182 0 2.106.328 2.745.97.664.669 1.003 1.657 1.003 2.938 0 1.28-.337 2.266-1.003 2.932-.644.639-1.566.964-2.748.964zM5.67 10.29c-.151.15-.174.504-.174.7 0 .193.023.543.171.695.112.112.345.17.661.17.317 0 .552-.061.664-.173.151-.151.174-.502.174-.695 0-.196-.023-.546-.177-.7-.112-.112-.347-.174-.66-.174-.317.003-.55.065-.66.177zm.658 2.876c-.661 0-1.176-.179-1.532-.537-.37-.373-.558-.925-.558-1.64 0-.716.188-1.268.558-1.64.356-.36.871-.541 1.532-.541s1.177.182 1.535.54c.373.376.56.928.56 1.645 0 .714-.187 1.266-.56 1.641-.358.353-.877.532-1.535.532zm10.68-2.823c-.145.146-.165.482-.165.67 0 .184.023.52.166.663.103.104.336.165.638.165.3 0 .53-.058.633-.162.104-.104.163-.347.163-.667 0-.187-.022-.526-.165-.672-.104-.104-.33-.162-.63-.162-.309-.003-.533.056-.64.165zm-.873 2.28c-.367-.364-.552-.908-.552-1.61 0-.707.185-1.247.552-1.614.35-.353.857-.532 1.51-.532.647 0 1.156.179 1.507.532.36.367.546.91.546 1.613s-.185 1.247-.55 1.611c-.35.353-.856.53-1.506.53-.647 0-1.154-.18-1.507-.53zm4.454 4.74v-.286c0-.499-.14-.916-.407-1.208-.294-.319-.753-.487-1.327-.487l-.824-.003c.314.569.493 1.244.56 1.983h1.998zm-3.216 1.112v-.536c0-.983-.26-1.8-.75-2.366-.662-.76-1.65-.92-2.365-.92H9.692c-.714 0-1.7.16-2.358.917-.488.563-.745 1.38-.745 2.367v.535c0 .003 10.784.003 10.784.003zM5.37 17.379c.065-.74.241-1.414.552-1.986l-.768.003c-.577 0-1.036.168-1.327.487-.266.289-.41.706-.41 1.205v.288c0 .003 1.953.003 1.953.003zm15.72-2.417c.496.538.756 1.269.756 2.115v.703c0 .493-.386.893-.86.893h-2.355v.642c0 .26-.19.47-.426.47H5.757c-.236 0-.426-.21-.426-.47v-.625H3.02c-.473 0-.86-.403-.86-.896v-.703c0-.846.26-1.574.756-2.112.535-.583 1.308-.894 2.238-.894h1.933c.703-.484 1.586-.742 2.605-.742h4.563c1.011 0 1.883.252 2.583.725h2.014c.93.003 1.703.311 2.238.894z",
         fill: fillColor
     })));