npm - @telefonica/mistica - Versions diffs - 10.10.0 → 10.14.0 - Mend

@telefonica/mistica 10.10.0 → 10.14.0

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

Files changed (4955) hide show

package/dist/generated/mistica-icons/icon-calendar-regular.d.ts CHANGED Viewed

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconCalendarRegular: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconCalendarRegular: React.FC<IconProps>;
 export default IconCalendarRegular;

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCalendarRegular = function IconCalendarRegular(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconCalendarRegular = function IconCalendarRegular(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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: "M19.062 3.68a2.597 2.597 0 012.593 2.595v11.148a2.68 2.68 0 01-2.675 2.675H4.602a2.597 2.597 0 01-2.594-2.594V6.274a2.597 2.597 0 012.594-2.593h14.46zm1.517 4.925H3.083l.001 8.9c0 .837.68 1.517 1.518 1.517H18.98a1.6 1.6 0 001.6-1.599V8.605zm-9.173 2.154c.815 0 1.41.185 1.779.555.283.283.426.67.426 1.154 0 .364-.093.714-.278 1.047-.185.334-.515.76-.988 1.28l-1.034 1.13h2.398v.885H9.922a.823.823 0 01-.034-.272c0-.18.025-.34.078-.48a1.55 1.55 0 01.27-.433l1.153-1.407c.359-.434.605-.764.737-.994.135-.23.199-.46.199-.689 0-.255-.079-.445-.235-.574-.174-.151-.474-.227-.902-.227-.37 0-.76.036-1.163.112v-.922c.185-.047.404-.084.656-.117.252-.031.493-.048.725-.048zm7.656-6.003H4.602a1.52 1.52 0 00-1.518 1.519v1.257h17.495V6.275a1.52 1.52 0 00-1.517-1.519zm-11.6.591c.485 0 .813.328.813.815 0 .297-.118.482-.219.583a.801.801 0 01-.594.23.801.801 0 01-.594-.23.81.81 0 01-.218-.583c0-.487.328-.815.812-.815zm8.754 0a.81.81 0 01.574.21c.11.104.238.292.238.603a.8.8 0 01-.218.582c-.101.107-.289.233-.594.233a.801.801 0 01-.594-.23.81.81 0 01-.219-.583c0-.487.328-.815.813-.815z",
-        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.928 2c.392 0 .716.32.712.716v1.428h3.216c1.18 0 2.144.964 2.144 2.14V22H2V6.284c0-1.176.964-2.14 2.144-2.14h3.208V2.716c0-.396.324-.716.716-.716.396 0 .716.324.716.716v1.428h6.428V2.716c0-.396.324-.716.716-.716zm4.644 8.216H3.428v10.356h17.144V10.216zM9.644 11.252c1.32 0 2.392 1.104 2.396 2.424 0 .68-.252 1.288-.68 1.716.428.464.68 1.072.68 1.716 0 1.32-1.072 2.428-2.392 2.428h-.644c-.432 0-1.288-.18-1.752-.536a.732.732 0 01-.108-1.036.732.732 0 011.036-.108c.104.072.568.216.82.216h.644c.536 0 .928-.428.928-.964s-.428-.964-.928-.964H8.68a.728.728 0 01-.752-.748c0-.432.36-.752.752-.752h.96c.536 0 .928-.428.928-.964s-.428-.964-.928-.964h-.644c-.248 0-.712.144-.82.216-.32.212-.784.176-1.036-.144a.7.7 0 01.108-1c.468-.356 1.324-.536 1.752-.536zm5.212.14a.647.647 0 01.716 0c.212.108.356.36.36.608v6.788a.715.715 0 11-1.432 0v-5.572l-.572.32a.675.675 0 01-.964-.252.675.675 0 01.252-.964zM7.36 5.572H4.144a.715.715 0 00-.716.716v2.5h17.156v-2.5a.718.718 0 00-.716-.716h-3.216V7a.715.715 0 11-1.432 0V5.572H8.792V7a.718.718 0 01-.716.716A.718.718 0 017.36 7V5.572z",
+            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: "M19.062 3.68a2.597 2.597 0 012.593 2.595v11.148a2.68 2.68 0 01-2.675 2.675H4.602a2.597 2.597 0 01-2.594-2.594V6.274a2.597 2.597 0 012.594-2.593h14.46zm1.517 4.925H3.083l.001 8.9c0 .837.68 1.517 1.518 1.517H18.98a1.6 1.6 0 001.6-1.599V8.605zm-9.173 2.154c.815 0 1.41.185 1.779.555.283.283.426.67.426 1.154 0 .364-.093.714-.278 1.047-.185.334-.515.76-.988 1.28l-1.034 1.13h2.398v.885H9.922a.823.823 0 01-.034-.272c0-.18.025-.34.078-.48a1.55 1.55 0 01.27-.433l1.153-1.407c.359-.434.605-.764.737-.994.135-.23.199-.46.199-.689 0-.255-.079-.445-.235-.574-.174-.151-.474-.227-.902-.227-.37 0-.76.036-1.163.112v-.922c.185-.047.404-.084.656-.117.252-.031.493-.048.725-.048zm7.656-6.003H4.602a1.52 1.52 0 00-1.518 1.519v1.257h17.495V6.275a1.52 1.52 0 00-1.517-1.519zm-11.6.591c.485 0 .813.328.813.815 0 .297-.118.482-.219.583a.801.801 0 01-.594.23.801.801 0 01-.594-.23.81.81 0 01-.218-.583c0-.487.328-.815.812-.815zm8.754 0a.81.81 0 01.574.21c.11.104.238.292.238.603a.8.8 0 01-.218.582c-.101.107-.289.233-.594.233a.801.801 0 01-.594-.23.81.81 0 01-.219-.583c0-.487.328-.815.813-.815z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconCalendarRegular;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-calendar-regular.js.flow CHANGED Viewed

@@ -1,9 +1,6 @@
 // @flow
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconCalendarRegular: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconCalendarRegular: React.ComponentType<IconProps>;
 declare export default typeof IconCalendarRegular;

package/dist/generated/mistica-icons/icon-call-center-user-support-filled.d.ts CHANGED Viewed

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconCallCenterUserSupportFilled: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconCallCenterUserSupportFilled: React.FC<IconProps>;
 export default IconCallCenterUserSupportFilled;

package/dist/generated/mistica-icons/icon-call-center-user-support-filled.js CHANGED Viewed

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCallCenterUserSupportFilled = function IconCallCenterUserSupportFilled(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconCallCenterUserSupportFilled = function IconCallCenterUserSupportFilled(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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.127 14.02c1.827 0 3.328.554 4.34 1.605.93.966 1.42 2.305 1.42 3.87v1.64c0 .31-.25.56-.56.56H3.393a.562.562 0 01-.56-.56v-1.64c0-1.565.49-2.904 1.42-3.87 1.01-1.05 2.512-1.605 4.338-1.605h6.535zM11.87 4.188c2.837 0 4.4 1.563 4.4 4.4 0 .149-.005.294-.014.437h-2.23c-.263-.238-.618-.367-1.03-.367-.437 0-.807.143-1.081.415-.275.272-.418.644-.418 1.078 0 .429.143.799.41 1.07.274.278.649.423 1.089.423.414 0 .776-.131 1.042-.38H15.6c-.712 1.128-1.978 1.725-3.731 1.725-2.838 0-4.4-1.563-4.4-4.4 0-2.838 1.562-4.401 4.4-4.401zM11.864 2c1.992 0 3.546.524 4.616 1.557 1.112 1.073 1.678 2.667 1.67 4.743v.008l-.009.544c0 .565-.176 1.039-.504 1.364-.328.325-.779.49-1.339.49H13.78a.702.702 0 01-.098.123c-.162.168-.403.255-.69.255-.285 0-.526-.09-.688-.255-.163-.165-.247-.395-.247-.678 0-.574.362-.933.939-.933.353 0 .624.135.781.367h2.53c.252 0 .44-.056.551-.168.14-.143.171-.389.171-.574v-.008l.009-.544c-.003-1.753-.451-3.075-1.34-3.927-.856-.826-2.148-1.244-3.84-1.244-1.529 0-2.736.345-3.582 1.017C7.419 4.824 6.9 5.88 6.74 7.283a.56.56 0 01-1.112-.129c.196-1.706.851-3.017 1.952-3.894C8.631 2.423 10.074 2 11.864 2z",
-        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.002 4.384c.11 0 .212.008.321.015.075.004.15.008.224.02.054.007.113.01.168.022.106.015.212.034.317.057 1.96.464 3.449 2.223 3.515 4.29h-3.844c-.964 0-1.747.76-1.747 1.696 0 .935.783 1.695 1.747 1.695l2.096-.001.25.08c2.306.763 3.846 2.432 3.946 4.474l.005.22V21H5v-4.04c0-2.212 1.642-3.975 4.165-4.72-1.046-.81-1.716-2.053-1.716-3.447 0-1.19.49-2.27 1.285-3.064.02-.019.04-.045.059-.064.09-.088.18-.164.27-.24.02-.019.04-.034.055-.05.098-.071.2-.147.302-.216.02-.011.035-.023.05-.034a5.698 5.698 0 01.377-.22 6.978 6.978 0 01.4-.183c.11-.042.23-.083.344-.121l.075-.023a3.85 3.85 0 01.345-.084c.031-.004.058-.011.09-.019.113-.023.239-.038.356-.053.028-.004.055-.011.087-.015a4.57 4.57 0 01.458-.023zm.25-2.38c3.72.126 6.744 3.235 6.744 6.925v.194c.004 1.121-.94 2.037-2.096 2.037h-4.197a.693.693 0 01-.701-.68c0-.372.313-.68.701-.68H16.9a.693.693 0 00.701-.68v-.194c0-2.969-2.421-5.47-5.395-5.572-1.536-.05-2.99.486-4.091 1.516-1.101 1.034-1.712 2.425-1.712 3.911 0 .373-.314.68-.702.68A.69.69 0 015 8.781c0-1.858.76-3.595 2.14-4.884a7.066 7.066 0 015.113-1.892z",
+            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.127 14.02c1.827 0 3.328.554 4.34 1.605.93.966 1.42 2.305 1.42 3.87v1.64c0 .31-.25.56-.56.56H3.393a.562.562 0 01-.56-.56v-1.64c0-1.565.49-2.904 1.42-3.87 1.01-1.05 2.512-1.605 4.338-1.605h6.535zM11.87 4.188c2.837 0 4.4 1.563 4.4 4.4 0 .149-.005.294-.014.437h-2.23c-.263-.238-.618-.367-1.03-.367-.437 0-.807.143-1.081.415-.275.272-.418.644-.418 1.078 0 .429.143.799.41 1.07.274.278.649.423 1.089.423.414 0 .776-.131 1.042-.38H15.6c-.712 1.128-1.978 1.725-3.731 1.725-2.838 0-4.4-1.563-4.4-4.4 0-2.838 1.562-4.401 4.4-4.401zM11.864 2c1.992 0 3.546.524 4.616 1.557 1.112 1.073 1.678 2.667 1.67 4.743v.008l-.009.544c0 .565-.176 1.039-.504 1.364-.328.325-.779.49-1.339.49H13.78a.702.702 0 01-.098.123c-.162.168-.403.255-.69.255-.285 0-.526-.09-.688-.255-.163-.165-.247-.395-.247-.678 0-.574.362-.933.939-.933.353 0 .624.135.781.367h2.53c.252 0 .44-.056.551-.168.14-.143.171-.389.171-.574v-.008l.009-.544c-.003-1.753-.451-3.075-1.34-3.927-.856-.826-2.148-1.244-3.84-1.244-1.529 0-2.736.345-3.582 1.017C7.419 4.824 6.9 5.88 6.74 7.283a.56.56 0 01-1.112-.129c.196-1.706.851-3.017 1.952-3.894C8.631 2.423 10.074 2 11.864 2z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconCallCenterUserSupportFilled;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-call-center-user-support-filled.js.flow CHANGED Viewed

@@ -1,9 +1,6 @@
 // @flow
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconCallCenterUserSupportFilled: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconCallCenterUserSupportFilled: React.ComponentType<IconProps>;
 declare export default typeof IconCallCenterUserSupportFilled;

package/dist/generated/mistica-icons/icon-call-center-user-support-light.d.ts CHANGED Viewed

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconCallCenterUserSupportLight: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconCallCenterUserSupportLight: React.FC<IconProps>;
 export default IconCallCenterUserSupportLight;

package/dist/generated/mistica-icons/icon-call-center-user-support-light.js CHANGED Viewed

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCallCenterUserSupportLight = function IconCallCenterUserSupportLight(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconCallCenterUserSupportLight = function IconCallCenterUserSupportLight(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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.264 14.716c1.748 0 3.18.527 4.137 1.521.88.914 1.342 2.185 1.342 3.678v1.639a.28.28 0 01-.28.28H3.53a.28.28 0 01-.28-.28v-1.639c0-1.493.465-2.764 1.342-3.678.958-.994 2.386-1.52 4.137-1.52h6.535zm0 .563H8.729c-1.616 0-2.871.454-3.734 1.348-.776.807-1.185 1.944-1.185 3.288v1.359h16.373v-1.359c0-1.344-.41-2.481-1.185-3.288-.863-.894-2.118-1.348-3.734-1.348zM11.97 2.156c1.919 0 3.406.499 4.423 1.48 1.056 1.016 1.59 2.543 1.59 4.537v.006l-.008.546c0 .498-.142.893-.42 1.168-.277.274-.66.409-1.145.409l-.366.001a3.472 3.472 0 01-.797 1.195c-.745.717-1.832 1.081-3.232 1.081-1.398 0-2.488-.364-3.233-1.084-.773-.745-1.165-1.863-1.165-3.316 0-1.454.392-2.572 1.165-3.317.748-.717 1.835-1.081 3.233-1.081 1.397 0 2.487.364 3.232 1.084.773.748 1.165 1.863 1.165 3.316a6.2 6.2 0 01-.182 1.56h.18c.33 0 .582-.083.75-.249.168-.165.255-.428.255-.773v-.005l.009-.547c0-3.616-1.835-5.45-5.454-5.45-3.247 0-5.062 1.484-5.398 4.408a.28.28 0 01-.554-.064c.184-1.63.806-2.88 1.845-3.706 1-.795 2.381-1.199 4.107-1.199zm2.818 8.147a.524.524 0 01-.123.203c-.115.115-.283.171-.49.171-.208 0-.376-.056-.49-.17-.107-.107-.166-.267-.166-.48 0-.445.26-.652.658-.652.3 0 .52.117.609.365l.863.003a5.47 5.47 0 00.203-1.562c0-1.296-.336-2.277-.994-2.913-.636-.616-1.594-.927-2.843-.927-1.25 0-2.205.311-2.843.927-.661.636-.995 1.617-.995 2.913 0 1.297.336 2.278.995 2.914.638.616 1.593.927 2.843.927 1.249 0 2.204-.311 2.843-.927a2.82 2.82 0 00.573-.793z",
-        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: "M18.282 20.568a.717.717 0 110 1.432.717.717 0 01-.719-.716c0-.395.322-.716.719-.716zM11.762 2l.31.004a6.681 6.681 0 014.668 2.144 6.985 6.985 0 011.895 4.795v.916c0 .983-.803 1.783-1.79 1.783h-1.349a4.66 4.66 0 01-1.57 1.288c2.826.608 4.717 2.447 4.717 4.81v1.405a.357.357 0 01-.715 0h-.02v-1.412c0-2.5-2.565-4.311-6.097-4.311-1.75 0-3.323.448-4.435 1.256-1.072.78-1.662 1.863-1.662 3.055v3.903a.357.357 0 01-.714 0v-3.903c0-1.424.694-2.716 1.955-3.631.758-.552 1.702-.948 2.757-1.176a4.643 4.643 0 01-2.56-4.143c0-2.56 2.09-4.643 4.66-4.643 2.568 0 4.66 2.083 4.66 4.643a4.59 4.59 0 01-.526 2.143h.887c.594 0 1.075-.48 1.075-1.071v-.916c0-3.316-2.633-6.107-5.868-6.223a6.05 6.05 0 00-4.451 1.7 6.019 6.019 0 00-1.863 4.37.357.357 0 01-.714 0c0-1.855.743-3.59 2.083-4.882a6.784 6.784 0 014.977-1.9zm.065 2.864c-2.171 0-3.941 1.76-3.941 3.927 0 2.163 1.77 3.927 3.937 3.927a3.935 3.935 0 002.702-1.072h-2.702a.357.357 0 01-.357-.356c0-.196.16-.356.357-.356h3.304a3.885 3.885 0 00.642-2.143 3.939 3.939 0 00-3.942-3.927z",
+            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.264 14.716c1.748 0 3.18.527 4.137 1.521.88.914 1.342 2.185 1.342 3.678v1.639a.28.28 0 01-.28.28H3.53a.28.28 0 01-.28-.28v-1.639c0-1.493.465-2.764 1.342-3.678.958-.994 2.386-1.52 4.137-1.52h6.535zm0 .563H8.729c-1.616 0-2.871.454-3.734 1.348-.776.807-1.185 1.944-1.185 3.288v1.359h16.373v-1.359c0-1.344-.41-2.481-1.185-3.288-.863-.894-2.118-1.348-3.734-1.348zM11.97 2.156c1.919 0 3.406.499 4.423 1.48 1.056 1.016 1.59 2.543 1.59 4.537v.006l-.008.546c0 .498-.142.893-.42 1.168-.277.274-.66.409-1.145.409l-.366.001a3.472 3.472 0 01-.797 1.195c-.745.717-1.832 1.081-3.232 1.081-1.398 0-2.488-.364-3.233-1.084-.773-.745-1.165-1.863-1.165-3.316 0-1.454.392-2.572 1.165-3.317.748-.717 1.835-1.081 3.233-1.081 1.397 0 2.487.364 3.232 1.084.773.748 1.165 1.863 1.165 3.316a6.2 6.2 0 01-.182 1.56h.18c.33 0 .582-.083.75-.249.168-.165.255-.428.255-.773v-.005l.009-.547c0-3.616-1.835-5.45-5.454-5.45-3.247 0-5.062 1.484-5.398 4.408a.28.28 0 01-.554-.064c.184-1.63.806-2.88 1.845-3.706 1-.795 2.381-1.199 4.107-1.199zm2.818 8.147a.524.524 0 01-.123.203c-.115.115-.283.171-.49.171-.208 0-.376-.056-.49-.17-.107-.107-.166-.267-.166-.48 0-.445.26-.652.658-.652.3 0 .52.117.609.365l.863.003a5.47 5.47 0 00.203-1.562c0-1.296-.336-2.277-.994-2.913-.636-.616-1.594-.927-2.843-.927-1.25 0-2.205.311-2.843.927-.661.636-.995 1.617-.995 2.913 0 1.297.336 2.278.995 2.914.638.616 1.593.927 2.843.927 1.249 0 2.204-.311 2.843-.927a2.82 2.82 0 00.573-.793z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconCallCenterUserSupportLight;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-call-center-user-support-light.js.flow CHANGED Viewed

@@ -1,9 +1,6 @@
 // @flow
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconCallCenterUserSupportLight: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconCallCenterUserSupportLight: React.ComponentType<IconProps>;
 declare export default typeof IconCallCenterUserSupportLight;

package/dist/generated/mistica-icons/icon-call-center-user-support-regular.d.ts CHANGED Viewed

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconCallCenterUserSupportRegular: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconCallCenterUserSupportRegular: React.FC<IconProps>;
 export default IconCallCenterUserSupportRegular;

package/dist/generated/mistica-icons/icon-call-center-user-support-regular.js CHANGED Viewed

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCallCenterUserSupportRegular = function IconCallCenterUserSupportRegular(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconCallCenterUserSupportRegular = function IconCallCenterUserSupportRegular(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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.979 14.605c3.488 0 5.998.87 7.458 2.585 1.628 1.913 1.289 4.143 1.273 4.237a.75.75 0 01-.74.63H4.034a.75.75 0 01-.74-.625c-.016-.094-.372-2.327 1.246-4.242 1.448-1.716 3.95-2.585 7.439-2.585zm0 1.5c-3.012 0-5.123.684-6.278 2.034a4.022 4.022 0 00-.948 2.418h14.492a4.058 4.058 0 00-.967-2.413c-1.165-1.353-3.285-2.039-6.3-2.039zM12 1.95c4.33 0 6.807 2.309 6.976 6.502.003.063.005.304.007.575l.001.33.001.158v.267l.001.154a.75.75 0 01-.75.75h-1.68c-.55 1.967-2.12 3.028-4.556 3.028-3.081 0-4.777-1.698-4.777-4.78 0-3.08 1.696-4.776 4.777-4.776 3.08 0 4.777 1.696 4.777 4.777 0 .084-.001.168-.004.25l.711.001a67.43 67.43 0 00-.006-.675C17.34 5.106 15.548 3.45 12 3.45c-3.692 0-5.487 1.794-5.487 5.485a.75.75 0 01-1.5 0C5.013 4.43 7.495 1.95 12 1.95zm0 3.708c-2.236 0-3.277 1.04-3.277 3.277s1.04 3.279 3.277 3.279c1.537 0 2.51-.493 2.967-1.528h-.862c-.22.323-.597.477-1.105.477-.84 0-1.324-.42-1.324-1.325 0-.904.485-1.324 1.324-1.324.6 0 1.02.216 1.21.671h1.062c.003-.081.005-.165.005-.25 0-2.236-1.041-3.277-3.277-3.277z",
-        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.831 11.16h1.065c1.156 0 2.1-.912 2.1-2.036V8.93c0-1.782-.69-3.48-1.943-4.783a6.954 6.954 0 00-4.798-2.143c-1.92-.064-3.737.608-5.112 1.9-1.38 1.292-2.14 3.024-2.14 4.882 0 .376.314.68.702.68a.69.69 0 00.701-.68c0-1.486.607-2.872 1.708-3.906a5.657 5.657 0 014.094-1.52c2.973.103 5.39 2.603 5.39 5.57v.194c0 .372-.314.68-.702.68h-.474c.079-.327.122-.669.122-1.018 0-2.432-2.04-4.411-4.548-4.411-2.507 0-4.548 1.98-4.548 4.41 0 1.391.67 2.637 1.712 3.447a7.249 7.249 0 00-2.111.995C5.729 14.165 5 15.487 5 16.95v3.37c0 .376.313.68.701.68a.69.69 0 00.701-.68v-3.37c0-1.033.51-1.945 1.477-2.629 1.026-.726 2.488-1.128 4.121-1.128 3.243 0 5.598 1.58 5.598 3.753v3.37c0 .376.313.68.7.68a.69.69 0 00.702-.68v-3.37c0-2.21-1.641-3.97-4.16-4.718.384-.3.72-.661.991-1.068zm-6.98-2.374C8.85 7.103 10.26 5.73 12 5.73s3.15 1.368 3.15 3.055c0 .357-.063.699-.18 1.018H12.7a.69.69 0 00-.701.68c0 .376.313.68.701.68h1.277a3.18 3.18 0 01-1.974.68c-1.74-.008-3.153-1.375-3.153-3.058z",
+            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.979 14.605c3.488 0 5.998.87 7.458 2.585 1.628 1.913 1.289 4.143 1.273 4.237a.75.75 0 01-.74.63H4.034a.75.75 0 01-.74-.625c-.016-.094-.372-2.327 1.246-4.242 1.448-1.716 3.95-2.585 7.439-2.585zm0 1.5c-3.012 0-5.123.684-6.278 2.034a4.022 4.022 0 00-.948 2.418h14.492a4.058 4.058 0 00-.967-2.413c-1.165-1.353-3.285-2.039-6.3-2.039zM12 1.95c4.33 0 6.807 2.309 6.976 6.502.003.063.005.304.007.575l.001.33.001.158v.267l.001.154a.75.75 0 01-.75.75h-1.68c-.55 1.967-2.12 3.028-4.556 3.028-3.081 0-4.777-1.698-4.777-4.78 0-3.08 1.696-4.776 4.777-4.776 3.08 0 4.777 1.696 4.777 4.777 0 .084-.001.168-.004.25l.711.001a67.43 67.43 0 00-.006-.675C17.34 5.106 15.548 3.45 12 3.45c-3.692 0-5.487 1.794-5.487 5.485a.75.75 0 01-1.5 0C5.013 4.43 7.495 1.95 12 1.95zm0 3.708c-2.236 0-3.277 1.04-3.277 3.277s1.04 3.279 3.277 3.279c1.537 0 2.51-.493 2.967-1.528h-.862c-.22.323-.597.477-1.105.477-.84 0-1.324-.42-1.324-1.325 0-.904.485-1.324 1.324-1.324.6 0 1.02.216 1.21.671h1.062c.003-.081.005-.165.005-.25 0-2.236-1.041-3.277-3.277-3.277z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconCallCenterUserSupportRegular;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-call-center-user-support-regular.js.flow CHANGED Viewed

@@ -1,9 +1,6 @@
 // @flow
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconCallCenterUserSupportRegular: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconCallCenterUserSupportRegular: React.ComponentType<IconProps>;
 declare export default typeof IconCallCenterUserSupportRegular;

package/dist/generated/mistica-icons/icon-call-details-filled.d.ts CHANGED Viewed

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconCallDetailsFilled: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconCallDetailsFilled: React.FC<IconProps>;
 export default IconCallDetailsFilled;

package/dist/generated/mistica-icons/icon-call-details-filled.js CHANGED Viewed

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCallDetailsFilled = function IconCallDetailsFilled(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 IconCallDetailsFilled = function IconCallDetailsFilled(_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 = (0, _hooks).useTheme(), colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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: "M21.618 7.336l-5.463-5.182A.56.56 0 0015.772 2H8.39c-.569 0-1.107.538-1.107 1.106v1.507c-.417-.26-.846-.395-1.277-.403-.711-.014-1.423.317-2.115.978-.244.232-.473.551-.549.655l-.008.011-.017.023c-.636.921-.625 2.336.03 3.983.676 1.695 1.99 3.543 3.796 5.35l.006.006.053.056.006.005c.044.045.092.09.137.135a.568.568 0 00-.062.252v4.921c0 .589.519 1.107 1.107 1.107h12.297c.588 0 1.106-.518 1.106-1.107V7.742a.56.56 0 00-.176-.406zm-1.213.392h-2.182c-.653 0-1.2-.204-1.583-.588-.384-.384-.588-.933-.588-1.583V3.6l4.353 4.13zM4.39 9.448c-.504-1.26-.56-2.325-.154-2.924l.016-.025c.202-.28.337-.429.415-.502.93-.888 1.67-.89 2.55-.008.173.17.324.361.45.568l.008.017c.267.426.513 1.101-.417 2.028a2.729 2.729 0 01-.333.292l-.065.058c-.19.208-.389.577-.24 1.154.078.311.249.656.523 1.054.392.574.978 1.238 1.897 2.157l.064.064c.919.919 1.583 1.501 2.157 1.896.398.275.742.446 1.053.524.577.146.947-.05 1.154-.24a.422.422 0 00.059-.065c.09-.118.188-.23.294-.334.927-.927 1.602-.683 2.028-.417l.017.008c.207.127.4.278.569.451.882.883.88 1.62-.009 2.55-.073.075-.218.21-.501.414l-.025.017c-.603.406-1.667.35-2.928-.154-1.96-.782-3.784-2.359-4.969-3.544l-.028-.028-.011-.01-.03-.029c-1.186-1.188-2.763-3.01-3.544-4.972z",
         fill: fillColor
     })));

package/dist/generated/mistica-icons/icon-call-details-filled.js.flow CHANGED Viewed

@@ -1,9 +1,6 @@
 // @flow
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconCallDetailsFilled: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconCallDetailsFilled: React.ComponentType<IconProps>;
 declare export default typeof IconCallDetailsFilled;

package/dist/generated/mistica-icons/icon-call-details-light.d.ts CHANGED Viewed

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconCallDetailsLight: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconCallDetailsLight: React.FC<IconProps>;
 export default IconCallDetailsLight;