@telefonica/mistica 10.9.1 → 10.12.0

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconLinkRegular = 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 IconLinkRegular = 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: "M12.986 16.118a.612.612 0 01.871-.064.626.626 0 01.065.877 35.259 35.259 0 01-1.502 1.619c-1.846 1.854-3.24 2.832-4.523 3.165a3.866 3.866 0 01-.98.129c-1.113 0-2.166-.516-3.205-1.56-2.897-2.914-1.404-5.608 1.728-8.76 3.132-3.148 5.812-4.65 8.706-1.736.944.952 1.448 1.899 1.535 2.899a.622.622 0 01-.56.675.63.63 0 01-.67-.566c-.061-.697-.445-1.395-1.176-2.129-1.028-1.036-1.953-1.375-3-1.106-1.045.272-2.303 1.174-3.961 2.843-1.658 1.67-2.555 2.933-2.824 3.983-.271 1.053.068 1.983 1.098 3.02 1.031 1.036 1.956 1.375 3 1.103 1.045-.271 2.303-1.173 3.961-2.843a35.454 35.454 0 001.437-1.549zm7.311-12.397c1.34 1.347 1.804 2.722 1.42 4.21-.333 1.291-1.302 2.694-3.148 4.551-1.96 1.972-3.745 3.3-5.516 3.3-1.056 0-2.109-.473-3.193-1.563-.907-.91-1.403-1.818-1.524-2.776a.617.617 0 01.538-.692.626.626 0 01.69.541c.08.67.464 1.342 1.167 2.05 1.984 1.992 3.673 1.57 6.961-1.736 3.289-3.308 3.709-5.009 1.728-7.003-1.977-1.992-3.672-1.571-6.958 1.737a22.303 22.303 0 00-1.431 1.568.618.618 0 01-.871.084.622.622 0 01-.084-.874 23.23 23.23 0 011.512-1.655c3.132-3.154 5.813-4.656 8.71-1.742z",
         fill: fillColor
     })));

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconListDocumentFilled = 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 IconListDocumentFilled = 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: "M16.575 12.632h-5.566a.606.606 0 01-.605-.602c0-.331.272-.603.605-.603h5.566c.333 0 .605.27.605.603 0 .33-.272.602-.605.602m0 4.011h-5.566a.606.606 0 01-.605-.602c0-.334.272-.603.605-.603h5.566c.333 0 .605.27.605.603 0 .33-.272.6-.605.602M10.93 7.399h5.563a.604.604 0 110 1.204H10.93a.606.606 0 01-.606-.601c0-.334.272-.603.606-.603m-2.726 5.434a.803.803 0 11-.001-1.603.803.803 0 01.001 1.603m0 4.009a.803.803 0 01-.804-.801.803.803 0 011.608 0 .802.802 0 01-.804.8m-.008-9.7c.442 0 .804.36.806.802a.802.802 0 01-.806.8.803.803 0 01-.804-.8c0-.443.361-.801.804-.801m9.778-4.992H5.992c-.728 0-1.392.756-1.392 1.588v16.507c0 .86.639 1.591 1.392 1.591l11.98.003c.754 0 1.393-.728 1.393-1.591V3.741c.002-.832-.661-1.591-1.39-1.591",
-        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.161 2H6.844C5.83 2 5 2.83 5 3.854V22h14V3.849C19 2.829 18.175 2 17.161 2zm-4.032 13.354l-3.89 3.91-2.046-2.061a.557.557 0 010-.787.55.55 0 01.782 0l1.269 1.275 3.107-3.124a.55.55 0 01.783 0 .557.557 0 01-.005.787zm0-5.257l-3.89 3.91-2.046-2.062a.557.557 0 010-.786.55.55 0 01.782 0l1.269 1.275L12.35 9.31a.55.55 0 01.783 0 .557.557 0 01-.005.787zm0-5.115l-3.89 3.91-2.046-2.057a.557.557 0 010-.787.55.55 0 01.782 0l1.269 1.276L12.35 4.2a.55.55 0 01.783 0 .556.556 0 01-.005.782z",
+            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: "M16.575 12.632h-5.566a.606.606 0 01-.605-.602c0-.331.272-.603.605-.603h5.566c.333 0 .605.27.605.603 0 .33-.272.602-.605.602m0 4.011h-5.566a.606.606 0 01-.605-.602c0-.334.272-.603.605-.603h5.566c.333 0 .605.27.605.603 0 .33-.272.6-.605.602M10.93 7.399h5.563a.604.604 0 110 1.204H10.93a.606.606 0 01-.606-.601c0-.334.272-.603.606-.603m-2.726 5.434a.803.803 0 11-.001-1.603.803.803 0 01.001 1.603m0 4.009a.803.803 0 01-.804-.801.803.803 0 011.608 0 .802.802 0 01-.804.8m-.008-9.7c.442 0 .804.36.806.802a.802.802 0 01-.806.8.803.803 0 01-.804-.8c0-.443.361-.801.804-.801m9.778-4.992H5.992c-.728 0-1.392.756-1.392 1.588v16.507c0 .86.639 1.591 1.392 1.591l11.98.003c.754 0 1.393-.728 1.393-1.591V3.741c.002-.832-.661-1.591-1.39-1.591",
+            fill: fillColor
+        })));
+    }
 };
 export default IconListDocumentFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconListDocumentLight = 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 IconListDocumentLight = 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: "M18.569 20.425V3.576c0-.327-.263-.599-.398-.599H5.841c-.135 0-.398.272-.398.6v16.845c0 .342.24.6.398.6l12.33.003c.157-.003.398-.258.398-.6zm-.403-18.269c.638 0 1.224.678 1.224 1.42v16.85c0 .755-.572 1.417-1.224 1.417L5.849 21.84c-.653 0-1.224-.661-1.224-1.418V3.576c-.003-.742.583-1.42 1.221-1.42h12.32zM7.746 8.72a.82.82 0 11-.002-1.64.82.82 0 01.001 1.64zm0 2.46a.82.82 0 110 1.64.82.82 0 010-1.64zm2.876-2.46a.412.412 0 01-.414-.409.41.41 0 01.414-.409h5.731c.23 0 .415.185.415.41a.412.412 0 01-.415.408h-5.73zM16.353 12c.23 0 .415.185.415.41a.412.412 0 01-.415.408h-5.73a.412.412 0 01-.415-.409.41.41 0 01.414-.409h5.731zm-8.608 3.283a.82.82 0 11.002 1.64.82.82 0 01-.002-1.64zm8.608.818c.23 0 .415.185.415.41a.41.41 0 01-.415.408h-5.73a.412.412 0 01-.415-.409.41.41 0 01.414-.409h5.731z",
-        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: "M16.854 2c.988 0 1.797.83 1.797 1.854v13.33c0 .204-.161.37-.359.37a.365.365 0 01-.358-.37V3.854c0-.612-.483-1.11-1.076-1.11H6.793c-.593 0-1.076.498-1.076 1.11V21.26h12.566c.198 0 .358.166.358.37s-.16.37-.358.37H5V3.854C5 2.834 5.804 2 6.797 2h10.057zm1.429 16.667a.73.73 0 01.717.74.73.73 0 01-.717.74.726.726 0 01-.717-.74.73.73 0 01.717-.74zm-5.497-3.963a.376.376 0 010 .522l-3.659 3.783-1.87-1.93a.371.371 0 010-.521.349.349 0 01.505 0l1.36 1.403 3.158-3.257a.345.345 0 01.506 0zm0-5.261a.376.376 0 010 .521l-3.659 3.783-1.87-1.93a.371.371 0 010-.521.349.349 0 01.505 0l1.36 1.403 3.158-3.256a.345.345 0 01.506 0zm0-5.11a.376.376 0 010 .52L9.127 8.638l-1.87-1.93a.371.371 0 010-.521.349.349 0 01.505 0l1.36 1.403 3.158-3.257a.345.345 0 01.506 0z",
+            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: "M18.569 20.425V3.576c0-.327-.263-.599-.398-.599H5.841c-.135 0-.398.272-.398.6v16.845c0 .342.24.6.398.6l12.33.003c.157-.003.398-.258.398-.6zm-.403-18.269c.638 0 1.224.678 1.224 1.42v16.85c0 .755-.572 1.417-1.224 1.417L5.849 21.84c-.653 0-1.224-.661-1.224-1.418V3.576c-.003-.742.583-1.42 1.221-1.42h12.32zM7.746 8.72a.82.82 0 11-.002-1.64.82.82 0 01.001 1.64zm0 2.46a.82.82 0 110 1.64.82.82 0 010-1.64zm2.876-2.46a.412.412 0 01-.414-.409.41.41 0 01.414-.409h5.731c.23 0 .415.185.415.41a.412.412 0 01-.415.408h-5.73zM16.353 12c.23 0 .415.185.415.41a.412.412 0 01-.415.408h-5.73a.412.412 0 01-.415-.409.41.41 0 01.414-.409h5.731zm-8.608 3.283a.82.82 0 11.002 1.64.82.82 0 01-.002-1.64zm8.608.818c.23 0 .415.185.415.41a.41.41 0 01-.415.408h-5.73a.412.412 0 01-.415-.409.41.41 0 01.414-.409h5.731z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconListDocumentLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconListDocumentRegular = 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 IconListDocumentRegular = 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: "M8.217 8.76a.802.802 0 110-1.603.802.802 0 110 1.602zm.005 2.478a.802.802 0 110 1.603.802.802 0 110-1.603zm2.726-2.627a.604.604 0 01-.605-.602c0-.334.271-.603.605-.603h5.563a.604.604 0 110 1.204l-5.563.001zm5.644 2.826a.604.604 0 110 1.204h-5.563a.604.604 0 01-.605-.601c0-.334.272-.603.605-.603h5.563zm-8.37 3.813a.802.802 0 110 1.602.802.802 0 110-1.602zm8.37.199c.333 0 .605.268.605.602a.604.604 0 01-.605.602h-5.563a.604.604 0 01-.605-.602c0-.334.272-.602.605-.602h5.563zm1.583 4.806V3.751c0-.193-.146-.367-.208-.39l-11.955.003a.545.545 0 00-.185.387v16.504c0 .205.132.364.19.387h11.976c.044-.014.182-.168.182-.387zM17.993 2.16c.728 0 1.392.76 1.392 1.591v16.504c0 .863-.639 1.591-1.392 1.591H6.013c-.757 0-1.393-.728-1.393-1.59V3.75c0-.832.664-1.591 1.392-1.591h11.98z",
-        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: "M16.788 2C17.986 2 19 3.02 19 4.223V22H5V4.223C5 3.02 6.014 2 7.212 2h9.576zm0 1.484H7.207c-.373 0-.736.365-.736.74V20.52h11.053V4.223c0-.374-.363-.74-.736-.74zm-3.164 11.51a.744.744 0 010 1.047l-4.022 4.044-2.178-2.19a.744.744 0 010-1.048.734.734 0 011.042 0l1.136 1.143 2.98-2.996a.734.734 0 011.042 0zm0-5.258a.744.744 0 010 1.048l-4.022 4.044-2.178-2.19a.744.744 0 010-1.048.734.734 0 011.042 0l1.136 1.142 2.98-2.996a.734.734 0 011.042 0zm0-5.11a.744.744 0 010 1.048L9.602 9.717l-2.178-2.19a.744.744 0 010-1.047.734.734 0 011.042 0l1.136 1.142 2.98-2.996a.734.734 0 011.042 0z",
+            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: "M8.217 8.76a.802.802 0 110-1.603.802.802 0 110 1.602zm.005 2.478a.802.802 0 110 1.603.802.802 0 110-1.603zm2.726-2.627a.604.604 0 01-.605-.602c0-.334.271-.603.605-.603h5.563a.604.604 0 110 1.204l-5.563.001zm5.644 2.826a.604.604 0 110 1.204h-5.563a.604.604 0 01-.605-.601c0-.334.272-.603.605-.603h5.563zm-8.37 3.813a.802.802 0 110 1.602.802.802 0 110-1.602zm8.37.199c.333 0 .605.268.605.602a.604.604 0 01-.605.602h-5.563a.604.604 0 01-.605-.602c0-.334.272-.602.605-.602h5.563zm1.583 4.806V3.751c0-.193-.146-.367-.208-.39l-11.955.003a.545.545 0 00-.185.387v16.504c0 .205.132.364.19.387h11.976c.044-.014.182-.168.182-.387zM17.993 2.16c.728 0 1.392.76 1.392 1.591v16.504c0 .863-.639 1.591-1.392 1.591H6.013c-.757 0-1.393-.728-1.393-1.59V3.75c0-.832.664-1.591 1.392-1.591h11.98z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconListDocumentRegular;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconListLight = 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 IconListLight = 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: "M5.541 7.336a.57.57 0 01-.58-.56.581.581 0 01.58-.56h15.725c.32 0 .58.249.58.56 0 .308-.26.56-.58.56H5.541zm-2.431.38a.944.944 0 01-.95-.938c0-.518.426-.938.95-.938.523 0 .95.42.95.938a.946.946 0 01-.95.939zm18.156 3.712c.32 0 .58.25.58.56a.57.57 0 01-.58.56H5.541a.57.57 0 01-.58-.56c0-.31.26-.56.58-.56h15.725zM3.11 12.927a.944.944 0 01-.95-.939c0-.518.426-.938.95-.938.523 0 .95.42.95.938a.944.944 0 01-.95.939zm18.156 3.714c.155 0 .3.059.41.163.109.103.17.246.17.395 0 .308-.26.56-.58.56H5.541a.581.581 0 01-.58-.56c0-.309.26-.56.58-.56h15.725v.002zM3.11 18.14a.944.944 0 01-.95-.939c0-.518.426-.938.95-.938.523 0 .95.42.95.938a.944.944 0 01-.95.939z",
-        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: "M4.182 14.696A2.19 2.19 0 012 12.502c0-1.21.977-2.193 2.182-2.193 1.206 0 2.183.982 2.183 2.193a2.188 2.188 0 01-2.183 2.194zm0-3.653c-.8 0-1.451.655-1.451 1.46 0 .804.651 1.458 1.451 1.458s1.452-.654 1.452-1.459a1.451 1.451 0 00-1.452-1.459zm0 10.957A2.19 2.19 0 012 19.807c0-1.211.977-2.193 2.182-2.193 1.206 0 2.183.982 2.183 2.193A2.188 2.188 0 014.182 22zm0-3.652c-.8 0-1.451.654-1.451 1.459 0 .804.651 1.459 1.451 1.459s1.452-.655 1.452-1.46c0-.804-.647-1.458-1.452-1.458zm0-10.962A2.19 2.19 0 012 5.193C2 3.982 2.977 3 4.182 3c1.206 0 2.183.982 2.183 2.193a2.188 2.188 0 01-2.183 2.193zm0-3.652c-.8 0-1.451.655-1.451 1.46 0 .804.651 1.458 1.451 1.458s1.452-.654 1.452-1.459c0-.804-.647-1.459-1.452-1.459zM22 4.828a.364.364 0 00-.363-.364H7.821a.364.364 0 000 .73h13.816A.36.36 0 0022 4.828zm0 7.674a.364.364 0 00-.363-.364H7.821a.364.364 0 000 .73h13.816c.2 0 .363-.165.363-.366zm-2.545 7.674a.364.364 0 00-.363-.365H7.822a.364.364 0 000 .73h11.27c.2 0 .363-.164.363-.365zm1.089 0c0 .402.325.73.725.73a.729.729 0 000-1.46c-.4 0-.725.323-.725.73",
+            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: "M5.541 7.336a.57.57 0 01-.58-.56.581.581 0 01.58-.56h15.725c.32 0 .58.249.58.56 0 .308-.26.56-.58.56H5.541zm-2.431.38a.944.944 0 01-.95-.938c0-.518.426-.938.95-.938.523 0 .95.42.95.938a.946.946 0 01-.95.939zm18.156 3.712c.32 0 .58.25.58.56a.57.57 0 01-.58.56H5.541a.57.57 0 01-.58-.56c0-.31.26-.56.58-.56h15.725zM3.11 12.927a.944.944 0 01-.95-.939c0-.518.426-.938.95-.938.523 0 .95.42.95.938a.944.944 0 01-.95.939zm18.156 3.714c.155 0 .3.059.41.163.109.103.17.246.17.395 0 .308-.26.56-.58.56H5.541a.581.581 0 01-.58-.56c0-.309.26-.56.58-.56h15.725v.002zM3.11 18.14a.944.944 0 01-.95-.939c0-.518.426-.938.95-.938.523 0 .95.42.95.938a.944.944 0 01-.95.939z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconListLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconListRegular = 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 IconListRegular = 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: "M6.244 7.689c-.44 0-.798-.33-.798-.74 0-.409.355-.74.798-.74h14.804c.44 0 .798.331.798.74 0 .41-.355.74-.798.74H6.244zM3.314 5.84c.636 0 1.151.499 1.151 1.112 0 .613-.515 1.112-1.15 1.112-.64-.003-1.155-.499-1.155-1.112 0-.613.515-1.112 1.154-1.112zm17.734 5.412c.44 0 .798.33.798.74 0 .408-.355.739-.798.739H6.244c-.44 0-.798-.33-.798-.74 0-.409.355-.74.798-.74h14.804zm-17.734-.373c.636 0 1.151.499 1.151 1.112 0 .614-.515 1.112-1.15 1.112-.64 0-1.155-.498-1.155-1.112 0-.613.515-1.112 1.154-1.112zm17.734 5.415c.44 0 .798.33.798.74 0 .405-.355.739-.798.739H6.244c-.44 0-.798-.334-.798-.74 0-.406.355-.74.798-.74h14.804zM3.314 15.92c.636 0 1.151.499 1.151 1.112 0 .61-.515 1.112-1.15 1.112-.64-.002-1.155-.501-1.155-1.112 0-.616.515-1.112 1.154-1.112z",
-        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: "M21.282 5.559H7.713A.722.722 0 017 4.829c0-.402.32-.73.713-.73h13.57c.393 0 .712.328.712.73a.72.72 0 01-.713.73zM22 12.5c0-.402-.32-.73-.713-.73H7.713A.722.722 0 007 12.5c0 .402.32.73.713.73h13.57A.723.723 0 0022 12.5zm0 7.676c0-.402-.32-.73-.713-.73H7.713a.722.722 0 00-.713.73c0 .402.32.73.713.73h13.57a.723.723 0 00.717-.73zM6.287 12.5c0-1.207-.96-2.194-2.143-2.194C2.96 10.306 2 11.29 2 12.5c0 1.211.96 2.194 2.144 2.194 1.183 0 2.143-.987 2.143-2.194zm-1.426 0c0 .402-.32.73-.713.73a.722.722 0 01-.713-.73c0-.402.32-.73.713-.73.393 0 .713.328.713.73zm1.426 7.306c0-1.207-.96-2.193-2.143-2.193-1.184 0-2.144.982-2.144 2.193C2 21.018 2.96 22 4.144 22c1.183 0 2.143-.982 2.143-2.194zm-1.426 0c0 .403-.32.73-.713.73a.722.722 0 01-.713-.73c0-.402.32-.73.713-.73.393 0 .713.328.713.73zM6.287 5.194C6.287 3.987 5.327 3 4.144 3 2.96 3 2 3.982 2 5.194c0 1.211.96 2.193 2.144 2.193 1.183 0 2.143-.986 2.143-2.193zm-1.426 0c0 .402-.32.73-.713.73a.722.722 0 01-.713-.73c0-.403.32-.73.713-.73a.72.72 0 01.713.73z",
+            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: "M6.244 7.689c-.44 0-.798-.33-.798-.74 0-.409.355-.74.798-.74h14.804c.44 0 .798.331.798.74 0 .41-.355.74-.798.74H6.244zM3.314 5.84c.636 0 1.151.499 1.151 1.112 0 .613-.515 1.112-1.15 1.112-.64-.003-1.155-.499-1.155-1.112 0-.613.515-1.112 1.154-1.112zm17.734 5.412c.44 0 .798.33.798.74 0 .408-.355.739-.798.739H6.244c-.44 0-.798-.33-.798-.74 0-.409.355-.74.798-.74h14.804zm-17.734-.373c.636 0 1.151.499 1.151 1.112 0 .614-.515 1.112-1.15 1.112-.64 0-1.155-.498-1.155-1.112 0-.613.515-1.112 1.154-1.112zm17.734 5.415c.44 0 .798.33.798.74 0 .405-.355.739-.798.739H6.244c-.44 0-.798-.334-.798-.74 0-.406.355-.74.798-.74h14.804zM3.314 15.92c.636 0 1.151.499 1.151 1.112 0 .61-.515 1.112-1.15 1.112-.64-.002-1.155-.501-1.155-1.112 0-.616.515-1.112 1.154-1.112z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconListRegular;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconLocationFilled = 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 IconLocationFilled = 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.328 2c4.367.014 6.963 2.644 6.952 7.042-.014 4.28-5.347 11.154-6.711 12.527a.407.407 0 01-.577 0C10.633 20.202 5.322 13.322 5.333 9c.006-2.17.647-3.958 1.855-5.165C8.387 2.633 10.15 2 12.294 2h.034zm2.52 6.597c0-1.566-.935-2.499-2.498-2.499-1.563 0-2.498.936-2.498 2.499 0 1.565.935 2.498 2.498 2.498 1.566 0 2.499-.933 2.499-2.498z",
-        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: "M12.502 2C8.847 2 6 5.22 6 9.37c0 5.369 5.728 12.11 5.97 12.37.14.148.32.26.528.26a.622.622 0 00.528-.26C13.276 21.444 19 14.739 19 9.37 19 5.22 16.153 2 12.502 2z",
+            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.328 2c4.367.014 6.963 2.644 6.952 7.042-.014 4.28-5.347 11.154-6.711 12.527a.407.407 0 01-.577 0C10.633 20.202 5.322 13.322 5.333 9c.006-2.17.647-3.958 1.855-5.165C8.387 2.633 10.15 2 12.294 2h.034zm2.52 6.597c0-1.566-.935-2.499-2.498-2.499-1.563 0-2.498.936-2.498 2.499 0 1.565.935 2.498 2.498 2.498 1.566 0 2.499-.933 2.499-2.498z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconLocationFilled;