@telefonica/mistica 10.9.2 → 10.13.0

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconCheckedLight = 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 IconCheckedLight = 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: "M11.998 1c3.511 0 6.232.908 8.093 2.703C22.02 5.563 23 8.356 23 12.002 23.003 19.195 19.198 23 11.998 23 4.805 23 1 19.198 1 12.002 1 4.805 4.802 1 11.998 1zm0 .626c-6.88 0-10.372 3.492-10.372 10.376 0 6.88 3.489 10.372 10.372 10.372 6.887 0 10.376-3.489 10.376-10.372.003-6.887-3.489-10.376-10.376-10.376zm5.39 5.816c.128.1.153.288.053.416l-6.864 8.872a.301.301 0 01-.235.116.292.292 0 01-.235-.116l-2.89-3.776a.296.296 0 01.056-.417.296.296 0 01.416.056l2.653 3.467 6.63-8.565a.298.298 0 01.416-.053z",
-        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: "M11.998 2C17.513 2 21.996 6.488 22 11.996c0 1.892-.536 3.74-1.544 5.332a.36.36 0 01-.608-.384 9.261 9.261 0 001.432-4.952c0-5.12-4.163-9.284-9.282-9.284s-9.286 4.168-9.286 9.288 4.163 9.284 9.282 9.284a9.257 9.257 0 004.951-1.432.36.36 0 01.496.112.353.353 0 01-.112.496A9.97 9.97 0 0111.998 22C6.488 22 2 17.512 2 12S6.487 2 11.998 2zm6.79 16.072a.716.716 0 110 1.432.716.716 0 010-1.432zM17.907 8.1a.336.336 0 010 .466L10.928 16l-3.834-4.267a.336.336 0 010-.467.292.292 0 01.44 0l3.394 3.732L17.466 8.1a.292.292 0 01.44 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: "M11.998 1c3.511 0 6.232.908 8.093 2.703C22.02 5.563 23 8.356 23 12.002 23.003 19.195 19.198 23 11.998 23 4.805 23 1 19.198 1 12.002 1 4.805 4.802 1 11.998 1zm0 .626c-6.88 0-10.372 3.492-10.372 10.376 0 6.88 3.489 10.372 10.372 10.372 6.887 0 10.376-3.489 10.376-10.372.003-6.887-3.489-10.376-10.376-10.376zm5.39 5.816c.128.1.153.288.053.416l-6.864 8.872a.301.301 0 01-.235.116.292.292 0 01-.235-.116l-2.89-3.776a.296.296 0 01.056-.417.296.296 0 01.416.056l2.653 3.467 6.63-8.565a.298.298 0 01.416-.053z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconCheckedLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconCheckedRegular = 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 IconCheckedRegular = 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: "M11.997 1c3.495 0 6.213.912 8.081 2.711C22.018 5.58 23 8.37 23 12.001c0 3.633-.984 6.42-2.922 8.288C18.21 22.088 15.492 23 11.997 23c-3.495 0-6.213-.912-8.079-2.711C1.981 18.424 1 15.637 1 12.005c0-3.633.981-6.423 2.918-8.29C5.784 1.914 8.505 1 11.997 1zm0 1.22c-6.49 0-9.78 3.29-9.78 9.785 0 6.488 3.29 9.779 9.78 9.779 6.492 0 9.787-3.291 9.787-9.78 0-6.49-3.295-9.785-9.787-9.785zm5.2 4.96a.575.575 0 01.116.806l-6.45 8.639a.572.572 0 01-.452.232h-.013a.575.575 0 01-.451-.217l-2.953-3.71a.577.577 0 01.09-.81.577.577 0 01.81.092l2.488 3.128 6.01-8.043a.576.576 0 01.805-.116z",
-        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 2c5.516 0 10 4.484 10 10s-4.484 10-10 10S2 17.516 2 12 6.484 2 12 2zm0 1.424c-4.728 0-8.576 3.848-8.576 8.576 0 4.728 3.848 8.576 8.576 8.576 4.728 0 8.576-3.848 8.576-8.576 0-4.728-3.848-8.576-8.576-8.576zm4.95 4.59a.726.726 0 011.03 0 .704.704 0 010 1.023l-7.38 7.247-3.593-3.721a.7.7 0 01.027-1.022.724.724 0 011.032.028l2.567 2.595z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M11.997 1c3.495 0 6.213.912 8.081 2.711C22.018 5.58 23 8.37 23 12.001c0 3.633-.984 6.42-2.922 8.288C18.21 22.088 15.492 23 11.997 23c-3.495 0-6.213-.912-8.079-2.711C1.981 18.424 1 15.637 1 12.005c0-3.633.981-6.423 2.918-8.29C5.784 1.914 8.505 1 11.997 1zm0 1.22c-6.49 0-9.78 3.29-9.78 9.785 0 6.488 3.29 9.779 9.78 9.779 6.492 0 9.787-3.291 9.787-9.78 0-6.49-3.295-9.785-9.787-9.785zm5.2 4.96a.575.575 0 01.116.806l-6.45 8.639a.572.572 0 01-.452.232h-.013a.575.575 0 01-.451-.217l-2.953-3.71a.577.577 0 01.09-.81.577.577 0 01.81.092l2.488 3.128 6.01-8.043a.576.576 0 01.805-.116z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconCheckedRegular;

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconChemistryFilled = 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 IconChemistryFilled = 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: "M14.32 19.605h-.127c-.361-.008-.759-.123-1.062-.38-.305-.258-.515-.653-.515-1.25 0-1.182.843-1.613 1.569-1.613h.134c.726.016 1.566.456 1.566 1.622 0 1.173-.843 1.605-1.566 1.621m-4.54-7.383l.338-.457a.604.604 0 00.126-.373V3.404h3.505v7.988c0 .14.042.267.126.373l.344.465c-1.383.207-3.075.207-4.44-.008m.185 4.826h-.075c-.521-.008-1.053-.347-1.053-1.093 0-.736.529-1.075 1.053-1.075h.075c.53.008 1.062.347 1.062 1.084 0 .737-.532 1.076-1.062 1.084m11.667 2.888l-5.804-7.658-.818-1.084v-7.79h.785a.627.627 0 00.633-.622.627.627 0 00-.633-.622H8.22a.634.634 0 00-.633.622c0 .339.286.622.633.622h.756v7.79l-.81 1.075-5.837 7.832a1.12 1.12 0 00-.016 1.16c.201.364.599.588 1.02.588h17.251c.462 0 .894-.24 1.112-.639.219-.395.202-.86-.067-1.274",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconChemistryLight = 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 IconChemistryLight = 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: "M20.962 20.887a.181.181 0 00-.009-.185l-5.79-7.652c-.896.263-2.058.406-3.28.406-1.137 0-2.22-.126-3.08-.356l-5.785 7.737c-.009.025 0 .067.017.095.016.034.05.067.103.067h17.633a.222.222 0 00.19-.112zm-11.06-9.269l-.548.737c1.549.33 3.759.314 5.25-.042l-.525-.695a.412.412 0 01-.086-.246V2.999H9.99v7.356c.008.034 0 .067 0 .11v.904c0 .09-.034.182-.087.25zm11.757 8.6c.233.356.241.745.05 1.081a1.06 1.06 0 01-.938.54H3.138a.975.975 0 01-.851-.49.936.936 0 01.017-.98l6.826-9.14v-.762a.237.237 0 010-.11V3.003h-.997A.434.434 0 017.7 2.58c0-.238.196-.423.432-.423h7.745c.232 0 .431.185.431.423 0 .23-.199.423-.431.423h-1.025v8.227l6.806 8.989zm-7.305-.882c.235-.006 1.182-.093 1.182-1.233 0-1.137-.944-1.232-1.185-1.238h-.12c-.25.003-1.171.087-1.171 1.232 0 1.146.933 1.236 1.182 1.239h.112zm.017-3.317c1.005.022 2.025.678 2.025 2.084 0 1.409-1.017 2.059-2.025 2.076h-.143c-1.011-.014-2.03-.664-2.03-2.084 0-1.423 1.016-2.068 2.027-2.076h.146zm-4.462.703c.131-.003.658-.05.658-.686 0-.63-.524-.684-.661-.686H9.84c-.137.002-.652.05-.652.686s.52.686.658.689h.022c.014 0 .028-.003.04-.003zm.016-2.216c.723.017 1.499.507 1.499 1.533 0 1.033-.779 1.518-1.501 1.529h-.09c-.726-.011-1.504-.496-1.504-1.535 0-1.042.781-1.524 1.504-1.53h.025l.067.003z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconChemistryRegular = 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 IconChemistryRegular = 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: "M3.52 20.605h17.073l-5.577-7.344c-.877.24-1.97.372-3.127.372-1.07 0-2.09-.117-2.93-.322l-5.44 7.294zm6.602-8.848l-.345.453c1.348.233 3.107.224 4.412-.025l-.32-.428a.592.592 0 01-.125-.365V3.401h-3.496v6.997c0 .008-.008.034-.008.05 0 .017.008.034.008.05v.894a.604.604 0 01-.126.365zm11.507 8.168c.269.423.286.893.067 1.283a1.262 1.262 0 01-1.103.638H3.333a1.19 1.19 0 01-1.02-.588 1.142 1.142 0 01.016-1.168l6.653-8.908v-.677a.347.347 0 010-.132V3.4h-.768a.631.631 0 01-.63-.622.628.628 0 01.633-.619h7.574a.622.622 0 010 1.244h-.781v7.781l6.619 8.74zm-6.165-1.947c0-1.112-.925-1.205-1.163-1.213-.03 0-.061-.003-.092-.003h-.023c-.243.003-1.145.084-1.145 1.205 0 1.12.913 1.21 1.157 1.213h.112c.23 0 1.154-.087 1.154-1.202zm-1.252-2.042l.112.003c.986.025 1.983.664 1.983 2.039 0 1.378-.997 2.017-1.983 2.034h-.14c-.99-.014-1.986-.65-1.986-2.04 0-1.392.994-2.025 1.983-2.033l.03-.003zm-4.255.692c.129-.003.644-.05.644-.673 0-.619-.515-.669-.647-.672h-.065c-.134 0-.638.048-.638.67 0 .624.51.672.644.675h.062zm.02-2.171c.705.017 1.467.493 1.467 1.501 0 1.012-.765 1.485-1.473 1.499h-.087c-.712-.011-1.474-.485-1.474-1.502 0-1.022.762-1.492 1.471-1.498h.095z",
         fill: fillColor
     })));

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconChevronDownLight = 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 IconChevronDownLight = 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 8.612c0 .15-.057.295-.16.404l-7.314 7.793a.604.604 0 01-.442.191.638.638 0 01-.455-.191L4.178 9.016a.592.592 0 010-.845.64.64 0 01.872 0l7.02 7.354 6.862-7.319a.628.628 0 01.868-.004l.004.004a.624.624 0 01.196.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: "M19.914 8.083a.259.259 0 010 .386l-7.716 7.448a.282.282 0 01-.4 0L5.514 9.85a.248.248 0 01-.087-.194c0-.084.029-.14.087-.195a.282.282 0 01.4 0L12 15.336l7.514-7.253a.282.282 0 01.4 0zM4.573 8c.316 0 .573.248.573.553a.563.563 0 01-.573.553A.563.563 0 014 8.553C4 8.248 4.256 8 4.573 8z",
+            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 8.612c0 .15-.057.295-.16.404l-7.314 7.793a.604.604 0 01-.442.191.638.638 0 01-.455-.191L4.178 9.016a.592.592 0 010-.845.64.64 0 01.872 0l7.02 7.354 6.862-7.319a.628.628 0 01.868-.004l.004.004a.624.624 0 01.196.406z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconChevronDownLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconChevronDownRegular = 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 IconChevronDownRegular = 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 8.839c0 .208-.082.41-.23.564l-7.05 7.32a.924.924 0 01-1.273.044c-.014-.01-.025-.024-.04-.037l-7.17-7.323a.805.805 0 01.029-1.168l.02-.017a.928.928 0 011.257.048l6.516 6.651 6.393-6.646a.928.928 0 011.257-.055.827.827 0 01.291.619",
-        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 8.533a.51.51 0 01.173-.374.583.583 0 01.8 0L12 14.723l7.03-6.563a.583.583 0 01.8 0 .494.494 0 010 .747l-7.428 6.935a.583.583 0 01-.8 0L4.173 8.906A.503.503 0 014 8.533z",
+            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 8.839c0 .208-.082.41-.23.564l-7.05 7.32a.924.924 0 01-1.273.044c-.014-.01-.025-.024-.04-.037l-7.17-7.323a.805.805 0 01.029-1.168l.02-.017a.928.928 0 011.257.048l6.516 6.651 6.393-6.646a.928.928 0 011.257-.055.827.827 0 01.291.619",
+            fill: fillColor
+        })));
+    }
 };
 export default IconChevronDownRegular;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconChevronLeftLight = 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 IconChevronLeftLight = 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.388 20a.593.593 0 01-.404-.16L7.19 12.527a.604.604 0 01-.19-.443c0-.173.07-.337.191-.455l7.793-7.451a.592.592 0 01.845 0 .64.64 0 010 .872l-7.354 7.02 7.319 6.862a.628.628 0 01.004.868l-.004.004a.624.624 0 01-.406.196z",
-        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: "M15.447 18.854c.305 0 .553.257.553.573a.563.563 0 01-.553.573.563.563 0 01-.553-.573c0-.316.248-.573.553-.573zm.084-14.768a.259.259 0 01.386 0 .282.282 0 010 .4L8.664 12l5.875 6.086a.282.282 0 010 .4.248.248 0 01-.195.087.248.248 0 01-.194-.087l-6.067-6.284a.282.282 0 010-.4z",
+            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.388 20a.593.593 0 01-.404-.16L7.19 12.527a.604.604 0 01-.19-.443c0-.173.07-.337.191-.455l7.793-7.451a.592.592 0 01.845 0 .64.64 0 010 .872l-7.354 7.02 7.319 6.862a.628.628 0 01.004.868l-.004.004a.624.624 0 01-.406.196z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconChevronLeftLight;