npm - @telefonica/mistica - Versions diffs - 10.9.1 → 10.12.0 - Mend

@telefonica/mistica 10.9.1 → 10.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4696) hide show

package/dist-es/generated/mistica-icons/icon-multideviceo-regular.js CHANGED Viewed

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconMultideviceoRegular = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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 IconMultideviceoRegular = 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;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M12.818 18.283a.56.56 0 110 1.12H7.902a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h4.916zM15.541 5.16c1.098 0 1.941.328 2.504.97.524.599.787 1.467.787 2.582v.008h.922c1.37 0 2.095.726 2.095 2.095v6.49c-.003 1.37-.725 2.096-2.098 2.096h-2.936c-1.37 0-2.095-.726-2.095-2.095v-.104H5.451c-1.098 0-1.94-.328-2.504-.97-.524-.599-.787-1.467-.787-2.582V8.712c0-1.115.266-1.983.787-2.583.563-.644 1.403-.969 2.504-.969h10.09zm1.274 4.678c-.728 0-.974.246-.974.975v6.49c0 .375.07.636.207.773.137.134.395.204.77.204h2.939c.375 0 .633-.067.77-.204.137-.134.207-.395.207-.773v-6.488c0-.747-.227-.974-.975-.974h-2.944v-.003zm1.468 6.263c.454 0 .748.294.748.75 0 .281-.106.45-.199.541a.746.746 0 01-.549.208c-.285 0-.456-.112-.549-.208a.746.746 0 01-.199-.54c0-.457.294-.75.748-.75zm-2.742-9.823H5.451c-.77 0-1.313.193-1.658.588-.339.39-.513 1.011-.513 1.846v4.938c0 .835.171 1.457.513 1.846.345.395.888.588 1.658.588h9.269v-5.269c0-1.35.745-2.095 2.095-2.095h.896v-.008c0-.835-.17-1.457-.512-1.846-.344-.395-.888-.588-1.658-.588z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M19.773 2h-5.185c-1.223 0-2.223 1.013-2.223 2.25v.375H4.223C3 4.625 2 5.638 2 6.875V20.75C2 21.987 3 23 4.223 23h10.37c1.222 0 2.222-1.013 2.222-2.25V17h2.962C21 17.001 22 15.99 22 14.751V4.25C21.995 3.013 20.995 2 19.773 2zm-5.925 3.753h6.664v7.496h-6.664V5.753zm.74-2.25h5.185c.407 0 .739.335.739.748v.374h-6.664v-.374c0-.413.332-.749.74-.749zM4.223 6.126h8.147V7.25H3.479v-.374c0-.375.37-.749.744-.749zm10.365 15.37H4.223c-.37 0-.74-.373-.74-.748v-.374h11.849v.374c-.005.375-.375.749-.744.749zm.739-2.25H3.479V8.377h8.886v6.374c0 1.238 1 2.25 2.223 2.25h.739v2.246zm4.446-3.748h-5.185a.745.745 0 01-.74-.748v-.375h6.664v.375a.745.745 0 01-.74.748z",
+            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.818 18.283a.56.56 0 110 1.12H7.902a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h4.916zM15.541 5.16c1.098 0 1.941.328 2.504.97.524.599.787 1.467.787 2.582v.008h.922c1.37 0 2.095.726 2.095 2.095v6.49c-.003 1.37-.725 2.096-2.098 2.096h-2.936c-1.37 0-2.095-.726-2.095-2.095v-.104H5.451c-1.098 0-1.94-.328-2.504-.97-.524-.599-.787-1.467-.787-2.582V8.712c0-1.115.266-1.983.787-2.583.563-.644 1.403-.969 2.504-.969h10.09zm1.274 4.678c-.728 0-.974.246-.974.975v6.49c0 .375.07.636.207.773.137.134.395.204.77.204h2.939c.375 0 .633-.067.77-.204.137-.134.207-.395.207-.773v-6.488c0-.747-.227-.974-.975-.974h-2.944v-.003zm1.468 6.263c.454 0 .748.294.748.75 0 .281-.106.45-.199.541a.746.746 0 01-.549.208c-.285 0-.456-.112-.549-.208a.746.746 0 01-.199-.54c0-.457.294-.75.748-.75zm-2.742-9.823H5.451c-.77 0-1.313.193-1.658.588-.339.39-.513 1.011-.513 1.846v4.938c0 .835.171 1.457.513 1.846.345.395.888.588 1.658.588h9.269v-5.269c0-1.35.745-2.095 2.095-2.095h.896v-.008c0-.835-.17-1.457-.512-1.846-.344-.395-.888-.588-1.658-.588z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconMultideviceoRegular;

package/dist-es/generated/mistica-icons/icon-museum-filled.js CHANGED Viewed

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconMuseumFilled = function(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 IconMuseumFilled = 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", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M11.653 2.27a.616.616 0 01.7 0l9.23 6.43a.627.627 0 01.235.692.61.61 0 01-.586.432V9.82h-1.798v7.852h1.745c.34 0 .614.277.614.616v2.938a.616.616 0 01-.614.616H2.823a.616.616 0 01-.613-.616V18.29c0-.34.274-.616.613-.616h1.78V9.82h-1.83a.613.613 0 01-.585-.431.618.618 0 01.235-.69zm-1.446 7.554H8.232v7.851h1.975V9.824zm5.6 0h-1.975v7.851h1.975V9.824z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-museum-light.js CHANGED Viewed

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconMuseumLight = function(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 IconMuseumLight = 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", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M11.767 2.236a.412.412 0 01.476 0l9.426 6.568a.424.424 0 01.16.47.414.414 0 01-.398.295h-2.045v8.44h1.991c.23 0 .418.187.418.42v3.003c0 .232-.185.42-.418.42H2.632a.419.419 0 01-.417-.42v-3.003c0-.233.185-.42.417-.42h2.025v-8.44H2.58a.418.418 0 01-.4-.294.421.421 0 01.162-.47zm9.19 16.613H3.05v2.163h17.907v-2.163zM7.108 9.57H5.492v8.44h1.616V9.57zm8.992 0h-2.434v8.44H16.1V9.57zm-3.269 0h-1.616v8.44h1.616V9.57zm-2.454 0H7.943v8.44h2.434V9.57zm8.174 0h-1.616v8.44h1.616V9.57zm-6.546-6.476L3.912 8.729h1.154l.009-.003c.003 0 .005.003.008.003h2.434l.009-.003c.003 0 .005.003.008.003h3.252l.009-.003c.002 0 .005.003.008.003h2.434l.009-.003c.002 0 .005.003.008.003h3.252l.009-.003c.002 0 .005.003.008.003h2.434l.009-.003c.002 0 .005.003.008.003h1.12l-8.09-5.636z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-museum-regular.js CHANGED Viewed

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconMuseumRegular = function(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 IconMuseumRegular = 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", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M11.654 2.27a.616.616 0 01.7 0l9.23 6.43a.627.627 0 01.235.692.61.61 0 01-.585.432V9.82h-1.799v7.852h1.745c.34 0 .614.277.614.616v2.938a.616.616 0 01-.614.616H2.825a.616.616 0 01-.614-.616V18.29c0-.34.275-.616.614-.616h1.778V9.82H2.774a.614.614 0 01-.35-1.12zm8.916 16.638H3.44v1.706h17.13v-1.706zm-2.362-9.084h-1.17v7.851h1.17V9.824zm-11.204 0H5.833v7.851h1.17V9.824zm5.6 0h-1.172v7.851h1.171V9.824zm-2.396 0H8.234v7.851h1.974V9.824zm5.6 0h-1.975v7.851h1.975V9.824zm-3.804-6.297L4.734 8.59h.474c.006 0 .006-.002.009-.002l.008.002H7.61l.008-.002.009.002h3.185l.008-.002.008.002h2.384l.009-.002.008.002h3.185l.008-.002.009.002h2.383l.009-.002.008.002h.443l-7.27-5.064z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-music-filled.js CHANGED Viewed

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconMusicFilled = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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 IconMusicFilled = 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;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M20.624 5.702a1.06 1.06 0 00-.966-1.048l-9.286-2.482-.165-.022c-.443 0-.821.266-.983.644a1.046 1.046 0 00-.085.41v8.254c-.621-.46-1.383-.678-2.098-.695-.09-.002-.196-.002-.296-.002-1.544.014-3.345.924-3.345 3.448 0 2.52 1.812 3.442 3.361 3.465h.115c.062 0 .12 0 .171-.003 1.485-.025 3.188-.885 3.333-3.148h.028V5.94l8.953 2.445v7.233c-.622-.46-1.39-.678-2.104-.695l-.291-.003c-1.544.014-3.345.925-3.345 3.448 0 2.521 1.813 3.443 3.362 3.465h.114c.062 0 .12 0 .171-.002 1.55-.028 3.362-.947 3.362-3.449 0-.05-.012-.09-.014-.137h.014V5.702h-.006z",
-        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: "M22 2.755a.8.8 0 00-.29-.604.68.68 0 00-.652-.113L8.35 5.822a.722.722 0 00-.544.718v9.646a3.42 3.42 0 00-2.178-.755C3.63 15.43 2 17.134 2 19.21S3.627 23 5.624 23s3.628-1.703 3.628-3.78V7.11L20.51 3.741v9.042a3.42 3.42 0 00-2.178-.755c-1.997 0-3.628 1.703-3.628 3.78s1.635 3.78 3.628 3.78 3.628-1.703 3.628-3.78C22 15.771 22 2.755 22 2.755z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M20.624 5.702a1.06 1.06 0 00-.966-1.048l-9.286-2.482-.165-.022c-.443 0-.821.266-.983.644a1.046 1.046 0 00-.085.41v8.254c-.621-.46-1.383-.678-2.098-.695-.09-.002-.196-.002-.296-.002-1.544.014-3.345.924-3.345 3.448 0 2.52 1.812 3.442 3.361 3.465h.115c.062 0 .12 0 .171-.003 1.485-.025 3.188-.885 3.333-3.148h.028V5.94l8.953 2.445v7.233c-.622-.46-1.39-.678-2.104-.695l-.291-.003c-1.544.014-3.345.925-3.345 3.448 0 2.521 1.813 3.443 3.362 3.465h.114c.062 0 .12 0 .171-.002 1.55-.028 3.362-.947 3.362-3.449 0-.05-.012-.09-.014-.137h.014V5.702h-.006z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconMusicFilled;

package/dist-es/generated/mistica-icons/icon-music-light.js CHANGED Viewed

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconMusicLight = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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 IconMusicLight = 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;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M10.156 4.685l.003-1.67 9.47 2.524.127.026v1.677l-9.6-2.557zm-3.26 12.048c-.076 0-.168.002-.255 0-.714-.009-2.381-.272-2.381-2.477 0-2.198 1.65-2.453 2.358-2.459.087 0 .183 0 .267.003.72.017 2.395.291 2.395 2.473s-1.667 2.446-2.384 2.46zm10.476 4.249l-.255.003c-.714-.009-2.38-.272-2.38-2.476 0-2.2 1.649-2.451 2.358-2.457l.266.003c.72.017 2.398.291 2.398 2.473-.003 2.177-1.67 2.443-2.387 2.454zm3.25-15.415a.87.87 0 00-.813-.86l-9.538-2.54-.112-.017a.872.872 0 00-.877.863v8.893c-.63-.644-1.515-.935-2.372-.955-.09-.003-.196 0-.294-.003-1.558.012-3.216.888-3.216 3.308s1.672 3.306 3.232 3.328c.096.003.191.003.286 0 .521-.008 3.042-.21 3.216-3.005h.017l.01-9.012 9.6 2.56v8.034c-.63-.644-1.515-.938-2.378-.958l-.291-.003c-1.555.014-3.216.888-3.216 3.309 0 2.42 1.672 3.305 3.235 3.327l.28-.003c.541-.008 3.233-.215 3.233-3.308 0-.05-.011-.09-.014-.14h.014V5.567h-.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: "M17.412 3.172c.18-.072.4.073.435.257a.467.467 0 01-.223.474L9.283 6.176v12.162C9.283 20.35 7.642 22 5.64 22 3.641 22 2 20.35 2 18.338s1.637-3.662 3.641-3.662c1.202 0 2.26.586 2.915 1.466V5.882c0-.18.112-.328.256-.365zM5.606 15.371c-1.602 0-2.915 1.32-2.915 2.93 0 1.611 1.31 2.932 2.915 2.932s2.914-1.32 2.914-2.931c0-1.61-1.313-2.931-2.914-2.931zM21.636 2c.22 0 .364.145.364.365v12.636c0 2.012-1.641 3.662-3.641 3.662s-3.642-1.65-3.642-3.662c0-2.011 1.637-3.662 3.642-3.662 1.201 0 2.26.587 2.914 1.466V2.365c0-.22.144-.365.364-.365zM18.36 12.07c-1.602 0-2.915 1.321-2.915 2.931s1.31 2.932 2.915 2.932c1.597 0 2.914-1.321 2.914-2.932 0-1.61-1.313-2.93-2.914-2.93zm1.161-9.958a.73.73 0 01.727.731.729.729 0 01-.727.731.729.729 0 01-.726-.73.73.73 0 01.726-.732z",
+            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: "M10.156 4.685l.003-1.67 9.47 2.524.127.026v1.677l-9.6-2.557zm-3.26 12.048c-.076 0-.168.002-.255 0-.714-.009-2.381-.272-2.381-2.477 0-2.198 1.65-2.453 2.358-2.459.087 0 .183 0 .267.003.72.017 2.395.291 2.395 2.473s-1.667 2.446-2.384 2.46zm10.476 4.249l-.255.003c-.714-.009-2.38-.272-2.38-2.476 0-2.2 1.649-2.451 2.358-2.457l.266.003c.72.017 2.398.291 2.398 2.473-.003 2.177-1.67 2.443-2.387 2.454zm3.25-15.415a.87.87 0 00-.813-.86l-9.538-2.54-.112-.017a.872.872 0 00-.877.863v8.893c-.63-.644-1.515-.935-2.372-.955-.09-.003-.196 0-.294-.003-1.558.012-3.216.888-3.216 3.308s1.672 3.306 3.232 3.328c.096.003.191.003.286 0 .521-.008 3.042-.21 3.216-3.005h.017l.01-9.012 9.6 2.56v8.034c-.63-.644-1.515-.938-2.378-.958l-.291-.003c-1.555.014-3.216.888-3.216 3.309 0 2.42 1.672 3.305 3.235 3.327l.28-.003c.541-.008 3.233-.215 3.233-3.308 0-.05-.011-.09-.014-.14h.014V5.567h-.003z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconMusicLight;

package/dist-es/generated/mistica-icons/icon-music-regular.js CHANGED Viewed

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconMusicRegular = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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 IconMusicRegular = 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;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M17.232 20.567l-.238.003c-.787-.011-2.104-.31-2.104-2.204 0-1.885 1.3-2.18 2.076-2.188l.255.003c.792.02 2.123.33 2.123 2.199-.003 1.87-1.322 2.173-2.112 2.187zM10.414 4.962V3.495l8.927 2.386V7.35l-8.927-2.387zM7.03 16.42a3.45 3.45 0 01-.24 0c-.788-.011-2.104-.314-2.104-2.205 0-1.888 1.305-2.182 2.08-2.187l.25.003c.779.016 2.073.327 2.115 2.12v.162c-.042 1.79-1.325 2.09-2.1 2.107zM20.627 5.707c0-.549-.429-1.002-.972-1.056l-9.28-2.479-.168-.022A1.07 1.07 0 009.13 3.212v8.232a3.727 3.727 0 00-2.087-.68c-.09-.003-.199-.003-.291-.003-1.546.01-3.353.924-3.353 3.453 0 2.527 1.815 3.449 3.367 3.471h.286c1.49-.028 3.199-.89 3.341-3.162h.02v-.21c0-.029.008-.054.008-.082 0-.028-.008-.05-.008-.078V6.276l8.927 2.387V15.6a3.737 3.737 0 00-2.092-.686l-.292-.003c-1.546.011-3.353.924-3.353 3.454 0 2.526 1.816 3.45 3.373 3.473h.078l.202-.003c1.555-.028 3.367-.95 3.367-3.454 0-.05-.011-.09-.014-.137h.014V5.707h.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: "M22 2.755a.8.8 0 00-.29-.604.68.68 0 00-.652-.113L8.35 5.822a.722.722 0 00-.544.718v9.646a3.42 3.42 0 00-2.178-.755C3.63 15.43 2 17.134 2 19.21S3.627 23 5.624 23s3.628-1.703 3.628-3.78V7.11L20.51 3.741v9.042a3.42 3.42 0 00-2.178-.755c-1.997 0-3.628 1.703-3.628 3.78s1.635 3.78 3.628 3.78 3.628-1.703 3.628-3.78C22 15.771 22 2.755 22 2.755zM5.66 21.485c-1.2 0-2.178-1.023-2.178-2.27 0-1.246.982-2.27 2.178-2.27s2.179 1.024 2.179 2.27c0 1.247-.979 2.27-2.179 2.27zm12.708-3.407c-1.2 0-2.178-1.023-2.178-2.27 0-1.246.982-2.27 2.178-2.27s2.178 1.024 2.178 2.27c0 1.25-.982 2.27-2.178 2.27z",
+            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.232 20.567l-.238.003c-.787-.011-2.104-.31-2.104-2.204 0-1.885 1.3-2.18 2.076-2.188l.255.003c.792.02 2.123.33 2.123 2.199-.003 1.87-1.322 2.173-2.112 2.187zM10.414 4.962V3.495l8.927 2.386V7.35l-8.927-2.387zM7.03 16.42a3.45 3.45 0 01-.24 0c-.788-.011-2.104-.314-2.104-2.205 0-1.888 1.305-2.182 2.08-2.187l.25.003c.779.016 2.073.327 2.115 2.12v.162c-.042 1.79-1.325 2.09-2.1 2.107zM20.627 5.707c0-.549-.429-1.002-.972-1.056l-9.28-2.479-.168-.022A1.07 1.07 0 009.13 3.212v8.232a3.727 3.727 0 00-2.087-.68c-.09-.003-.199-.003-.291-.003-1.546.01-3.353.924-3.353 3.453 0 2.527 1.815 3.449 3.367 3.471h.286c1.49-.028 3.199-.89 3.341-3.162h.02v-.21c0-.029.008-.054.008-.082 0-.028-.008-.05-.008-.078V6.276l8.927 2.387V15.6a3.737 3.737 0 00-2.092-.686l-.292-.003c-1.546.011-3.353.924-3.353 3.454 0 2.526 1.816 3.45 3.373 3.473h.078l.202-.003c1.555-.028 3.367-.95 3.367-3.454 0-.05-.011-.09-.014-.137h.014V5.707h.003z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconMusicRegular;