@telefonica/mistica 10.10.0 → 10.11.0

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPersonLight = 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 IconPersonLight = 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.603 3.333c-.26.243-.39.63-.39 1.151 0 1.022.49 1.501 1.544 1.501 1.056 0 1.549-.476 1.549-1.501 0-.518-.132-.905-.392-1.148-.252-.239-.639-.359-1.154-.359-.518 0-.905.12-1.157.356zm1.154 3.47c-1.515 0-2.387-.846-2.387-2.319 0-.75.219-1.336.648-1.74.411-.389.997-.588 1.739-.588.74 0 1.325.2 1.74.588.43.404.65.99.65 1.74 0 1.473-.872 2.32-2.39 2.32zm4.345 8.188a.526.526 0 00.383-.633c0-.003 0-.006-.003-.008l-1.196-4.289a.802.802 0 01-.042-.115.633.633 0 00-.016-.056c-.18-.865-.975-1.493-1.888-1.493h-2.664c-.91 0-1.706.628-1.888 1.493-.003.014-.009.025-.011.037a.308.308 0 01-.034.092l-1.21 4.336a.523.523 0 00.372.636h.006c.137.04.283.022.406-.05a.502.502 0 00.247-.309l.532-2.865c.04-.21.224-.347.454-.336a.414.414 0 01.383.409v8.655a.53.53 0 001.062 0v-5.157c0-.227.188-.409.42-.409h1.188c.232 0 .423.185.423.41v5.159a.53.53 0 00.532.527.53.53 0 00.53-.527v-8.655c0-.213.168-.39.383-.41.227-.008.412.127.451.337l.538 2.893a.512.512 0 00.241.278c.12.07.266.086.4.05zm1.196-.854a1.341 1.341 0 01-.956 1.641c-.005 0-.008.003-.014.003a1.396 1.396 0 01-1.4-.41v5.124c0 .742-.616 1.348-1.373 1.348a1.36 1.36 0 01-1.372-1.348v-4.748h-.336v4.751c0 .742-.617 1.347-1.373 1.347s-1.372-.605-1.372-1.347v-5.126a1.39 1.39 0 01-1.404.409 1.34 1.34 0 01-.969-1.63l.003-.009L7.93 9.848a.825.825 0 01.047-.14c.27-1.238 1.406-2.132 2.709-2.132h2.664c1.302 0 2.437.894 2.706 2.126a.868.868 0 01.056.171l1.185 4.264z",
-        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: "M13.819 6.754a2.7 2.7 0 00.961-2.075C14.78 3.202 13.61 2 12.171 2c-1.438 0-2.608 1.202-2.608 2.679 0 .8.347 1.518.894 2.011C9.064 6.933 8 8.18 8 9.68v6.25h1.389v5.713c0 .197.156.357.347.357.192 0 .347-.16.347-.357v-6.427H8.694V9.68c0-1.257 1.038-2.322 2.262-2.322h2.088c1.224 0 2.262 1.065 2.262 2.322v5.536h-1.39v3.927c0 .196.156.356.348.356.191 0 .347-.16.347-.356v-3.214H16V9.68c-.004-1.394-.926-2.574-2.181-2.926zM10.257 4.68c0-1.084.86-1.966 1.914-1.966 1.055 0 1.915.882 1.915 1.966 0 1.083-.86 1.966-1.92 1.966-1.054-.005-1.909-.883-1.909-1.966zm4.697 16.608a.705.705 0 01-.695.713.705.705 0 01-.694-.713c0-.393.311-.713.694-.713.383 0 .695.32.695.713z",
+            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.603 3.333c-.26.243-.39.63-.39 1.151 0 1.022.49 1.501 1.544 1.501 1.056 0 1.549-.476 1.549-1.501 0-.518-.132-.905-.392-1.148-.252-.239-.639-.359-1.154-.359-.518 0-.905.12-1.157.356zm1.154 3.47c-1.515 0-2.387-.846-2.387-2.319 0-.75.219-1.336.648-1.74.411-.389.997-.588 1.739-.588.74 0 1.325.2 1.74.588.43.404.65.99.65 1.74 0 1.473-.872 2.32-2.39 2.32zm4.345 8.188a.526.526 0 00.383-.633c0-.003 0-.006-.003-.008l-1.196-4.289a.802.802 0 01-.042-.115.633.633 0 00-.016-.056c-.18-.865-.975-1.493-1.888-1.493h-2.664c-.91 0-1.706.628-1.888 1.493-.003.014-.009.025-.011.037a.308.308 0 01-.034.092l-1.21 4.336a.523.523 0 00.372.636h.006c.137.04.283.022.406-.05a.502.502 0 00.247-.309l.532-2.865c.04-.21.224-.347.454-.336a.414.414 0 01.383.409v8.655a.53.53 0 001.062 0v-5.157c0-.227.188-.409.42-.409h1.188c.232 0 .423.185.423.41v5.159a.53.53 0 00.532.527.53.53 0 00.53-.527v-8.655c0-.213.168-.39.383-.41.227-.008.412.127.451.337l.538 2.893a.512.512 0 00.241.278c.12.07.266.086.4.05zm1.196-.854a1.341 1.341 0 01-.956 1.641c-.005 0-.008.003-.014.003a1.396 1.396 0 01-1.4-.41v5.124c0 .742-.616 1.348-1.373 1.348a1.36 1.36 0 01-1.372-1.348v-4.748h-.336v4.751c0 .742-.617 1.347-1.373 1.347s-1.372-.605-1.372-1.347v-5.126a1.39 1.39 0 01-1.404.409 1.34 1.34 0 01-.969-1.63l.003-.009L7.93 9.848a.825.825 0 01.047-.14c.27-1.238 1.406-2.132 2.709-2.132h2.664c1.302 0 2.437.894 2.706 2.126a.868.868 0 01.056.171l1.185 4.264z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPersonLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPersonRegular = 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 IconPersonRegular = 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: "M15.903 14.745a.313.313 0 00.224-.383l-1.149-4.2a.59.59 0 01-.047-.14c-.003-.013-.009-.027-.012-.041a1.651 1.651 0 00-1.616-1.303H10.74a1.654 1.654 0 00-1.63 1.348.73.73 0 01-.045.131l-1.151 4.21a.311.311 0 00.218.378.301.301 0 00.238-.028.295.295 0 00.143-.182l.507-2.787a.602.602 0 01.653-.493.605.605 0 01.555.6v8.481c0 .132.039.289.23.289.055 0 .198 0 .198-.289V15.28c0-.333.272-.602.608-.602h1.496c.336 0 .608.27.608.602v5.056c0 .073.016.309.218.309.207 0 .224-.239.224-.309v-8.481c0-.311.241-.572.552-.6a.616.616 0 01.653.493l.518 2.838c.017.056.09.109.132.134a.36.36 0 00.238.025zm1.4-.694a1.517 1.517 0 01-1.078 1.857 1.5 1.5 0 01-1.157-.146c-.014-.008-.028-.014-.04-.022v4.594c0 .862-.618 1.515-1.44 1.515-.817 0-1.433-.653-1.433-1.515V15.88h-.28v4.454c0 .865-.594 1.493-1.415 1.493-.823 0-1.445-.642-1.445-1.493V15.74l-.04.025a1.52 1.52 0 01-1.162.143 1.518 1.518 0 01-1.073-1.852l1.151-4.21a.77.77 0 01.048-.145c.286-1.295 1.46-2.227 2.801-2.227h2.563c1.342 0 2.513.932 2.799 2.224.028.064.044.126.058.187l1.143 4.166zM10.81 3.66c-.207.2-.314.53-.314.984 0 .888.384 1.269 1.28 1.269.903 0 1.286-.381 1.286-1.27 0-.45-.106-.78-.313-.983-.205-.196-.533-.294-.972-.294-.44 0-.765.098-.967.294zm.967 3.457c-1.563 0-2.499-.927-2.499-2.476 0-.793.23-1.412.683-1.849.437-.42 1.048-.633 1.813-.633.767 0 1.378.213 1.815.633.454.434.686 1.056.686 1.849.003 1.552-.93 2.476-2.498 2.476z",
-        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 9.675a3.39 3.39 0 00-2.028-3.094c.369-.48.59-1.075.59-1.724 0-1.577-1.29-2.857-2.88-2.857-1.59 0-2.88 1.28-2.88 2.857 0 .599.189 1.157.507 1.618A3.395 3.395 0 008 9.68v6.606h1.438v5c0 .394.322.714.719.714.396 0 .719-.32.719-.713v-6.432H9.438v-5.18c0-1.065.908-1.965 1.981-1.965h2.162c1.073 0 1.981.9 1.981 1.965v5.18h-1.438v6.427c0 .393.323.713.72.713.396 0 .718-.32.718-.713v-4.996H17v-6.61zm-4.323-6.249c.793 0 1.438.64 1.438 1.427 0 .786-.645 1.426-1.447 1.426a1.436 1.436 0 01-1.433-1.426 1.44 1.44 0 011.442-1.427z",
+            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.903 14.745a.313.313 0 00.224-.383l-1.149-4.2a.59.59 0 01-.047-.14c-.003-.013-.009-.027-.012-.041a1.651 1.651 0 00-1.616-1.303H10.74a1.654 1.654 0 00-1.63 1.348.73.73 0 01-.045.131l-1.151 4.21a.311.311 0 00.218.378.301.301 0 00.238-.028.295.295 0 00.143-.182l.507-2.787a.602.602 0 01.653-.493.605.605 0 01.555.6v8.481c0 .132.039.289.23.289.055 0 .198 0 .198-.289V15.28c0-.333.272-.602.608-.602h1.496c.336 0 .608.27.608.602v5.056c0 .073.016.309.218.309.207 0 .224-.239.224-.309v-8.481c0-.311.241-.572.552-.6a.616.616 0 01.653.493l.518 2.838c.017.056.09.109.132.134a.36.36 0 00.238.025zm1.4-.694a1.517 1.517 0 01-1.078 1.857 1.5 1.5 0 01-1.157-.146c-.014-.008-.028-.014-.04-.022v4.594c0 .862-.618 1.515-1.44 1.515-.817 0-1.433-.653-1.433-1.515V15.88h-.28v4.454c0 .865-.594 1.493-1.415 1.493-.823 0-1.445-.642-1.445-1.493V15.74l-.04.025a1.52 1.52 0 01-1.162.143 1.518 1.518 0 01-1.073-1.852l1.151-4.21a.77.77 0 01.048-.145c.286-1.295 1.46-2.227 2.801-2.227h2.563c1.342 0 2.513.932 2.799 2.224.028.064.044.126.058.187l1.143 4.166zM10.81 3.66c-.207.2-.314.53-.314.984 0 .888.384 1.269 1.28 1.269.903 0 1.286-.381 1.286-1.27 0-.45-.106-.78-.313-.983-.205-.196-.533-.294-.972-.294-.44 0-.765.098-.967.294zm.967 3.457c-1.563 0-2.499-.927-2.499-2.476 0-.793.23-1.412.683-1.849.437-.42 1.048-.633 1.813-.633.767 0 1.378.213 1.815.633.454.434.686 1.056.686 1.849.003 1.552-.93 2.476-2.498 2.476z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPersonRegular;

package/dist-es/generated/mistica-icons/icon-personal-computer-filled.js

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPersonalComputerFilled = 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 IconPersonalComputerFilled = 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: "M13.843 6.5c.81 0 1.443.224 1.877.667.423.428.636 1.039.636 1.815v4.28c0 1.59-.916 2.501-2.513 2.501l-2.203.001.557.575 3.621-.001a.55.55 0 010 1.098L2.71 17.44a.55.55 0 010-1.098l3.531-.002.548-.574-2.104.002c-1.597 0-2.513-.91-2.513-2.501v-4.28c0-.777.213-1.387.636-1.816.434-.442 1.067-.666 1.877-.666l9.16-.006zm6.516.006c.434 0 1.448.196 1.448 2.014l.003 6.88c.003 1.823-1.011 2.019-1.446 2.019h-1.997a1.28 1.28 0 01-1.12-.61c-.213-.34-.317-.8-.317-1.407l-.005-6.88c0-.607.103-1.067.316-1.406.25-.392.647-.61 1.12-.61h1.998zm-10.247 9.259l-1.806.001-.549.575 2.912-.002-.557-.574z",
-        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 3H2v10.959h19.991V3H22zm-1.43 12.057H2v2.558h19.995v-2.558H20.57zm-4.644 3.652H8.074l-.68 2.375c-.074.22 0 .477.104.659A.703.703 0 008.07 22h7.857c.215 0 .43-.075.571-.257.142-.182.179-.402.105-.66l-.676-2.374z",
+            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: "M13.843 6.5c.81 0 1.443.224 1.877.667.423.428.636 1.039.636 1.815v4.28c0 1.59-.916 2.501-2.513 2.501l-2.203.001.557.575 3.621-.001a.55.55 0 010 1.098L2.71 17.44a.55.55 0 010-1.098l3.531-.002.548-.574-2.104.002c-1.597 0-2.513-.91-2.513-2.501v-4.28c0-.777.213-1.387.636-1.816.434-.442 1.067-.666 1.877-.666l9.16-.006zm6.516.006c.434 0 1.448.196 1.448 2.014l.003 6.88c.003 1.823-1.011 2.019-1.446 2.019h-1.997a1.28 1.28 0 01-1.12-.61c-.213-.34-.317-.8-.317-1.407l-.005-6.88c0-.607.103-1.067.316-1.406.25-.392.647-.61 1.12-.61h1.998zm-10.247 9.259l-1.806.001-.549.575 2.912-.002-.557-.574z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPersonalComputerFilled;

