@telefonica/mistica 10.9.2 → 10.13.0

package/dist-es/generated/mistica-icons/icon-click-to-call-regular.js

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconClickToCallRegular = 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 IconClickToCallRegular = 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: "M5.942 2c.849.017 1.687.432 2.49 1.236.306.3.57.636.788 1 .43.694.588 1.414.465 2.134-.124.72-.524 1.423-1.197 2.095a5.707 5.707 0 01-.495.443c-.068.118-.026.49.495 1.252.605.88 1.614 1.922 2.32 2.628l.084.084c.706.706 1.748 1.714 2.627 2.319.762.521 1.135.56 1.252.496a4.95 4.95 0 01.443-.496c.672-.672 1.378-1.076 2.098-1.196.72-.12 1.437.034 2.134.465a4.86 4.86 0 011 .787c.804.804 1.219 1.641 1.236 2.49.017.88-.398 1.765-1.227 2.636-.291.305-.698.597-.832.695l-.017.01a.154.154 0 00-.025.02c-.566.39-1.28.583-2.107.583-.868 0-1.857-.213-2.927-.641-2.185-.871-4.577-2.569-6.916-4.908l-.084-.084C5.208 13.712 3.514 11.32 2.64 9.135c-.832-2.092-.855-3.88-.056-5.034l.016-.025.012-.017c.095-.134.39-.54.694-.832C4.178 2.398 5.063 1.984 5.942 2zm-.02 1.12c-.57-.007-1.193.298-1.84.92a4.866 4.866 0 00-.56.678l-.025.033c-.56.827-.496 2.272.182 3.972.815 2.045 2.426 4.306 4.655 6.535l.05.05.043.034c2.23 2.233 4.49 3.84 6.535 4.656 1.7.678 3.145.745 3.972.182l.033-.023c.303-.218.53-.406.678-.56.62-.65.93-1.269.92-1.84-.012-.555-.309-1.118-.908-1.72a3.836 3.836 0 00-.78-.614l-.016-.008c-.465-.291-.91-.392-1.361-.316-.485.08-.986.38-1.493.885a4 4 0 00-.395.448c-.02.022-.04.045-.06.064-.237.222-.666.448-1.344.275-.383-.098-.815-.314-1.319-.658-.958-.656-2.048-1.715-2.787-2.451l-.084-.084c-.737-.737-1.793-1.83-2.451-2.785-.345-.504-.56-.935-.658-1.32-.171-.677.056-1.106.277-1.346a.422.422 0 01.064-.06 4 4 0 00.449-.394c.504-.504.8-1.006.885-1.493.075-.451-.028-.897-.317-1.362l-.008-.016a3.937 3.937 0 00-.614-.78c-.605-.593-1.168-.89-1.722-.901zm12.508.83a.924.924 0 01.66.367l1.135 1.263c.18.202.263.468.23.734a.909.909 0 01-.367.625L17.07 9.592l.661.733c.193.216.252.49.154.737s-.328.406-.619.429l-4.6.355c-.022.003-.044.003-.064.003a.757.757 0 01-.748-.93l.97-4.535a.71.71 0 01.498-.557c.252-.07.518.02.712.232l.67.74 3.03-2.605a.886.886 0 01.695-.244zm-.093 1.205l-3.103 2.669a.854.854 0 01-1.183-.076l-.3-.333-.7 3.28 3.278-.255-.28-.308a.837.837 0 01.07-1.188l3.14-2.764-.922-1.025z",
         fill: fillColor
     })));

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconClipFilled = 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 IconClipFilled = 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.063 5.542a.808.808 0 00-.818.798l-.011 11.09c0 1.913-.913 2.804-2.868 2.804-1.958 0-2.872-.89-2.872-2.804V5.44c0-1.185.516-1.69 1.729-1.69s1.728.505 1.728 1.692l.025 11.356c0 .373-.078.448-.46.448-.38 0-.456-.075-.456-.448V6.394a.812.812 0 00-.818-.801.81.81 0 00-.818.798v10.403c0 1.264.801 2.048 2.096 2.048 1.29 0 2.095-.784 2.095-2.048L14.59 5.44c-.003-2.06-1.26-3.289-3.367-3.289S7.859 3.38 7.859 5.439V17.43c0 2.798 1.641 4.406 4.507 4.406 2.862 0 4.504-1.605 4.504-4.403l.011-11.09a.81.81 0 00-.818-.8",
-        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.762 23a3.602 3.602 0 01-2.58-1.095L3.49 10.93A5.254 5.254 0 012 7.23c0-1.397.53-2.709 1.49-3.7a5.011 5.011 0 017.207 0L21.78 14.897a.789.789 0 010 1.095.74.74 0 01-1.066 0L9.632 4.625a3.511 3.511 0 00-2.538-1.08c-.96 0-1.857.382-2.537 1.08A3.693 3.693 0 003.505 7.23c0 .986.372 1.907 1.052 2.605l10.69 10.976a2.107 2.107 0 003.03 0 2.245 2.245 0 000-3.11L7.587 6.73a.698.698 0 00-.98 0 .717.717 0 00-.202.505c0 .193.072.372.202.505l9.663 9.92a.789.789 0 010 1.095.74.74 0 01-1.066 0L5.54 8.83a2.303 2.303 0 010-3.195 2.165 2.165 0 013.116 0l10.69 10.976c1.424 1.46 1.424 3.838 0 5.294A3.629 3.629 0 0116.763 23z",
+            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.063 5.542a.808.808 0 00-.818.798l-.011 11.09c0 1.913-.913 2.804-2.868 2.804-1.958 0-2.872-.89-2.872-2.804V5.44c0-1.185.516-1.69 1.729-1.69s1.728.505 1.728 1.692l.025 11.356c0 .373-.078.448-.46.448-.38 0-.456-.075-.456-.448V6.394a.812.812 0 00-.818-.801.81.81 0 00-.818.798v10.403c0 1.264.801 2.048 2.096 2.048 1.29 0 2.095-.784 2.095-2.048L14.59 5.44c-.003-2.06-1.26-3.289-3.367-3.289S7.859 3.38 7.859 5.439V17.43c0 2.798 1.641 4.406 4.507 4.406 2.862 0 4.504-1.605 4.504-4.403l.011-11.09a.81.81 0 00-.818-.8",
+            fill: fillColor
+        })));
+    }
 };
 export default IconClipFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconClipLight = 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 IconClipLight = 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.981 21.843c-2.907 0-4.512-1.457-4.512-4.107V5.44c0-2.117 1.283-3.283 3.613-3.283 2.328 0 3.61 1.166 3.61 3.286v10.65c0 1.557-.98 2.454-2.694 2.454s-2.695-.894-2.695-2.454v-8.98c0-.227.202-.41.451-.41.25 0 .449.185.449.41v8.98c0 1.115.571 1.633 1.792 1.633 1.224 0 1.793-.518 1.793-1.633V5.442c0-1.658-.888-2.465-2.711-2.465-1.824 0-2.712.807-2.712 2.465v12.297c0 2.18 1.216 3.286 3.61 3.286 2.396 0 3.611-1.107 3.611-3.286l-.01-10.633c0-.227.2-.41.447-.41h.003c.25 0 .451.183.451.41l.014 10.636c.003 2.644-1.602 4.1-4.51 4.1",
