@telefonica/mistica 10.10.0 → 10.11.0

package/dist/generated/mistica-icons/icon-click-to-call-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconClickToCallFilled = function IconClickToCallFilled(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 IconClickToCallFilled = function IconClickToCallFilled(_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: "M5.95 2.006c.848.014 1.686.431 2.49 1.235.305.297.568.633.787 1 .431.695.582 1.409.462 2.129-.12.72-.524 1.425-1.196 2.098a4.95 4.95 0 01-.496.442c-.064.118-.025.49.496 1.252.605.88 1.613 1.922 2.32 2.628l.083.084c.706.706 1.748 1.714 2.628 2.32.762.523 1.134.562 1.252.495.137-.174.286-.339.442-.496.673-.672 1.379-1.073 2.098-1.196.72-.123 1.44.034 2.135.465.364.219.7.482 1 .787.804.804 1.218 1.642 1.235 2.49.017.88-.398 1.768-1.224 2.64a5.783 5.783 0 01-.706.603l-.126.09-.017.012a.157.157 0 01-.025.02c-.563.389-1.277.582-2.103.582-.866 0-1.858-.215-2.928-.641-2.184-.871-4.577-2.569-6.916-4.908l-.005-.005-.073-.073c-2.345-2.345-4.042-4.737-4.913-6.922-.835-2.09-.854-3.877-.059-5.03l.017-.026.011-.017c.095-.134.39-.54.695-.832.854-.815 1.722-1.226 2.585-1.226zm12.479 1.89a.924.924 0 01.66.367l1.135 1.264c.18.201.263.467.23.733a.909.909 0 01-.367.625L17.07 9.541l.661.733c.196.216.252.49.154.737s-.33.406-.619.429l-4.6.356h-.064a.757.757 0 01-.748-.93l.97-4.535a.709.709 0 01.498-.558c.252-.07.518.02.712.233l.669.74 3.03-2.606a.886.886 0 01.696-.244z",
         fill: fillColor
     })));

package/dist/generated/mistica-icons/icon-click-to-call-filled.js.flow

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

package/dist/generated/mistica-icons/icon-click-to-call-light.d.ts

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

package/dist/generated/mistica-icons/icon-click-to-call-light.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconClickToCallLight = function IconClickToCallLight(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 IconClickToCallLight = function IconClickToCallLight(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
     var ref = (0, _hooks).useTheme(), colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M8.28 3.34c.297.292.555.617.765.975 1.042 1.675.19 3.098-.709 3.995a4.994 4.994 0 01-.518.456c-.3.356.095 1.101.482 1.664.635.927 1.689 2.014 2.423 2.748l.086.087c.737.736 1.821 1.787 2.748 2.423.566.386 1.308.781 1.664.482.14-.183.294-.356.46-.519.899-.896 2.319-1.748 3.994-.708.356.213.683.47.975.767 1.577 1.577 1.58 3.216.003 4.866a6.335 6.335 0 01-.816.68l-.022.017-.014.011c-.53.37-1.207.555-1.997.555-.855 0-1.838-.213-2.908-.639-2.215-.885-4.644-2.61-7.025-4.991l-.087-.087c-2.38-2.381-4.106-4.81-4.989-7.025-.82-2.056-.851-3.799-.09-4.905.004-.006.01-.011.012-.017l.017-.022a5.77 5.77 0 01.68-.815C5.064 1.76 6.7 1.763 8.28 3.34zm-2.373-.62c-.68-.014-1.37.322-2.106 1.025a5.418 5.418 0 00-.639.776c-.308.45-.459 1.045-.445 1.767.014.77.216 1.647.6 2.605.857 2.146 2.537 4.507 4.862 6.835l.048.048.042.039c2.328 2.328 4.689 4.008 6.835 4.863.958.383 1.834.582 2.605.599.722.014 1.316-.134 1.767-.445l.037-.026c.327-.235.574-.442.736-.61.703-.737 1.04-1.426 1.028-2.107-.011-.652-.347-1.3-1.022-1.974a4.318 4.318 0 00-.863-.681l-.008-.006c-.538-.333-1.079-.456-1.611-.367-.563.096-1.132.429-1.697.995a4.721 4.721 0 00-.429.487c-.008.011-.02.023-.03.034-1.051.966-3.121-.827-5.205-2.91l-.087-.087C8.246 11.497 6.454 9.424 7.42 8.377c.011-.011.02-.023.034-.031.173-.132.336-.274.487-.429.563-.565.9-1.137.994-1.697.09-.532-.033-1.073-.366-1.61l-.006-.01a4.203 4.203 0 00-.68-.859C7.206 3.066 6.56 2.73 5.906 2.719zm12.188 1.66a.65.65 0 01.468.267l1.146 1.274a.647.647 0 01-.107.953l-3.24 2.851.85.944c.124.137.16.3.104.446-.056.145-.196.238-.38.252l-4.6.355a.483.483 0 01-.415-.16.489.489 0 01-.103-.43l.969-4.536c.04-.179.146-.305.297-.344.151-.04.308.014.431.148l.846.936h.011l3.241-2.784a.617.617 0 01.482-.171zm-.04.564a.063.063 0 00-.044.01c-.006.006-.014.012-.02.02l-3.249 2.793a.57.57 0 01-.79-.05l-.672-.74-.894 4.182 4.219-.327-.658-.731a.555.555 0 01.042-.788c.002-.002.002-.002.005-.002l3.255-2.866.034-.025a.07.07 0 00.033-.053.104.104 0 00-.014-.065l-.002-.003-1.157-1.285c-.009-.009-.017-.017-.023-.028a.086.086 0 00-.064-.042z",
         fill: fillColor
     })));

package/dist/generated/mistica-icons/icon-click-to-call-light.js.flow

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

package/dist/generated/mistica-icons/icon-click-to-call-regular.d.ts

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

package/dist/generated/mistica-icons/icon-click-to-call-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconClickToCallRegular = function IconClickToCallRegular(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 IconClickToCallRegular = function IconClickToCallRegular(_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: "M5.942 2c.849.017 1.687.432 2.49 1.236.306.3.57.636.788 1 .43.694.588 1.414.465 2.134-.124.72-.524 1.423-1.197 2.095a5.707 5.707 0 01-.495.443c-.068.118-.026.49.495 1.252.605.88 1.614 1.922 2.32 2.628l.084.084c.706.706 1.748 1.714 2.627 2.319.762.521 1.135.56 1.252.496a4.95 4.95 0 01.443-.496c.672-.672 1.378-1.076 2.098-1.196.72-.12 1.437.034 2.134.465a4.86 4.86 0 011 .787c.804.804 1.219 1.641 1.236 2.49.017.88-.398 1.765-1.227 2.636-.291.305-.698.597-.832.695l-.017.01a.154.154 0 00-.025.02c-.566.39-1.28.583-2.107.583-.868 0-1.857-.213-2.927-.641-2.185-.871-4.577-2.569-6.916-4.908l-.084-.084C5.208 13.712 3.514 11.32 2.64 9.135c-.832-2.092-.855-3.88-.056-5.034l.016-.025.012-.017c.095-.134.39-.54.694-.832C4.178 2.398 5.063 1.984 5.942 2zm-.02 1.12c-.57-.007-1.193.298-1.84.92a4.866 4.866 0 00-.56.678l-.025.033c-.56.827-.496 2.272.182 3.972.815 2.045 2.426 4.306 4.655 6.535l.05.05.043.034c2.23 2.233 4.49 3.84 6.535 4.656 1.7.678 3.145.745 3.972.182l.033-.023c.303-.218.53-.406.678-.56.62-.65.93-1.269.92-1.84-.012-.555-.309-1.118-.908-1.72a3.836 3.836 0 00-.78-.614l-.016-.008c-.465-.291-.91-.392-1.361-.316-.485.08-.986.38-1.493.885a4 4 0 00-.395.448c-.02.022-.04.045-.06.064-.237.222-.666.448-1.344.275-.383-.098-.815-.314-1.319-.658-.958-.656-2.048-1.715-2.787-2.451l-.084-.084c-.737-.737-1.793-1.83-2.451-2.785-.345-.504-.56-.935-.658-1.32-.171-.677.056-1.106.277-1.346a.422.422 0 01.064-.06 4 4 0 00.449-.394c.504-.504.8-1.006.885-1.493.075-.451-.028-.897-.317-1.362l-.008-.016a3.937 3.937 0 00-.614-.78c-.605-.593-1.168-.89-1.722-.901zm12.508.83a.924.924 0 01.66.367l1.135 1.263c.18.202.263.468.23.734a.909.909 0 01-.367.625L17.07 9.592l.661.733c.193.216.252.49.154.737s-.328.406-.619.429l-4.6.355c-.022.003-.044.003-.064.003a.757.757 0 01-.748-.93l.97-4.535a.71.71 0 01.498-.557c.252-.07.518.02.712.232l.67.74 3.03-2.605a.886.886 0 01.695-.244zm-.093 1.205l-3.103 2.669a.854.854 0 01-1.183-.076l-.3-.333-.7 3.28 3.278-.255-.28-.308a.837.837 0 01.07-1.188l3.14-2.764-.922-1.025z",
         fill: fillColor
     })));

package/dist/generated/mistica-icons/icon-click-to-call-regular.js.flow

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconClipFilled = function IconClipFilled(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 IconClipFilled = function IconClipFilled(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var ref = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M16.063 5.542a.808.808 0 00-.818.798l-.011 11.09c0 1.913-.913 2.804-2.868 2.804-1.958 0-2.872-.89-2.872-2.804V5.44c0-1.185.516-1.69 1.729-1.69s1.728.505 1.728 1.692l.025 11.356c0 .373-.078.448-.46.448-.38 0-.456-.075-.456-.448V6.394a.812.812 0 00-.818-.801.81.81 0 00-.818.798v10.403c0 1.264.801 2.048 2.096 2.048 1.29 0 2.095-.784 2.095-2.048L14.59 5.44c-.003-2.06-1.26-3.289-3.367-3.289S7.859 3.38 7.859 5.439V17.43c0 2.798 1.641 4.406 4.507 4.406 2.862 0 4.504-1.605 4.504-4.403l.011-11.09a.81.81 0 00-.818-.8",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M16.762 23a3.602 3.602 0 01-2.58-1.095L3.49 10.93A5.254 5.254 0 012 7.23c0-1.397.53-2.709 1.49-3.7a5.011 5.011 0 017.207 0L21.78 14.897a.789.789 0 010 1.095.74.74 0 01-1.066 0L9.632 4.625a3.511 3.511 0 00-2.538-1.08c-.96 0-1.857.382-2.537 1.08A3.693 3.693 0 003.505 7.23c0 .986.372 1.907 1.052 2.605l10.69 10.976a2.107 2.107 0 003.03 0 2.245 2.245 0 000-3.11L7.587 6.73a.698.698 0 00-.98 0 .717.717 0 00-.202.505c0 .193.072.372.202.505l9.663 9.92a.789.789 0 010 1.095.74.74 0 01-1.066 0L5.54 8.83a2.303 2.303 0 010-3.195 2.165 2.165 0 013.116 0l10.69 10.976c1.424 1.46 1.424 3.838 0 5.294A3.629 3.629 0 0116.763 23z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M16.063 5.542a.808.808 0 00-.818.798l-.011 11.09c0 1.913-.913 2.804-2.868 2.804-1.958 0-2.872-.89-2.872-2.804V5.44c0-1.185.516-1.69 1.729-1.69s1.728.505 1.728 1.692l.025 11.356c0 .373-.078.448-.46.448-.38 0-.456-.075-.456-.448V6.394a.812.812 0 00-.818-.801.81.81 0 00-.818.798v10.403c0 1.264.801 2.048 2.096 2.048 1.29 0 2.095-.784 2.095-2.048L14.59 5.44c-.003-2.06-1.26-3.289-3.367-3.289S7.859 3.38 7.859 5.439V17.43c0 2.798 1.641 4.406 4.507 4.406 2.862 0 4.504-1.605 4.504-4.403l.011-11.09a.81.81 0 00-.818-.8",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconClipFilled;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconClipLight = function IconClipLight(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 IconClipLight = function IconClipLight(_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.981 21.843c-2.907 0-4.512-1.457-4.512-4.107V5.44c0-2.117 1.283-3.283 3.613-3.283 2.328 0 3.61 1.166 3.61 3.286v10.65c0 1.557-.98 2.454-2.694 2.454s-2.695-.894-2.695-2.454v-8.98c0-.227.202-.41.451-.41.25 0 .449.185.449.41v8.98c0 1.115.571 1.633 1.792 1.633 1.224 0 1.793-.518 1.793-1.633V5.442c0-1.658-.888-2.465-2.711-2.465-1.824 0-2.712.807-2.712 2.465v12.297c0 2.18 1.216 3.286 3.61 3.286 2.396 0 3.611-1.107 3.611-3.286l-.01-10.633c0-.227.2-.41.447-.41h.003c.25 0 .451.183.451.41l.014 10.636c.003 2.644-1.602 4.1-4.51 4.1",
-        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: "M6.807 2c1.282 0 2.489.524 3.397 1.473l9.837 10.278a.391.391 0 010 .543.356.356 0 01-.52 0L9.684 4.017A3.959 3.959 0 006.807 2.77 3.95 3.95 0 003.93 4.016a4.323 4.323 0 00-1.192 3.006c0 1.137.421 2.2 1.192 3.005l10.92 11.41a2.512 2.512 0 003.658 0c1.008-1.053 1.008-2.769 0-3.821L7.593 6.202a1.094 1.094 0 00-1.567 0c-.43.45-.43 1.186 0 1.636l9.875 10.317a.391.391 0 010 .544.356.356 0 01-.52 0L5.5 8.387a1.995 1.995 0 010-2.729 1.793 1.793 0 012.612 0l10.92 11.41c1.297 1.354 1.297 3.56 0 4.914A3.247 3.247 0 0116.682 23a3.247 3.247 0 01-2.352-1.018L3.41 10.572A5.104 5.104 0 012 7.022c0-1.34.502-2.6 1.41-3.549C4.318 2.524 5.525 2 6.807 2zm14.455 12.789c.407 0 .738.346.738.771 0 .425-.331.771-.738.771s-.738-.346-.738-.771c0-.425.331-.771.738-.771z",
+            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.981 21.843c-2.907 0-4.512-1.457-4.512-4.107V5.44c0-2.117 1.283-3.283 3.613-3.283 2.328 0 3.61 1.166 3.61 3.286v10.65c0 1.557-.98 2.454-2.694 2.454s-2.695-.894-2.695-2.454v-8.98c0-.227.202-.41.451-.41.25 0 .449.185.449.41v8.98c0 1.115.571 1.633 1.792 1.633 1.224 0 1.793-.518 1.793-1.633V5.442c0-1.658-.888-2.465-2.711-2.465-1.824 0-2.712.807-2.712 2.465v12.297c0 2.18 1.216 3.286 3.61 3.286 2.396 0 3.611-1.107 3.611-3.286l-.01-10.633c0-.227.2-.41.447-.41h.003c.25 0 .451.183.451.41l.014 10.636c.003 2.644-1.602 4.1-4.51 4.1",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconClipLight;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconClipRegular = function IconClipRegular(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 IconClipRegular = function IconClipRegular(_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: "M12.363 21.836c-2.863 0-4.507-1.563-4.507-4.291V5.305c0-2.004 1.207-3.155 3.31-3.155 2.104 0 3.312 1.148 3.312 3.154l.025 11.053c0 1.166-.76 1.888-1.98 1.888-1.222 0-1.981-.722-1.981-1.885V6.28c0-.34.289-.61.641-.61.356 0 .642.274.642.61v10.078c0 .496.176.661.695.661.52 0 .694-.165.694-.66l-.028-11.054c0-1.316-.644-1.93-2.025-1.93-1.38 0-2.025.614-2.025 1.93v12.241c0 2.064 1.053 3.067 3.221 3.067s3.221-1.003 3.221-3.067l.012-11.32c0-.338.288-.61.641-.61.356 0 .642.274.642.613l-.012 11.32c.009 2.725-1.636 4.288-4.498 4.288",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M16.762 23a3.602 3.602 0 01-2.58-1.095L3.49 10.93A5.254 5.254 0 012 7.23c0-1.397.53-2.709 1.49-3.7a5.011 5.011 0 017.207 0L21.78 14.897a.789.789 0 010 1.095.74.74 0 01-1.066 0L9.632 4.625a3.511 3.511 0 00-2.538-1.08c-.96 0-1.857.382-2.537 1.08A3.693 3.693 0 003.505 7.23c0 .986.372 1.907 1.052 2.605l10.69 10.976a2.107 2.107 0 003.03 0 2.245 2.245 0 000-3.11L7.587 6.73a.698.698 0 00-.98 0 .717.717 0 00-.202.505c0 .193.072.372.202.505l9.663 9.92a.789.789 0 010 1.095.74.74 0 01-1.066 0L5.54 8.83a2.303 2.303 0 010-3.195 2.165 2.165 0 013.116 0l10.69 10.976c1.424 1.46 1.424 3.838 0 5.294A3.629 3.629 0 0116.763 23z",
+            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: "M12.363 21.836c-2.863 0-4.507-1.563-4.507-4.291V5.305c0-2.004 1.207-3.155 3.31-3.155 2.104 0 3.312 1.148 3.312 3.154l.025 11.053c0 1.166-.76 1.888-1.98 1.888-1.222 0-1.981-.722-1.981-1.885V6.28c0-.34.289-.61.641-.61.356 0 .642.274.642.61v10.078c0 .496.176.661.695.661.52 0 .694-.165.694-.66l-.028-11.054c0-1.316-.644-1.93-2.025-1.93-1.38 0-2.025.614-2.025 1.93v12.241c0 2.064 1.053 3.067 3.221 3.067s3.221-1.003 3.221-3.067l.012-11.32c0-.338.288-.61.641-.61.356 0 .642.274.642.613l-.012 11.32c.009 2.725-1.636 4.288-4.498 4.288",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconClipRegular;
 exports.default = _default;

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

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

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

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