package/dist-es/generated/mistica-icons/icon-personal-computer-light.js

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPersonalComputerLight = 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 IconPersonalComputerLight = 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.51 6.531c.495 0 1.327.238 1.327 1.843l.003 7.241c0 1.605-.832 1.843-1.328 1.843h-2.283c-.493 0-1.316-.238-1.316-1.843l-.003-7.24c0-1.603.823-1.844 1.316-1.844h2.283zm-6.474 0c.767 0 1.358.21 1.756.625.384.4.58.98.58 1.725v4.56c0 1.527-.83 2.37-2.336 2.37l-2.644.001 1.07 1.084h3.633c.154 0 .277.123.277.277a.276.276 0 01-.277.277l-3.711.004a.286.286 0 01-.034.002l-.036-.005-9.88.005a.276.276 0 01-.278-.278c0-.154.123-.277.278-.277l3.543-.002 1.058-1.087-2.543.002c-1.507 0-2.336-.84-2.336-2.37V8.887c0-.745.196-1.325.58-1.725.398-.415.989-.625 1.756-.625l9.544-.006zm-3.418 9.281H7.811l-1.059 1.086h4.931l-1.05-1.067-.015-.019zm9.918-8.72h-2.31c-.207 0-.756 0-.756 1.282l.003 7.241c0 1.222.498 1.28.724 1.283h2.315c.19 0 .767 0 .767-1.283l-.005-7.24c0-1.222-.523-1.28-.738-1.283zm-6.5-.003l-9.544.005c-.61 0-1.067.154-1.358.454-.283.294-.426.745-.426 1.339v4.56c0 1.222.583 1.815 1.782 1.815l9.543-.005c1.199 0 1.782-.594 1.782-1.815v-4.56c0-.597-.143-1.048-.426-1.34-.286-.302-.743-.453-1.353-.453z",
-        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: "M2 17.626h6.786l-.787 2.89c-.036.11 0 .225.073.335.073.077.179.149.284.149h7.215a.319.319 0 00.284-.149c.073-.077.073-.225.073-.336l-.714-2.89H22V3H2v14.626zm12.506 0l.608 2.625H8.827l.676-2.625h5.003zM21.29 3.754v13.123H2.718v-2.251h14.646c.214 0 .356-.15.356-.375s-.142-.374-.356-.374H2.718V3.754H21.29zM19.508 15c.393 0 .713-.336.713-.749s-.32-.749-.713-.749c-.393 0-.713.336-.713.75 0 .412.32.748.713.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: "M20.51 6.531c.495 0 1.327.238 1.327 1.843l.003 7.241c0 1.605-.832 1.843-1.328 1.843h-2.283c-.493 0-1.316-.238-1.316-1.843l-.003-7.24c0-1.603.823-1.844 1.316-1.844h2.283zm-6.474 0c.767 0 1.358.21 1.756.625.384.4.58.98.58 1.725v4.56c0 1.527-.83 2.37-2.336 2.37l-2.644.001 1.07 1.084h3.633c.154 0 .277.123.277.277a.276.276 0 01-.277.277l-3.711.004a.286.286 0 01-.034.002l-.036-.005-9.88.005a.276.276 0 01-.278-.278c0-.154.123-.277.278-.277l3.543-.002 1.058-1.087-2.543.002c-1.507 0-2.336-.84-2.336-2.37V8.887c0-.745.196-1.325.58-1.725.398-.415.989-.625 1.756-.625l9.544-.006zm-3.418 9.281H7.811l-1.059 1.086h4.931l-1.05-1.067-.015-.019zm9.918-8.72h-2.31c-.207 0-.756 0-.756 1.282l.003 7.241c0 1.222.498 1.28.724 1.283h2.315c.19 0 .767 0 .767-1.283l-.005-7.24c0-1.222-.523-1.28-.738-1.283zm-6.5-.003l-9.544.005c-.61 0-1.067.154-1.358.454-.283.294-.426.745-.426 1.339v4.56c0 1.222.583 1.815 1.782 1.815l9.543-.005c1.199 0 1.782-.594 1.782-1.815v-4.56c0-.597-.143-1.048-.426-1.34-.286-.302-.743-.453-1.353-.453z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPersonalComputerLight;

package/dist-es/generated/mistica-icons/icon-personal-computer-regular.js

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPersonalComputerRegular = 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 IconPersonalComputerRegular = 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: "M13.843 6.5c.81 0 1.443.224 1.877.667.423.428.636 1.039.636 1.815v4.28c0 1.588-.916 2.501-2.513 2.501l-2.203.001.557.575 3.621-.001a.55.55 0 010 1.098L2.71 17.44a.55.55 0 010-1.098l3.535-.002.549-.574-2.11.002c-1.596 0-2.512-.91-2.512-2.501v-4.28c0-.777.213-1.387.636-1.816.434-.442 1.067-.666 1.877-.666l9.16-.006zm6.519.006c.434 0 1.448.196 1.448 2.016l.003 6.88c0 1.82-1.014 2.017-1.449 2.017h-1.997a1.28 1.28 0 01-1.12-.61c-.213-.34-.317-.8-.317-1.407l-.005-6.88c0-.607.103-1.067.319-1.406.25-.392.647-.61 1.12-.61h1.998zm-1.998 1.061c-.126 0-.176.04-.22.115-.06.093-.155.322-.155.84l.003 6.88c0 .518.095.748.154.84.048.076.095.115.221.115h1.997c.13 0 .18-.042.23-.118.059-.092.157-.322.157-.834l-.003-6.88c0-.515-.098-.745-.157-.837-.047-.076-.1-.118-.23-.118h-1.997v-.003zm-8.252 8.198l-1.8.001-.549.575 2.906-.002-.557-.574zm3.731-8.19l-9.16.006c-1.008 0-1.436.42-1.436 1.406v4.28c0 1 .431 1.426 1.437 1.426l9.16-.005c1.008 0 1.436-.426 1.436-1.426v-4.28c0-.986-.428-1.406-1.437-1.406z",
-        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 3H2v14.903h6.252l-.859 3.167c-.073.224 0 .448.105.634A.73.73 0 008.07 22h7.857a.73.73 0 00.571-.296.673.673 0 00.105-.634l-.854-3.162h6.247V3H22zm-1.43 1.493v9.314H3.43V4.493h17.14zm-5.572 16.019H9.002l.676-2.609h4.644l.676 2.609zM3.431 16.415v-1.488h17.138v1.488H3.431z",
+            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: "M13.843 6.5c.81 0 1.443.224 1.877.667.423.428.636 1.039.636 1.815v4.28c0 1.588-.916 2.501-2.513 2.501l-2.203.001.557.575 3.621-.001a.55.55 0 010 1.098L2.71 17.44a.55.55 0 010-1.098l3.535-.002.549-.574-2.11.002c-1.596 0-2.512-.91-2.512-2.501v-4.28c0-.777.213-1.387.636-1.816.434-.442 1.067-.666 1.877-.666l9.16-.006zm6.519.006c.434 0 1.448.196 1.448 2.016l.003 6.88c0 1.82-1.014 2.017-1.449 2.017h-1.997a1.28 1.28 0 01-1.12-.61c-.213-.34-.317-.8-.317-1.407l-.005-6.88c0-.607.103-1.067.319-1.406.25-.392.647-.61 1.12-.61h1.998zm-1.998 1.061c-.126 0-.176.04-.22.115-.06.093-.155.322-.155.84l.003 6.88c0 .518.095.748.154.84.048.076.095.115.221.115h1.997c.13 0 .18-.042.23-.118.059-.092.157-.322.157-.834l-.003-6.88c0-.515-.098-.745-.157-.837-.047-.076-.1-.118-.23-.118h-1.997v-.003zm-8.252 8.198l-1.8.001-.549.575 2.906-.002-.557-.574zm3.731-8.19l-9.16.006c-1.008 0-1.436.42-1.436 1.406v4.28c0 1 .431 1.426 1.437 1.426l9.16-.005c1.008 0 1.436-.426 1.436-1.426v-4.28c0-.986-.428-1.406-1.437-1.406z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPersonalComputerRegular;

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPharmacyFilled = 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 IconPharmacyFilled = 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: "M17.392 16.924a3.535 3.535 0 01-1.37.645c.961-.6 1.482-1.345 1.482-2.446 0-1.061-.804-1.773-1.54-2.187.137-.126.268-.26.392-.401.115.05.213.112.31.185.085.062.163.118.244.165.737.429 1.233 1.241 1.297 2.118.025.454-.036 1.302-.815 1.921m-4.227.678v-3.437a5.078 5.078 0 001.745-.512c.524.19 1.496.73 1.496 1.473-.003.938-.507 1.583-3.24 2.476M6.59 6.681c.185-1.06.882-2.037 1.919-2.684 2.65-1.652 5.103-.23 5.232-.154.006.003.737.41.86 1.098.076.418-.09.89-.493 1.406-.16-.137-.336-.551-.378-1.341a.58.58 0 00-.23-.435c-.072-.053-1.764-1.319-4.283-.098-.882.426-1.5.944-1.862 2.216a3.245 3.245 0 00.084 1.978v.784c0 .14.011.274.022.409-.857-.966-1.033-2.233-.871-3.18m12.706 8.25c-.09-1.233-.793-2.375-1.835-2.986-.05-.028-.095-.064-.145-.1a3.24 3.24 0 00-.348-.23 4.776 4.776 0 00.485-2.07l.003-.88a.585.585 0 00-.586-.586H8.493a2.04 2.04 0 01-.003-1.07c.27-.95.684-1.21 1.241-1.481 1.417-.684 2.437-.348 2.852-.146.095.947.389 1.597.87 1.938.387.272.819.283 1.07.208a.578.578 0 00.273-.171c.792-.888 1.117-1.768.963-2.622-.224-1.252-1.414-1.9-1.434-1.91C14.196 2.745 11.162.96 7.888 3c-1.32.82-2.213 2.09-2.454 3.479-.28 1.602.185 3.919 2.404 5.174.044.025.092.022.137.036.725 1.395 2.154 2.303 4.014 2.473v4.678c-1.084.224-1.7 1.023-1.7 2.286 0 .325.263.585.588.585h3.532a.588.588 0 00.588-.585c0-1.314-.658-2.134-1.832-2.316v-.118c.126.025.698.134 1.462.134 1.02 0 2.379-.193 3.446-1.042.86-.683 1.305-1.722 1.224-2.854",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPharmacyLight = 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 IconPharmacyLight = 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: "M17.22 17.14c-.56.41-1.266.625-1.939.731 1.41-.72 2.101-1.66 2.101-2.846 0-1.157-1.131-1.837-1.955-2.182.221-.173.426-.37.614-.582.092.053.182.103.26.15.146.088.277.166.415.236.753.384 1.313 1.32 1.397 2.322.07.913-.252 1.703-.893 2.171m-4.47.77a.454.454 0 00-.2.12v-4.094a5.345 5.345 0 001.986-.535c.76.215 2.003.781 2.003 1.624 0 1.292-1.238 2.233-3.79 2.885m.897 3.112h-2.891c.118-.714.577-1.036 1.445-1.036.869 0 1.328.322 1.446 1.036M7.662 9.168v-.414h8.656v.498c-.042 2.544-2.104 3.877-4.12 3.877-2.177.003-4.513-1.04-4.536-3.96M5.923 6.534c.199-1.087.947-2.087 2.056-2.748 2.826-1.683 5.437-.23 5.56-.16.011.006.975.547 1.12 1.401.08.47-.103.978-.54 1.507-.272-.132-.76-.549-.83-1.851a.412.412 0 00-.173-.311c-.087-.062-2.145-1.46-4.507-.054-1.008.6-1.65 1.429-1.815 2.334-.076.414-.137 1.017.042 1.624-.003.023-.014.045-.014.068v.826c.003.221.02.434.045.641-.815-.935-1.16-2.086-.944-3.277m13.025 8.37c-.106-1.294-.832-2.465-1.849-2.983-.12-.062-.235-.132-.364-.208-.064-.042-.137-.08-.21-.126a4.634 4.634 0 00.63-2.322l.003-.921a.414.414 0 00-.42-.41H7.604c-.07-.313-.068-.68.016-1.137.166-.904.961-1.501 1.426-1.776 1.56-.932 2.955-.33 3.418-.075.212 2.336 1.7 2.465 1.764 2.468a.437.437 0 00.342-.132c.742-.796 1.053-1.597.916-2.387-.21-1.26-1.487-1.96-1.532-1.983-.126-.073-3.146-1.773-6.418.174-1.313.781-2.204 1.989-2.442 3.305-.334 1.832.409 3.583 2.036 4.807.04.028.087.028.132.042.725 1.574 2.308 2.563 4.445 2.692v5.266c-1.168.168-1.826.96-1.826 2.232 0 .227.188.412.42.412h3.793a.416.416 0 00.42-.409c0-1.322-.714-2.117-1.966-2.243v-.603a.421.421 0 00.24.126 8.5 8.5 0 001.222.079c1.056 0 2.582-.168 3.711-.992.88-.644 1.325-1.697 1.227-2.896",
         fill: fillColor
     })));