@telefonica/mistica 10.9.0 → 10.11.0

package/dist-es/generated/mistica-icons/icon-mobile-device-filled.js

@@ -2,30 +2,78 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconMobileDeviceFilled = function IconMobileDeviceFilled(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.colors;
-
-  var isInverse = 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: "M17.695 2.832C17.15 2.272 16.35 2 15.24 2H8.602c-2.157 0-3.25 1.106-3.25 3.291v13.104c0 2.216 1.063 3.291 3.25 3.291h6.639c2.188 0 3.25-1.075 3.25-3.291V5.291c0-1.106-.261-1.91-.796-2.46zm-4.947 16.221c-.196.2-.48.306-.82.306-.343 0-.628-.107-.822-.306-.193-.199-.288-.47-.288-.81 0-.697.414-1.114 1.112-1.114.697 0 1.11.417 1.11 1.115-.004.339-.102.61-.292.81z",
-    fill: fillColor
-  }));
+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 IconMobileDeviceFilled = function(_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 = useTheme(), skinName = ref.skinName, colors = ref.colors;
+    var isInverse = 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: "M18.989 5.388C18.897 3.504 17.402 2 15.579 2H9.418C7.594 2 6.1 3.504 6.008 5.388h12.98zM6 6.46h13v11.08H6V6.46zm.008 12.152C6.096 20.496 7.59 22 9.418 22h6.157c1.827 0 3.322-1.504 3.41-3.388H6.008z",
+            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: "M17.695 2.832C17.15 2.272 16.35 2 15.24 2H8.602c-2.157 0-3.25 1.106-3.25 3.291v13.104c0 2.216 1.063 3.291 3.25 3.291h6.639c2.188 0 3.25-1.075 3.25-3.291V5.291c0-1.106-.261-1.91-.796-2.46zm-4.947 16.221c-.196.2-.48.306-.82.306-.343 0-.628-.107-.822-.306-.193-.199-.288-.47-.288-.81 0-.697.414-1.114 1.112-1.114.697 0 1.11.417 1.11 1.115-.004.339-.102.61-.292.81z",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconMobileDeviceFilled;
+export default IconMobileDeviceFilled;

package/dist-es/generated/mistica-icons/icon-mobile-device-light.js

@@ -2,30 +2,78 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconMobileDeviceLight = function IconMobileDeviceLight(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.colors;
-
-  var isInverse = 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: "M15.55 2.156c1.03 0 1.773.244 2.271.745.499.502.74 1.241.74 2.266v13.656c0 1.036-.244 1.781-.745 2.28-.496.493-1.238.731-2.266.731H8.449c-1.028 0-1.77-.238-2.266-.731-.502-.496-.745-1.244-.745-2.28V5.167c0-1.008.243-1.745.742-2.249.507-.512 1.25-.762 2.269-.762h7.1zm0 .56H8.449c-.863 0-1.474.194-1.871.594-.393.395-.583 1.003-.583 1.857v13.656c0 1.742.711 2.45 2.45 2.45h7.102c1.742 0 2.45-.708 2.45-2.45V5.167c0-.87-.187-1.484-.574-1.87-.386-.387-1-.58-1.873-.58zm-3.544 15.11c.504 0 .83.266.83.834 0 .275-.074.477-.208.614-.146.148-.359.221-.622.221s-.476-.073-.622-.221c-.134-.137-.21-.339-.21-.614 0-.568.328-.834.832-.834z",
-    fill: fillColor
-  }));
+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 IconMobileDeviceLight = function(_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 = useTheme(), skinName = ref.skinName, colors = ref.colors;
+    var isInverse = 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.746 2c1.795 0 3.25 1.444 3.25 3.215v.66c.004.016.004.032.004.048s0 .032-.004.048v12.814c0 1.775-1.46 3.215-3.25 3.215H9.25C7.455 22 6 20.556 6 18.785V5.215C6 3.44 7.46 2 9.25 2zm2.526 4.283H6.724v11.43h7.579c.198 0 .36.16.36.356a.359.359 0 01-.36.356h-7.58v.356c0 1.38 1.132 2.5 2.527 2.5h6.5c1.39 0 2.526-1.12 2.522-2.496V6.283zm-1.802 11.07c.4 0 .723.32.723.716a.72.72 0 01-.723.716.72.72 0 01-.724-.716.72.72 0 01.724-.716zm-.724-14.637H9.25c-1.39 0-2.526 1.12-2.526 2.5v.351h11.548v-.352c0-1.38-1.131-2.5-2.526-2.5z",
+            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: "M15.55 2.156c1.03 0 1.773.244 2.271.745.499.502.74 1.241.74 2.266v13.656c0 1.036-.244 1.781-.745 2.28-.496.493-1.238.731-2.266.731H8.449c-1.028 0-1.77-.238-2.266-.731-.502-.496-.745-1.244-.745-2.28V5.167c0-1.008.243-1.745.742-2.249.507-.512 1.25-.762 2.269-.762h7.1zm0 .56H8.449c-.863 0-1.474.194-1.871.594-.393.395-.583 1.003-.583 1.857v13.656c0 1.742.711 2.45 2.45 2.45h7.102c1.742 0 2.45-.708 2.45-2.45V5.167c0-.87-.187-1.484-.574-1.87-.386-.387-1-.58-1.873-.58zm-3.544 15.11c.504 0 .83.266.83.834 0 .275-.074.477-.208.614-.146.148-.359.221-.622.221s-.476-.073-.622-.221c-.134-.137-.21-.339-.21-.614 0-.568.328-.834.832-.834z",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconMobileDeviceLight;
+export default IconMobileDeviceLight;

package/dist-es/generated/mistica-icons/icon-mobile-device-regular.js

@@ -2,30 +2,78 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconMobileDeviceRegular = function IconMobileDeviceRegular(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.colors;
-
-  var isInverse = 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: "M15.238 2c2.182 0 3.47 1.243 3.47 3.472v13.376c0 2.23-1.288 3.473-3.47 3.473H8.47c-2.181 0-3.47-1.244-3.47-3.473V5.472C5 3.242 6.289 2 8.47 2zm0 1.5H8.47c-1.365 0-1.97.584-1.97 1.972v13.376c0 1.389.606 1.973 1.97 1.973h6.768c1.365 0 1.97-.584 1.97-1.973V5.472c0-1.388-.604-1.972-1.97-1.972zm-3.384 12.66c.61 0 1.007.317 1.007 1 0 .328-.092.572-.254.735-.177.18-.436.265-.753.265s-.576-.085-.753-.265c-.162-.163-.254-.407-.254-.735 0-.683.397-1 1.007-1z",
-    fill: fillColor
-  }));
+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 IconMobileDeviceRegular = function(_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 = useTheme(), skinName = ref.skinName, colors = ref.colors;
+    var isInverse = 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.216 2H8.784a3.578 3.578 0 00-3.572 3.572v12.856A3.578 3.578 0 008.784 22h6.428a3.578 3.578 0 003.572-3.572V5.572c0-1.968-1.6-3.572-3.568-3.572zM6.644 17.356V6.644H17.36V17.36H6.644v-.004zm2.14-13.928h6.428c1.06 0 1.94.772 2.112 1.784H6.672a2.149 2.149 0 012.112-1.784zm6.432 17.144H8.784c-1.06 0-1.94-.772-2.112-1.784h10.652a2.141 2.141 0 01-2.108 1.784z",
+            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: "M15.238 2c2.182 0 3.47 1.243 3.47 3.472v13.376c0 2.23-1.288 3.473-3.47 3.473H8.47c-2.181 0-3.47-1.244-3.47-3.473V5.472C5 3.242 6.289 2 8.47 2zm0 1.5H8.47c-1.365 0-1.97.584-1.97 1.972v13.376c0 1.389.606 1.973 1.97 1.973h6.768c1.365 0 1.97-.584 1.97-1.973V5.472c0-1.388-.604-1.972-1.97-1.972zm-3.384 12.66c.61 0 1.007.317 1.007 1 0 .328-.092.572-.254.735-.177.18-.436.265-.753.265s-.576-.085-.753-.265c-.162-.163-.254-.407-.254-.735 0-.683.397-1 1.007-1z",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconMobileDeviceRegular;
+export default IconMobileDeviceRegular;

package/dist-es/generated/mistica-icons/icon-mobile-pause-filled.js

@@ -2,30 +2,66 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconMobilePauseFilled = function IconMobilePauseFilled(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.colors;
-
-  var isInverse = 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: "M8.087 16.801c3.213 0 4.709-1.481 4.709-4.663 0-3.182-1.496-4.667-4.709-4.667-3.21 0-4.706 1.482-4.706 4.667 0 3.182 1.496 4.663 4.706 4.663zM20.894 3.115c.641.639.955 1.535.955 2.737v12.305c0 1.216-.314 2.115-.964 2.754-.644.63-1.549.938-2.764.938h-6.21c-1.219 0-2.12-.308-2.762-.938-.577-.566-.888-1.34-.953-2.359v-.549c-.036 0-.072.003-.112.003-3.742 0-5.924-1.871-5.924-5.868 0-4 2.182-5.872 5.924-5.872.034 0 .068.003.101.003v-.417c0-1.185.314-2.076.955-2.72.653-.653 1.558-.972 2.77-.972h6.21c1.222.003 2.13.314 2.774.955zm-5.877 13.846c-.658 0-1.053.392-1.053 1.048 0 .32.092.577.274.759.185.188.454.286.78.286.324 0 .593-.098.778-.286.182-.185.274-.44.274-.76 0-.655-.392-1.047-1.053-1.047zm-8.75-7.655c.336 0 .607.269.607.602v4.711a.607.607 0 01-.608.605.605.605 0 01-.607-.605V9.911c0-.334.274-.605.607-.605zm3.45-.014c.337 0 .608.271.608.602v4.711a.607.607 0 01-.608.605.605.605 0 01-.607-.605V9.894c0-.333.271-.602.607-.602z",
-    fill: fillColor
-  }));
+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 IconMobilePauseFilled = function(_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 = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M8.087 16.801c3.213 0 4.709-1.481 4.709-4.663 0-3.182-1.496-4.667-4.709-4.667-3.21 0-4.706 1.482-4.706 4.667 0 3.182 1.496 4.663 4.706 4.663zM20.894 3.115c.641.639.955 1.535.955 2.737v12.305c0 1.216-.314 2.115-.964 2.754-.644.63-1.549.938-2.764.938h-6.21c-1.219 0-2.12-.308-2.762-.938-.577-.566-.888-1.34-.953-2.359v-.549c-.036 0-.072.003-.112.003-3.742 0-5.924-1.871-5.924-5.868 0-4 2.182-5.872 5.924-5.872.034 0 .068.003.101.003v-.417c0-1.185.314-2.076.955-2.72.653-.653 1.558-.972 2.77-.972h6.21c1.222.003 2.13.314 2.774.955zm-5.877 13.846c-.658 0-1.053.392-1.053 1.048 0 .32.092.577.274.759.185.188.454.286.78.286.324 0 .593-.098.778-.286.182-.185.274-.44.274-.76 0-.655-.392-1.047-1.053-1.047zm-8.75-7.655c.336 0 .607.269.607.602v4.711a.607.607 0 01-.608.605.605.605 0 01-.607-.605V9.911c0-.334.274-.605.607-.605zm3.45-.014c.337 0 .608.271.608.602v4.711a.607.607 0 01-.608.605.605.605 0 01-.607-.605V9.894c0-.333.271-.602.607-.602z",
+        fill: fillColor
+    })));
 };
-
-export default IconMobilePauseFilled;
+export default IconMobilePauseFilled;

package/dist-es/generated/mistica-icons/icon-mobile-pause-light.js

@@ -2,30 +2,66 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconMobilePauseLight = function IconMobilePauseLight(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.colors;
-
-  var isInverse = 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: "M21.026 18.283V5.723c0-.944-.213-1.625-.664-2.07-.443-.451-1.124-.672-2.076-.672h-6.274c-.936 0-1.617.221-2.068.689-.45.45-.672 1.126-.672 2.053v.485c3.092.353 4.866 2.274 4.866 5.935 0 3.653-1.774 5.574-4.858 5.927v.583c.048.756.27 1.322.664 1.717.443.443 1.124.658 2.068.658h6.274c.952 0 1.625-.213 2.076-.658.45-.454.664-1.134.664-2.087zm-12.877-.969c3.476 0 5.168-1.692 5.168-5.17 0-3.48-1.692-5.183-5.168-5.183-3.48 0-5.168 1.7-5.168 5.182s1.689 5.171 5.168 5.171zM20.944 3.07c.608.617.902 1.48.902 2.653v12.56c0 1.182-.294 2.062-.91 2.667-.608.608-1.476.896-2.65.896h-6.274c-1.174 0-2.034-.288-2.65-.896-.54-.54-.838-1.289-.894-2.275l-.008-.549c-.107.009-.205.009-.311.009-3.782 0-5.989-1.913-5.989-5.992 0-4.09 2.207-6.003 5.989-6.003.098 0 .204 0 .302.009v-.426c0-1.148.294-2.011.91-2.636.617-.624 1.485-.927 2.65-.927h6.275c1.182 0 2.05.294 2.658.91zm-5.792 13.998c.663 0 1.058.395 1.058 1.067 0 .32-.09.582-.271.773-.188.196-.46.294-.787.294-.328 0-.6-.098-.788-.294-.179-.188-.28-.451-.28-.773.003-.672.404-1.067 1.068-1.067zM6.336 9.406a.41.41 0 01.41.41v4.812a.41.41 0 01-.818 0v-4.81c0-.227.184-.412.408-.412zm3.488-.016a.41.41 0 01.409.411v4.81a.41.41 0 01-.818 0v-4.81c0-.226.182-.409.409-.411z",
-    fill: fillColor
-  }));
+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 IconMobilePauseLight = function(_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 = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M21.026 18.283V5.723c0-.944-.213-1.625-.664-2.07-.443-.451-1.124-.672-2.076-.672h-6.274c-.936 0-1.617.221-2.068.689-.45.45-.672 1.126-.672 2.053v.485c3.092.353 4.866 2.274 4.866 5.935 0 3.653-1.774 5.574-4.858 5.927v.583c.048.756.27 1.322.664 1.717.443.443 1.124.658 2.068.658h6.274c.952 0 1.625-.213 2.076-.658.45-.454.664-1.134.664-2.087zm-12.877-.969c3.476 0 5.168-1.692 5.168-5.17 0-3.48-1.692-5.183-5.168-5.183-3.48 0-5.168 1.7-5.168 5.182s1.689 5.171 5.168 5.171zM20.944 3.07c.608.617.902 1.48.902 2.653v12.56c0 1.182-.294 2.062-.91 2.667-.608.608-1.476.896-2.65.896h-6.274c-1.174 0-2.034-.288-2.65-.896-.54-.54-.838-1.289-.894-2.275l-.008-.549c-.107.009-.205.009-.311.009-3.782 0-5.989-1.913-5.989-5.992 0-4.09 2.207-6.003 5.989-6.003.098 0 .204 0 .302.009v-.426c0-1.148.294-2.011.91-2.636.617-.624 1.485-.927 2.65-.927h6.275c1.182 0 2.05.294 2.658.91zm-5.792 13.998c.663 0 1.058.395 1.058 1.067 0 .32-.09.582-.271.773-.188.196-.46.294-.787.294-.328 0-.6-.098-.788-.294-.179-.188-.28-.451-.28-.773.003-.672.404-1.067 1.068-1.067zM6.336 9.406a.41.41 0 01.41.41v4.812a.41.41 0 01-.818 0v-4.81c0-.227.184-.412.408-.412zm3.488-.016a.41.41 0 01.409.411v4.81a.41.41 0 01-.818 0v-4.81c0-.226.182-.409.409-.411z",
+        fill: fillColor
+    })));
 };
-
-export default IconMobilePauseLight;
+export default IconMobilePauseLight;

package/dist-es/generated/mistica-icons/icon-mobile-pause-regular.js

@@ -2,30 +2,66 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconMobilePauseRegular = function IconMobilePauseRegular(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.colors;
-
-  var isInverse = useIsInverseVariant();
-  var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-  return /*#__PURE__*/React.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    role: "presentation"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M20.628 18.154V5.852c0-.868-.196-1.488-.6-1.888-.406-.403-1.03-.597-1.91-.597h-6.207c-.869 0-1.493.2-1.905.61-.406.41-.605 1.02-.605 1.875v.501c2.933.41 4.61 2.283 4.61 5.785 0 3.501-1.672 5.37-4.602 5.781v.594c.045.675.238 1.19.594 1.538.4.395 1.025.588 1.905.588h6.21c.88 0 1.501-.193 1.905-.588.409-.398.605-1.02.605-1.897zM8.084 16.8c3.213 0 4.71-1.482 4.71-4.664 0-3.182-1.497-4.667-4.71-4.667-3.21 0-4.706 1.482-4.706 4.667 0 3.182 1.496 4.664 4.706 4.664zM20.891 3.112c.642.639.955 1.535.955 2.737v12.305c0 1.216-.313 2.118-.963 2.754-.645.63-1.55.938-2.765.938h-6.207c-1.219 0-2.12-.308-2.762-.938-.577-.566-.888-1.339-.953-2.359V18c-.036 0-.072.003-.112.003-3.742.003-5.924-1.868-5.924-5.865 0-4 2.182-5.872 5.924-5.872.034 0 .068.003.101.003v-.417c0-1.185.314-2.076.955-2.72.653-.655 1.558-.972 2.77-.972h6.21c1.22 0 2.127.31 2.771.952zm-5.877 13.846c.659 0 1.05.392 1.05 1.048 0 .32-.092.577-.274.759-.185.188-.454.286-.778.286-.325 0-.594-.098-.78-.286-.181-.185-.274-.44-.274-.76.006-.655.398-1.047 1.056-1.047zm-8.75-7.655c.336 0 .607.269.607.602v4.712a.607.607 0 01-1.215 0v-4.71a.61.61 0 01.608-.604zm3.45-.017c.337 0 .608.272.608.602V14.6a.607.607 0 01-1.215 0V9.89c0-.333.271-.605.608-.605z",
-    fill: fillColor
-  }));
+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 IconMobilePauseRegular = function(_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 = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M20.628 18.154V5.852c0-.868-.196-1.488-.6-1.888-.406-.403-1.03-.597-1.91-.597h-6.207c-.869 0-1.493.2-1.905.61-.406.41-.605 1.02-.605 1.875v.501c2.933.41 4.61 2.283 4.61 5.785 0 3.501-1.672 5.37-4.602 5.781v.594c.045.675.238 1.19.594 1.538.4.395 1.025.588 1.905.588h6.21c.88 0 1.501-.193 1.905-.588.409-.398.605-1.02.605-1.897zM8.084 16.8c3.213 0 4.71-1.482 4.71-4.664 0-3.182-1.497-4.667-4.71-4.667-3.21 0-4.706 1.482-4.706 4.667 0 3.182 1.496 4.664 4.706 4.664zM20.891 3.112c.642.639.955 1.535.955 2.737v12.305c0 1.216-.313 2.118-.963 2.754-.645.63-1.55.938-2.765.938h-6.207c-1.219 0-2.12-.308-2.762-.938-.577-.566-.888-1.339-.953-2.359V18c-.036 0-.072.003-.112.003-3.742.003-5.924-1.868-5.924-5.865 0-4 2.182-5.872 5.924-5.872.034 0 .068.003.101.003v-.417c0-1.185.314-2.076.955-2.72.653-.655 1.558-.972 2.77-.972h6.21c1.22 0 2.127.31 2.771.952zm-5.877 13.846c.659 0 1.05.392 1.05 1.048 0 .32-.092.577-.274.759-.185.188-.454.286-.778.286-.325 0-.594-.098-.78-.286-.181-.185-.274-.44-.274-.76.006-.655.398-1.047 1.056-1.047zm-8.75-7.655c.336 0 .607.269.607.602v4.712a.607.607 0 01-1.215 0v-4.71a.61.61 0 01.608-.604zm3.45-.017c.337 0 .608.272.608.602V14.6a.607.607 0 01-1.215 0V9.89c0-.333.271-.605.608-.605z",
+        fill: fillColor
+    })));
 };
-
-export default IconMobilePauseRegular;
+export default IconMobilePauseRegular;