@telefonica/mistica 10.9.0 → 10.11.0

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

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

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

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

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

@@ -1,47 +1,108 @@
 "use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _hooks = require("../../hooks");
-
 var _themeVariantContext = require("../../theme-variant-context");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */
-var IconArrowDownLeftLight = function IconArrowDownLeftLight(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = (0, _hooks.useTheme)(),
-      colors = _useTheme.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: "M4.187 20.487a.653.653 0 01-.471-.185.672.672 0 01-.182-.538l.005-12.667a.766.766 0 01.474-.736c.372-.166.871-.09 1.16.176l.008.009 2.563 2.563a.155.155 0 00.11.042.195.195 0 00.134-.062l5.092-5.073c.325-.325.664-.49 1.006-.485.339.006.666.169.997.502l5.056 5.05.008.009c.684.745.115 1.32-.157 1.594l-.002.002-5.238 5.168c-.07.07-.082.183-.017.244l2.773 2.773.005.006c.253.263.325.731.171 1.09-.143.33-.442.518-.826.518h-12.6c-.022-.003-.047 0-.07 0zm.26-13.659a.532.532 0 00-.204.04.218.218 0 00-.143.22v.004l-.006 12.68c0 .009 0 .02-.003.028-.005.048.003.084.02.101s.056.025.1.02c.01 0 .02-.003.029-.003h12.613c.163 0 .26-.056.314-.18.073-.167.025-.386-.062-.478l-2.77-2.77a.707.707 0 01-.204-.524.744.744 0 01.224-.513l5.238-5.168c.403-.406.395-.54.145-.815l-5.044-5.042c-.222-.221-.426-.333-.611-.336-.188-.003-.384.1-.602.32L8.388 9.483a.762.762 0 01-.512.224.711.711 0 01-.524-.204l-2.56-2.56a.532.532 0 00-.345-.116z",
-    fill: fillColor
-  }));
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {
+        };
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
+                    };
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
+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 IconArrowDownLeftLight = function IconArrowDownLeftLight(_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;
+    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.341 3.914a.358.358 0 010 .512l-6.915 6.911c-.26.26-.316.197-1.037-.52L4.591 8.01a1.112 1.112 0 00-1.226-.252 1.02 1.02 0 00-.632.965v12.544H15.22c.429 0 .789-.244.957-.648a1.17 1.17 0 00-.244-1.274l-3.528-3.527 8.973-8.981a.358.358 0 01.513 0 .358.358 0 010 .512l-8.469 8.469 3.02 3.019c.544.544.696 1.353.404 2.07A1.743 1.743 0 0115.217 22H2V8.727c0-.729.412-1.362 1.09-1.638a1.864 1.864 0 012.013.404l3.075 3.076 6.65-6.655a.358.358 0 01.513 0zM16.551 2a.729.729 0 110 1.457.729.729 0 010-1.457z",
+            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: "M4.187 20.487a.653.653 0 01-.471-.185.672.672 0 01-.182-.538l.005-12.667a.766.766 0 01.474-.736c.372-.166.871-.09 1.16.176l.008.009 2.563 2.563a.155.155 0 00.11.042.195.195 0 00.134-.062l5.092-5.073c.325-.325.664-.49 1.006-.485.339.006.666.169.997.502l5.056 5.05.008.009c.684.745.115 1.32-.157 1.594l-.002.002-5.238 5.168c-.07.07-.082.183-.017.244l2.773 2.773.005.006c.253.263.325.731.171 1.09-.143.33-.442.518-.826.518h-12.6c-.022-.003-.047 0-.07 0zm.26-13.659a.532.532 0 00-.204.04.218.218 0 00-.143.22v.004l-.006 12.68c0 .009 0 .02-.003.028-.005.048.003.084.02.101s.056.025.1.02c.01 0 .02-.003.029-.003h12.613c.163 0 .26-.056.314-.18.073-.167.025-.386-.062-.478l-2.77-2.77a.707.707 0 01-.204-.524.744.744 0 01.224-.513l5.238-5.168c.403-.406.395-.54.145-.815l-5.044-5.042c-.222-.221-.426-.333-.611-.336-.188-.003-.384.1-.602.32L8.388 9.483a.762.762 0 01-.512.224.711.711 0 01-.524-.204l-2.56-2.56a.532.532 0 00-.345-.116z",
+            fill: fillColor
+        })));
+    }
 };
-
 var _default = IconArrowDownLeftLight;
-exports.default = _default;
+exports.default = _default;

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

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

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

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

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

@@ -1,47 +1,108 @@
 "use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _hooks = require("../../hooks");
-
 var _themeVariantContext = require("../../theme-variant-context");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */
-var IconArrowDownLeftRegular = function IconArrowDownLeftRegular(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = (0, _hooks.useTheme)(),
-      colors = _useTheme.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: "M4.585 20.591a.89.89 0 01-.641-.258.89.89 0 01-.252-.717l.005-12.145a1.009 1.009 0 01.614-.956c.457-.204 1.048-.112 1.406.216a.07.07 0 00.017.014l2.378 2.378 4.79-4.905.006-.005c.728-.728 1.568-.72 2.305.017l5.05 5.025.017.017c.32.347.44.708.361 1.078-.072.336-.302.605-.52.824l-.015.014-5.12 4.815 2.58 2.577.008.008c.317.33.41.894.219 1.34-.177.414-.566.66-1.042.66H4.664c-.028.003-.053.003-.079.003zm.183-1.078H16.75a.184.184 0 00.053-.006c.022-.036.017-.137-.009-.177l-2.652-2.652a.95.95 0 01-.275-.7.995.995 0 01.294-.676l.012-.01 5.187-4.877c.168-.171.21-.247.222-.275a.604.604 0 00-.093-.129L14.45 4.994c-.157-.156-.3-.243-.4-.246-.127 0-.278.12-.382.227L8.812 9.947l-.005.005a.973.973 0 01-1.376.017L4.983 7.521c-.042-.03-.148-.045-.213-.03l-.002 12.022z",
-    fill: fillColor
-  }));
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {
+        };
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
+                    };
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
+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 IconArrowDownLeftRegular = function IconArrowDownLeftRegular(_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;
+    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.334 22H2V8.603c0-.868.492-1.612 1.288-1.936a2.196 2.196 0 012.371.476l2.768 2.768 7.71-7.704a.722.722 0 011.013 0 .722.722 0 010 1.012l-8.22 8.212c-.504.504-.892.12-1.524-.512l-2.76-2.76a.73.73 0 00-.807-.172.64.64 0 00-.404.616v11.969h11.91c.396 0 .56-.292.608-.42a.794.794 0 00-.16-.86l-3.716-3.716 8.703-8.729a.722.722 0 011.012 0 .722.722 0 010 1.012l-7.71 7.713 2.71 2.712c.633.632.817 1.58.477 2.42-.34.792-1.076 1.296-1.936 1.296z",
+            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: "M4.585 20.591a.89.89 0 01-.641-.258.89.89 0 01-.252-.717l.005-12.145a1.009 1.009 0 01.614-.956c.457-.204 1.048-.112 1.406.216a.07.07 0 00.017.014l2.378 2.378 4.79-4.905.006-.005c.728-.728 1.568-.72 2.305.017l5.05 5.025.017.017c.32.347.44.708.361 1.078-.072.336-.302.605-.52.824l-.015.014-5.12 4.815 2.58 2.577.008.008c.317.33.41.894.219 1.34-.177.414-.566.66-1.042.66H4.664c-.028.003-.053.003-.079.003zm.183-1.078H16.75a.184.184 0 00.053-.006c.022-.036.017-.137-.009-.177l-2.652-2.652a.95.95 0 01-.275-.7.995.995 0 01.294-.676l.012-.01 5.187-4.877c.168-.171.21-.247.222-.275a.604.604 0 00-.093-.129L14.45 4.994c-.157-.156-.3-.243-.4-.246-.127 0-.278.12-.382.227L8.812 9.947l-.005.005a.973.973 0 01-1.376.017L4.983 7.521c-.042-.03-.148-.045-.213-.03l-.002 12.022z",
+            fill: fillColor
+        })));
+    }
 };
-
 var _default = IconArrowDownLeftRegular;
-exports.default = _default;
+exports.default = _default;

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

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

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

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

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