-        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: "M6.807 2c1.282 0 2.489.524 3.397 1.473l9.837 10.278a.391.391 0 010 .543.356.356 0 01-.52 0L9.684 4.017A3.959 3.959 0 006.807 2.77 3.95 3.95 0 003.93 4.016a4.323 4.323 0 00-1.192 3.006c0 1.137.421 2.2 1.192 3.005l10.92 11.41a2.512 2.512 0 003.658 0c1.008-1.053 1.008-2.769 0-3.821L7.593 6.202a1.094 1.094 0 00-1.567 0c-.43.45-.43 1.186 0 1.636l9.875 10.317a.391.391 0 010 .544.356.356 0 01-.52 0L5.5 8.387a1.995 1.995 0 010-2.729 1.793 1.793 0 012.612 0l10.92 11.41c1.297 1.354 1.297 3.56 0 4.914A3.247 3.247 0 0116.682 23a3.247 3.247 0 01-2.352-1.018L3.41 10.572A5.104 5.104 0 012 7.022c0-1.34.502-2.6 1.41-3.549C4.318 2.524 5.525 2 6.807 2zm14.455 12.789c.407 0 .738.346.738.771 0 .425-.331.771-.738.771s-.738-.346-.738-.771c0-.425.331-.771.738-.771z",
+            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.981 21.843c-2.907 0-4.512-1.457-4.512-4.107V5.44c0-2.117 1.283-3.283 3.613-3.283 2.328 0 3.61 1.166 3.61 3.286v10.65c0 1.557-.98 2.454-2.694 2.454s-2.695-.894-2.695-2.454v-8.98c0-.227.202-.41.451-.41.25 0 .449.185.449.41v8.98c0 1.115.571 1.633 1.792 1.633 1.224 0 1.793-.518 1.793-1.633V5.442c0-1.658-.888-2.465-2.711-2.465-1.824 0-2.712.807-2.712 2.465v12.297c0 2.18 1.216 3.286 3.61 3.286 2.396 0 3.611-1.107 3.611-3.286l-.01-10.633c0-.227.2-.41.447-.41h.003c.25 0 .451.183.451.41l.014 10.636c.003 2.644-1.602 4.1-4.51 4.1",
+            fill: fillColor
+        })));
+    }
 };
 export default IconClipLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconClipRegular = 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 IconClipRegular = 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.363 21.836c-2.863 0-4.507-1.563-4.507-4.291V5.305c0-2.004 1.207-3.155 3.31-3.155 2.104 0 3.312 1.148 3.312 3.154l.025 11.053c0 1.166-.76 1.888-1.98 1.888-1.222 0-1.981-.722-1.981-1.885V6.28c0-.34.289-.61.641-.61.356 0 .642.274.642.61v10.078c0 .496.176.661.695.661.52 0 .694-.165.694-.66l-.028-11.054c0-1.316-.644-1.93-2.025-1.93-1.38 0-2.025.614-2.025 1.93v12.241c0 2.064 1.053 3.067 3.221 3.067s3.221-1.003 3.221-3.067l.012-11.32c0-.338.288-.61.641-.61.356 0 .642.274.642.613l-.012 11.32c.009 2.725-1.636 4.288-4.498 4.288",
