@telefonica/mistica 10.9.2 → 10.13.0

package/dist/generated/mistica-icons/icon-arrow-down-regular.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconArrowDownRegular = function IconArrowDownRegular(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 IconArrowDownRegular = function IconArrowDownRegular(_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.815 21.734h-.005a.82.82 0 01-.594-.275L2.513 12.98c-.449-.425-.608-1.016-.407-1.507.177-.431.591-.694 1.09-.694h.017l3.65-.003a.227.227 0 00.056-.04l.02-6.882c-.009-.616.145-1.07.467-1.386.322-.317.776-.46 1.392-.443h6.042c.42-.008 1.026.031 1.446.437.423.41.479 1.009.487 1.426v.008l-.003 6.712a.483.483 0 00.053.157l3.564-.006h.005c.857.006 1.149.415 1.247.658.168.418.014.9-.42 1.322l-8.712 8.659c-.09.09-.333.336-.692.336zM3.193 11.87a.162.162 0 00-.078.014c-.014.02-.017.151.148.308l.006.006 8.557 8.336 8.62-8.566.005-.005a.866.866 0 00.09-.098 1.182 1.182 0 00-.16-.012l-3.712.006c-.652 0-.994-.81-.994-1.247l.003-6.708c-.006-.336-.059-.563-.154-.656-.095-.092-.328-.137-.672-.129H8.767c-.207-.005-.478.012-.602.13-.12.12-.143.389-.14.596v.008l-.02 6.956c0 .585-.613 1.056-1.12 1.056l-3.678.002H3.2c0 .003-.003.003-.006.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: "M15.151 1c-.407 0-.742.356-.742.788v9.23h5.378c.37 0 .593.313.666.59.038.12.15.51-.112.788l-8.34 8.444-8.341-8.444c-.262-.277-.19-.669-.112-.788.112-.237.335-.59.666-.59h5.378v-9.23c0-.436-.335-.788-.742-.788-.408 0-.743.356-.743.788v7.66H4.214c-.889 0-1.705.63-2.04 1.531-.334.863-.188 1.848.447 2.477L12.001 23l9.379-9.508c.631-.67.781-1.61.446-2.513-.369-.906-1.15-1.531-2.039-1.531h-3.893v-7.66c0-.432-.335-.788-.743-.788z",
+            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.815 21.734h-.005a.82.82 0 01-.594-.275L2.513 12.98c-.449-.425-.608-1.016-.407-1.507.177-.431.591-.694 1.09-.694h.017l3.65-.003a.227.227 0 00.056-.04l.02-6.882c-.009-.616.145-1.07.467-1.386.322-.317.776-.46 1.392-.443h6.042c.42-.008 1.026.031 1.446.437.423.41.479 1.009.487 1.426v.008l-.003 6.712a.483.483 0 00.053.157l3.564-.006h.005c.857.006 1.149.415 1.247.658.168.418.014.9-.42 1.322l-8.712 8.659c-.09.09-.333.336-.692.336zM3.193 11.87a.162.162 0 00-.078.014c-.014.02-.017.151.148.308l.006.006 8.557 8.336 8.62-8.566.005-.005a.866.866 0 00.09-.098 1.182 1.182 0 00-.16-.012l-3.712.006c-.652 0-.994-.81-.994-1.247l.003-6.708c-.006-.336-.059-.563-.154-.656-.095-.092-.328-.137-.672-.129H8.767c-.207-.005-.478.012-.602.13-.12.12-.143.389-.14.596v.008l-.02 6.956c0 .585-.613 1.056-1.12 1.056l-3.678.002H3.2c0 .003-.003.003-.006.003z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconArrowDownRegular;
 exports.default = _default;

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

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

package/dist/generated/mistica-icons/icon-arrow-down-right-filled.d.ts

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

package/dist/generated/mistica-icons/icon-arrow-down-right-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconArrowDownRightFilled = function IconArrowDownRightFilled(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 IconArrowDownRightFilled = function IconArrowDownRightFilled(_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.675 10.289v-.023c.006-.395.193-.779.56-1.143l5.026-5.047.016-.017c.348-.32.709-.44 1.079-.362.336.073.605.303.823.521l.014.014 4.813 5.115 2.58-2.58.008-.008c.33-.316.893-.409 1.339-.218.414.176.66.565.66 1.039v12.09c.02.28-.07.532-.254.717a.894.894 0 01-.717.252l-12.146-.006a1.009 1.009 0 01-.955-.613c-.204-.457-.112-1.05.216-1.407l.014-.016 2.378-2.379-4.905-4.79-.006-.005c-.36-.353-.543-.737-.543-1.134z",
-        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.712 6.672c-.808-.332-1.652-.3-2.284.332l-2.86 2.86L7.708 2 2 7.708s6.144 6.072 7.856 7.864l-2.672 2.68c-.632.632-.792 1.612-.444 2.444.332.8 1.068 1.304 1.928 1.304H22V8.608c0-.868-.492-1.612-1.288-1.936z",
+            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.675 10.289v-.023c.006-.395.193-.779.56-1.143l5.026-5.047.016-.017c.348-.32.709-.44 1.079-.362.336.073.605.303.823.521l.014.014 4.813 5.115 2.58-2.58.008-.008c.33-.316.893-.409 1.339-.218.414.176.66.565.66 1.039v12.09c.02.28-.07.532-.254.717a.894.894 0 01-.717.252l-12.146-.006a1.009 1.009 0 01-.955-.613c-.204-.457-.112-1.05.216-1.407l.014-.016 2.378-2.379-4.905-4.79-.006-.005c-.36-.353-.543-.737-.543-1.134z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconArrowDownRightFilled;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-arrow-down-right-filled.js.flow

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

package/dist/generated/mistica-icons/icon-arrow-down-right-light.d.ts

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

package/dist/generated/mistica-icons/icon-arrow-down-right-light.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconArrowDownRightLight = function IconArrowDownRightLight(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 IconArrowDownRightLight = function IconArrowDownRightLight(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var ref = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M19.831 20.474c-.022 0-.045 0-.07-.003l-12.667-.005h-.01a.772.772 0 01-.73-.474c-.164-.372-.089-.87.177-1.16l.009-.008 2.563-2.563a.155.155 0 00.042-.109.195.195 0 00-.062-.134l-5.067-5.096c-.325-.325-.487-.663-.485-1.005.006-.34.168-.667.502-.997L9.08 3.864l.009-.009c.745-.683 1.32-.115 1.594.157l.002.003 5.168 5.238a.191.191 0 00.135.059.143.143 0 00.11-.042l2.772-2.773.006-.006c.263-.252.731-.325 1.09-.17.33.142.52.445.518.828v12.6a.669.669 0 01-.182.538.638.638 0 01-.471.187zm-12.737-.566l12.681.006c.008 0 .02 0 .028.003.048.005.084-.003.1-.02.018-.017.026-.056.02-.1l-.002-.029V7.152c0-.162-.056-.26-.18-.314-.168-.072-.386-.025-.479.06l-2.77 2.77a.707.707 0 01-.524.204.744.744 0 01-.512-.224L10.288 4.41c-.407-.404-.541-.395-.816-.146l-5.044 5.05c-.222.222-.334.426-.337.611-.002.188.101.384.32.602l5.073 5.093a.76.76 0 01.224.512.711.711 0 01-.205.524l-2.56 2.56c-.112.127-.148.381-.073.55.056.126.146.142.222.142h.002z",
-        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: "M9.17 3.921l6.646 6.651 3.078-3.08a1.854 1.854 0 012.016-.411c.67.283 1.09.903 1.09 1.638V22H8.782c-.726 0-1.345-.42-1.628-1.106a1.885 1.885 0 01.403-2.066l3.014-3.015-8.463-8.468a.362.362 0 010-.516.361.361 0 01.515 0l7.361 7.366c1.533 1.534 1.533 1.534 1.441 1.757l-.024.064L8.08 19.34a1.18 1.18 0 00-.252 1.274c.168.411.523.655.958.655h12.475V8.719a1.03 1.03 0 00-.634-.967 1.114 1.114 0 00-1.226.252l-2.814 2.832c-.695.695-.695.695-.918.595l-.064-.024-6.95-6.97a.362.362 0 010-.516.361.361 0 01.515 0zM7.453 2a.727.727 0 110 1.454.727.727 0 010-1.454z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M19.831 20.474c-.022 0-.045 0-.07-.003l-12.667-.005h-.01a.772.772 0 01-.73-.474c-.164-.372-.089-.87.177-1.16l.009-.008 2.563-2.563a.155.155 0 00.042-.109.195.195 0 00-.062-.134l-5.067-5.096c-.325-.325-.487-.663-.485-1.005.006-.34.168-.667.502-.997L9.08 3.864l.009-.009c.745-.683 1.32-.115 1.594.157l.002.003 5.168 5.238a.191.191 0 00.135.059.143.143 0 00.11-.042l2.772-2.773.006-.006c.263-.252.731-.325 1.09-.17.33.142.52.445.518.828v12.6a.669.669 0 01-.182.538.638.638 0 01-.471.187zm-12.737-.566l12.681.006c.008 0 .02 0 .028.003.048.005.084-.003.1-.02.018-.017.026-.056.02-.1l-.002-.029V7.152c0-.162-.056-.26-.18-.314-.168-.072-.386-.025-.479.06l-2.77 2.77a.707.707 0 01-.524.204.744.744 0 01-.512-.224L10.288 4.41c-.407-.404-.541-.395-.816-.146l-5.044 5.05c-.222.222-.334.426-.337.611-.002.188.101.384.32.602l5.073 5.093a.76.76 0 01.224.512.711.711 0 01-.205.524l-2.56 2.56c-.112.127-.148.381-.073.55.056.126.146.142.222.142h.002z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconArrowDownRightLight;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-arrow-down-right-light.js.flow

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

package/dist/generated/mistica-icons/icon-arrow-down-right-regular.d.ts

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

package/dist/generated/mistica-icons/icon-arrow-down-right-regular.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconArrowDownRightRegular = function IconArrowDownRightRegular(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 IconArrowDownRightRegular = function IconArrowDownRightRegular(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var ref = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M19.695 20.647c-.026 0-.05 0-.079-.003L7.471 20.64h-.012c-.42 0-.77-.23-.944-.614-.204-.456-.112-1.047.216-1.406.006-.006.011-.011.014-.017l2.378-2.378-4.902-4.79-.005-.005c-.729-.729-.72-1.57.016-2.306l5.026-5.047.016-.017c.348-.32.71-.44 1.079-.362.336.073.605.303.823.521l.014.014 4.813 5.115 2.58-2.58.008-.008c.33-.316.894-.409 1.339-.218.414.179.66.568.658 1.044v12.087a.9.9 0 01-.255.717.879.879 0 01-.638.258zM7.49 19.563l12.023.006V7.585a.175.175 0 00-.006-.05.241.241 0 00-.177.008l-2.65 2.65a.97.97 0 01-1.375-.02l-.01-.01-4.88-5.185c-.171-.168-.247-.21-.275-.222a.604.604 0 00-.129.093L4.994 9.885c-.156.157-.243.3-.246.4-.003.127.12.278.227.382l4.972 4.857.005.005c.384.384.393 1 .017 1.376l-2.448 2.448c-.03.04-.045.148-.03.21z",
-        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.715 5.902c-.808-.35-1.741-.152-2.373.5l-2.77 2.907-7.71-8.092a.698.698 0 00-1.012 0 .785.785 0 000 1.063l8.318 8.73.128.059c.436.197.568.059 1.288-.698l2.762-2.898a.697.697 0 01.809-.177.67.67 0 01.404.647v12.561H8.663c-.396 0-.56-.306-.608-.44-.096-.249-.104-.622.16-.9l3.314-3.478.056-.135c.144-.374.168-.45-.664-1.344l-.777-.82-6.924-7.3a.698.698 0 00-1.013 0 .785.785 0 000 1.062l7.71 8.092-2.715 2.848c-.632.664-.816 1.668-.476 2.541.332.84 1.069 1.37 1.93 1.37H22V7.93c0-.907-.492-1.688-1.285-2.028z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M19.695 20.647c-.026 0-.05 0-.079-.003L7.471 20.64h-.012c-.42 0-.77-.23-.944-.614-.204-.456-.112-1.047.216-1.406.006-.006.011-.011.014-.017l2.378-2.378-4.902-4.79-.005-.005c-.729-.729-.72-1.57.016-2.306l5.026-5.047.016-.017c.348-.32.71-.44 1.079-.362.336.073.605.303.823.521l.014.014 4.813 5.115 2.58-2.58.008-.008c.33-.316.894-.409 1.339-.218.414.179.66.568.658 1.044v12.087a.9.9 0 01-.255.717.879.879 0 01-.638.258zM7.49 19.563l12.023.006V7.585a.175.175 0 00-.006-.05.241.241 0 00-.177.008l-2.65 2.65a.97.97 0 01-1.375-.02l-.01-.01-4.88-5.185c-.171-.168-.247-.21-.275-.222a.604.604 0 00-.129.093L4.994 9.885c-.156.157-.243.3-.246.4-.003.127.12.278.227.382l4.972 4.857.005.005c.384.384.393 1 .017 1.376l-2.448 2.448c-.03.04-.045.148-.03.21z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconArrowDownRightRegular;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-arrow-down-right-regular.js.flow

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

package/dist/generated/mistica-icons/icon-arrow-drop-down-filled.d.ts

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

package/dist/generated/mistica-icons/icon-arrow-drop-down-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconArrowDropDownFilled = function IconArrowDropDownFilled(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 IconArrowDropDownFilled = function IconArrowDropDownFilled(_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: "M21.753 7.863a1.304 1.304 0 00-1.182-.711L3.447 7c-.523-.01-1 .27-1.196.698a1.03 1.03 0 00.275 1.24l8.56 7.575a1.407 1.407 0 001.815 0l8.56-7.423c.356-.3.474-.798.292-1.227z",
         fill: fillColor
     })));

package/dist/generated/mistica-icons/icon-arrow-drop-down-filled.js.flow

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

package/dist/generated/mistica-icons/icon-arrow-drop-up-filled.d.ts

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

package/dist/generated/mistica-icons/icon-arrow-drop-up-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconArrowDropUpFilled = function IconArrowDropUpFilled(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 IconArrowDropUpFilled = function IconArrowDropUpFilled(_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: "M21.481 14.91L12.91 7.336a1.41 1.41 0 00-1.818 0L2.523 14.76a1.044 1.044 0 00-.28 1.23c.196.423.655.703 1.174.708l17.137.152c.52 0 .986-.275 1.185-.7a1.041 1.041 0 00-.275-1.239h.017z",
         fill: fillColor
     })));