@@ -1,47 +1,108 @@
 "use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _hooks = require("../../hooks");
-
 var _themeVariantContext = require("../../theme-variant-context");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */
-var IconArrowDownLight = function IconArrowDownLight(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = (0, _hooks.useTheme)(),
-      colors = _useTheme.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.939 21.883h-.003c-.154 0-.297-.07-.426-.204l-8.93-8.967c-.38-.361-.52-.854-.355-1.258.143-.35.473-.554.888-.549L6.89 10.9c.082 0 .146-.079.146-.174V3.827c-.008-.524.14-.936.44-1.23.31-.305.778-.456 1.353-.44h6.218c.658-.01 1.112.124 1.426.426.288.28.434.684.443 1.238v.006l-.003 6.902c0 .095.064.174.145.174l3.519-.023c.523-.017.991.244 1.165.653.165.384.045.818-.33 1.185l-8.959 8.902c-.17.176-.341.263-.515.263zm-8.843-10.39c-.163 0-.277.065-.325.183-.056.134-.03.372.218.608l.006.005 8.936 8.975.005.006c.003.005.009.008.011.01a.49.49 0 00.087-.075l.003-.003 8.96-8.907c.116-.112.292-.33.205-.532-.078-.183-.333-.306-.608-.295h-.008l-3.524.023a.75.75 0 01-.736-.762l.002-6.9c-.005-.386-.092-.655-.263-.82-.19-.185-.521-.269-1.008-.26H8.813c-.286-.009-.678.03-.924.271-.18.177-.27.446-.264.801v6.908a.75.75 0 01-.736.762l-3.782.005h-.006c.003-.002-.002-.002-.005-.002z",
-    fill: fillColor
-  }));
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {
+        };
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
+                    };
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
+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 IconArrowDownLight = function IconArrowDownLight(_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;
+    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: "M11.998 22l-9.465-9.459c-.536-.546-.676-1.326-.383-2.057.3-.739.984-1.213 1.741-1.213H8.31V1.378a.37.37 0 01.367-.374.37.37 0 01.366.374v8.64H3.9c-.56 0-.919.39-1.059.747-.14.349-.156.857.219 1.239l8.95 8.938 8.952-8.947c.375-.382.358-.881.218-1.23-.148-.365-.498-.747-1.058-.747h-5.167V4.01a.37.37 0 01.366-.373.37.37 0 01.367.373v5.26h4.418c.757 0 1.44.475 1.741 1.214.3.73.148 1.52-.374 2.057L11.998 22zm2.586-20.253c0 .416.334.748.733.748.408 0 .733-.34.733-.748A.742.742 0 0015.317 1c-.4 0-.733.332-.733.747",
+            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.939 21.883h-.003c-.154 0-.297-.07-.426-.204l-8.93-8.967c-.38-.361-.52-.854-.355-1.258.143-.35.473-.554.888-.549L6.89 10.9c.082 0 .146-.079.146-.174V3.827c-.008-.524.14-.936.44-1.23.31-.305.778-.456 1.353-.44h6.218c.658-.01 1.112.124 1.426.426.288.28.434.684.443 1.238v.006l-.003 6.902c0 .095.064.174.145.174l3.519-.023c.523-.017.991.244 1.165.653.165.384.045.818-.33 1.185l-8.959 8.902c-.17.176-.341.263-.515.263zm-8.843-10.39c-.163 0-.277.065-.325.183-.056.134-.03.372.218.608l.006.005 8.936 8.975.005.006c.003.005.009.008.011.01a.49.49 0 00.087-.075l.003-.003 8.96-8.907c.116-.112.292-.33.205-.532-.078-.183-.333-.306-.608-.295h-.008l-3.524.023a.75.75 0 01-.736-.762l.002-6.9c-.005-.386-.092-.655-.263-.82-.19-.185-.521-.269-1.008-.26H8.813c-.286-.009-.678.03-.924.271-.18.177-.27.446-.264.801v6.908a.75.75 0 01-.736.762l-3.782.005h-.006c.003-.002-.002-.002-.005-.002z",
+            fill: fillColor
+        })));
+    }
 };
-
 var _default = IconArrowDownLight;
-exports.default = _default;
+exports.default = _default;

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

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

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

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