-        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.762 23a3.602 3.602 0 01-2.58-1.095L3.49 10.93A5.254 5.254 0 012 7.23c0-1.397.53-2.709 1.49-3.7a5.011 5.011 0 017.207 0L21.78 14.897a.789.789 0 010 1.095.74.74 0 01-1.066 0L9.632 4.625a3.511 3.511 0 00-2.538-1.08c-.96 0-1.857.382-2.537 1.08A3.693 3.693 0 003.505 7.23c0 .986.372 1.907 1.052 2.605l10.69 10.976a2.107 2.107 0 003.03 0 2.245 2.245 0 000-3.11L7.587 6.73a.698.698 0 00-.98 0 .717.717 0 00-.202.505c0 .193.072.372.202.505l9.663 9.92a.789.789 0 010 1.095.74.74 0 01-1.066 0L5.54 8.83a2.303 2.303 0 010-3.195 2.165 2.165 0 013.116 0l10.69 10.976c1.424 1.46 1.424 3.838 0 5.294A3.629 3.629 0 0116.763 23z",
+            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.363 21.836c-2.863 0-4.507-1.563-4.507-4.291V5.305c0-2.004 1.207-3.155 3.31-3.155 2.104 0 3.312 1.148 3.312 3.154l.025 11.053c0 1.166-.76 1.888-1.98 1.888-1.222 0-1.981-.722-1.981-1.885V6.28c0-.34.289-.61.641-.61.356 0 .642.274.642.61v10.078c0 .496.176.661.695.661.52 0 .694-.165.694-.66l-.028-11.054c0-1.316-.644-1.93-2.025-1.93-1.38 0-2.025.614-2.025 1.93v12.241c0 2.064 1.053 3.067 3.221 3.067s3.221-1.003 3.221-3.067l.012-11.32c0-.338.288-.61.641-.61.356 0 .642.274.642.613l-.012 11.32c.009 2.725-1.636 4.288-4.498 4.288",
+            fill: fillColor
+        })));
+    }
 };
 export default IconClipRegular;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconClipboardFilled = 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 IconClipboardFilled = 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.86 4.34c-.08-.25-.317-1.004-1.866-1.004-1.673 0-1.925.838-1.958 1.57l-.006.346c.011.267.023.653 1.964.653 1.94 0 1.952-.384 1.96-.61v-.323a2.405 2.405 0 00-.095-.633zm3.912-.749c.855 0 1.603.611 1.603 1.306V20.54c0 .709-.734 1.305-1.603 1.305H6.212c-.868 0-1.602-.6-1.602-1.305V4.894c0-.695.75-1.305 1.602-1.305h2.955c.471-.914 1.443-1.429 2.827-1.429 1.686 0 2.468.709 2.829 1.431h2.95zm-6.476 1.7a.55.55 0 01-.552-.548.55.55 0 01.552-.55h1.392c.306 0 .555.247.555.55 0 .302-.25.549-.555.549h-1.392z",
-        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.637 5.718h.27V3H9.093v2.714h6.545v.004zm2.317-1.698h-1.021v2.714H8.067V4.02h-1.02A2.047 2.047 0 005 6.057V22h15V6.057c0-1.12-.92-2.037-2.046-2.037zm-1.536 14.246H8.582a.525.525 0 01-.51-.508c0-.27.24-.508.51-.508h7.84c.27 0 .51.239.51.508 0 .27-.24.508-.514.508zm0-2.714H8.582a.525.525 0 01-.51-.508c0-.269.24-.508.51-.508h7.84c.27 0 .51.24.51.508 0 .27-.24.508-.514.508zm0-2.713H8.582a.525.525 0 01-.51-.508c0-.27.24-.508.51-.508h7.84c.27 0 .51.238.51.508 0 .269-.24.508-.514.508zm0-2.714H8.582a.525.525 0 01-.51-.508c0-.27.24-.508.51-.508h7.84c.27 0 .51.239.51.508 0 .27-.24.508-.514.508z",
+            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.86 4.34c-.08-.25-.317-1.004-1.866-1.004-1.673 0-1.925.838-1.958 1.57l-.006.346c.011.267.023.653 1.964.653 1.94 0 1.952-.384 1.96-.61v-.323a2.405 2.405 0 00-.095-.633zm3.912-.749c.855 0 1.603.611 1.603 1.306V20.54c0 .709-.734 1.305-1.603 1.305H6.212c-.868 0-1.602-.6-1.602-1.305V4.894c0-.695.75-1.305 1.602-1.305h2.955c.471-.914 1.443-1.429 2.827-1.429 1.686 0 2.468.709 2.829 1.431h2.95zm-6.476 1.7a.55.55 0 01-.552-.548.55.55 0 01.552-.55h1.392c.306 0 .555.247.555.55 0 .302-.25.549-.555.549h-1.392z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconClipboardFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconClipboardLight = 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 IconClipboardLight = 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.56 20.715V4.75c0-.081-.264-.33-.63-.33h-2.945c.012.098.028.193.031.294l.006.19-.003.093c-.045 1.302-1.244 1.574-3.03 1.574-1.785 0-2.984-.272-3.032-1.591v-.194l.006-.092c.003-.098.022-.182.036-.274H6.05c-.369 0-.63.252-.63.33v15.964c0 .112.275.33.63.33h11.878c.358 0 .633-.221.633-.33zM11.988 2.96c-1.454 0-2.157.569-2.213 1.79l-.005.154c.014.392.03.863 2.221.863 2.19 0 2.207-.474 2.218-.818v-.132a2.663 2.663 0 00-.109-.694c-.252-.782-.941-1.163-2.112-1.163zm5.939.658c.756 0 1.445.541 1.445 1.132v15.964c0 .613-.661 1.131-1.443 1.131H6.053c-.782 0-1.443-.518-1.443-1.131V4.75c0-.591.69-1.132 1.443-1.132h3.15c.418-.946 1.376-1.459 2.785-1.459 1.717 0 2.462.74 2.782 1.46h3.157zm-6.84 1.474a.405.405 0 01-.407-.4c0-.222.182-.401.406-.401h1.801c.224 0 .406.179.406.4 0 .222-.182.4-.406.4h-1.8z",
-        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.303 21.287H5.701V4.862c0-.608.456-1.07 1.045-1.07h1.746v1.787h7.677V3.787h1.741c.594 0 1.045.467 1.045 1.07v12.498c0 .215.138.357.348.357.21 0 .349-.142.349-.357V4.862c0-1.001-.768-1.788-1.746-1.788H16.16V2H8.492v1.07H6.746C5.768 3.07 5 3.856 5 4.857V22h14.303c.21 0 .349-.142.349-.357 0-.214-.139-.356-.349-.356zM9.19 2.717h6.278v2.145H9.19V2.718zm6.975 11.43H8.492c-.21 0-.348.141-.348.356s.138.356.348.356h7.677c.21 0 .348-.141.348-.356s-.143-.357-.353-.357zm0-2.858H8.492c-.21 0-.348.142-.348.357s.138.356.348.356h7.677c.21 0 .348-.141.348-.356s-.143-.357-.353-.357zm0-2.857H8.492c-.21 0-.348.142-.348.357 0 .214.138.356.348.356h7.677c.21 0 .348-.142.348-.356 0-.215-.143-.357-.353-.357zm0 8.571H8.492c-.21 0-.348.142-.348.357s.138.357.348.357h7.677c.21 0 .348-.142.348-.357s-.143-.357-.353-.357zm3.14 1.783a.706.706 0 00-.697.713c0 .394.312.714.696.714.384 0 .697-.32.697-.714a.706.706 0 00-.697-.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: "M18.56 20.715V4.75c0-.081-.264-.33-.63-.33h-2.945c.012.098.028.193.031.294l.006.19-.003.093c-.045 1.302-1.244 1.574-3.03 1.574-1.785 0-2.984-.272-3.032-1.591v-.194l.006-.092c.003-.098.022-.182.036-.274H6.05c-.369 0-.63.252-.63.33v15.964c0 .112.275.33.63.33h11.878c.358 0 .633-.221.633-.33zM11.988 2.96c-1.454 0-2.157.569-2.213 1.79l-.005.154c.014.392.03.863 2.221.863 2.19 0 2.207-.474 2.218-.818v-.132a2.663 2.663 0 00-.109-.694c-.252-.782-.941-1.163-2.112-1.163zm5.939.658c.756 0 1.445.541 1.445 1.132v15.964c0 .613-.661 1.131-1.443 1.131H6.053c-.782 0-1.443-.518-1.443-1.131V4.75c0-.591.69-1.132 1.443-1.132h3.15c.418-.946 1.376-1.459 2.785-1.459 1.717 0 2.462.74 2.782 1.46h3.157zm-6.84 1.474a.405.405 0 01-.407-.4c0-.222.182-.401.406-.401h1.801c.224 0 .406.179.406.4 0 .222-.182.4-.406.4h-1.8z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconClipboardLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconClipboardRegular = 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 IconClipboardRegular = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M17.772 20.667c.233 0 .401-.126.426-.17l-.008-15.6c0 .014-.193-.13-.418-.13h-2.647c.003.029.009.054.012.085l.002.078.003.115-.003.107c-.05 1.51-1.543 1.722-3.145 1.722S8.9 6.661 8.845 5.126v-.08l.003-.127.006-.1c0-.02.005-.034.008-.054h-2.65c-.215 0-.398.132-.428.185l.01 15.588c.018.003.186.129.418.129h11.56zM11.994 3.339c-1.673 0-1.925.838-1.958 1.569l-.006.14c.011.269.023.653 1.964.653 1.94 0 1.952-.384 1.96-.614V4.97a2.384 2.384 0 00-.098-.628c-.078-.25-.313-1.003-1.862-1.003zm5.778.252c.855 0 1.603.611 1.603 1.306V20.54c0 .709-.734 1.305-1.603 1.305H6.212c-.868 0-1.602-.6-1.602-1.305V4.894c0-.695.75-1.305 1.602-1.305h2.955c.471-.914 1.443-1.429 2.827-1.429 1.686 0 2.468.709 2.829 1.431h2.95zm-6.476 1.7a.55.55 0 01-.552-.548.55.55 0 01.552-.55h1.392c.306 0 .555.247.555.55 0 .302-.25.549-.555.549h-1.392z",
-        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.418 14.2H8.582c-.27 0-.51.24-.51.508 0 .27.24.508.51.508h7.84c.27 0 .51-.238.51-.508a.525.525 0 00-.514-.508zm0-2.714H8.582c-.27 0-.51.239-.51.508 0 .27.24.508.51.508h7.84c.27 0 .51-.239.51-.508 0-.27-.24-.508-.514-.508zm0-2.714H8.582c-.27 0-.51.239-.51.508s.24.508.51.508h7.84c.27 0 .51-.239.51-.508 0-.27-.24-.508-.514-.508zm0 8.143H8.582c-.27 0-.51.238-.51.508 0 .269.24.508.51.508h7.84c.27 0 .51-.24.51-.508 0-.27-.24-.508-.514-.508zM17.954 4.02h-1.706V3H8.752v1.016H7.046A2.047 2.047 0 005 6.053V22h15V6.057c0-1.12-.92-2.036-2.046-2.036zm-8.216 0h5.489v1.698H9.738V4.02zm8.896 16.624H6.366V6.057a.68.68 0 01.68-.677h1.706v1.355h7.5v-1.36h1.702a.68.68 0 01.68.678v14.592z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M17.772 20.667c.233 0 .401-.126.426-.17l-.008-15.6c0 .014-.193-.13-.418-.13h-2.647c.003.029.009.054.012.085l.002.078.003.115-.003.107c-.05 1.51-1.543 1.722-3.145 1.722S8.9 6.661 8.845 5.126v-.08l.003-.127.006-.1c0-.02.005-.034.008-.054h-2.65c-.215 0-.398.132-.428.185l.01 15.588c.018.003.186.129.418.129h11.56zM11.994 3.339c-1.673 0-1.925.838-1.958 1.569l-.006.14c.011.269.023.653 1.964.653 1.94 0 1.952-.384 1.96-.614V4.97a2.384 2.384 0 00-.098-.628c-.078-.25-.313-1.003-1.862-1.003zm5.778.252c.855 0 1.603.611 1.603 1.306V20.54c0 .709-.734 1.305-1.603 1.305H6.212c-.868 0-1.602-.6-1.602-1.305V4.894c0-.695.75-1.305 1.602-1.305h2.955c.471-.914 1.443-1.429 2.827-1.429 1.686 0 2.468.709 2.829 1.431h2.95zm-6.476 1.7a.55.55 0 01-.552-.548.55.55 0 01.552-.55h1.392c.306 0 .555.247.555.55 0 .302-.25.549-.555.549h-1.392z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconClipboardRegular;