@telefonica/mistica 11.12.1 → 12.1.0

package/dist-es/text-link.js

@@ -62,25 +62,33 @@ import { useIsInverseVariant } from "./theme-variant-context";
 import { useForm } from "./form-context";
 import { getTextFromChildren } from "./utils/common";
 import { eventActions, eventCategories, eventNames, useTrackingConfig } from "./utils/analytics";
-var useStyles = createUseStyles(function(theme) {
+var useStyles = createUseStyles(function(param) {
+    var colors = param.colors, isDarkMode = param.isDarkMode, mq = param.mq;
     var _obj;
     return {
         textLink: (_obj = {
             width: "auto",
             lineHeight: "inherit",
             display: "inline-block",
-            color: theme.colors.textLink,
-            wordBreak: "break-word"
-        }, _defineProperty(_obj, theme.mq.supportsHover, {
+            color: colors.textLink,
+            wordBreak: "break-word",
+            cursor: "pointer"
+        }, _defineProperty(_obj, mq.supportsHover, {
             "&:hover:not([disabled])": {
                 textDecoration: "underline"
             }
         }), _defineProperty(_obj, "&[disabled]", {
-            opacity: 0.5
+            opacity: 0.5,
+            textDecoration: "none"
         }), _obj),
-        inverse: {
-            color: theme.colors.textLinkInverse
-        },
+        inverse: _defineProperty({
+            color: colors.textLinkInverse,
+            textDecoration: isDarkMode ? "none" : "underline"
+        }, mq.supportsHover, {
+            "&:hover:not([disabled])": {
+                textDecorationThickness: isDarkMode ? 1 : 2
+            }
+        }),
         small: {
             fontSize: 14
         }

package/dist-es/text.js

@@ -38,7 +38,8 @@ var useStyles = createUseStyles(function(theme) {
     var mapToWeight = {
         light: 300,
         regular: 400,
-        medium: 500
+        medium: 500,
+        bold: 700
     };
     var _obj;
     var inverseColorsMap = (_obj = {}, _defineProperty(_obj, theme.colors.textPrimary, theme.colors.textPrimaryInverse), _defineProperty(_obj, theme.colors.textSecondary, theme.colors.textSecondaryInverse), _defineProperty(_obj, theme.colors.textLink, theme.colors.textLinkInverse), _obj);
@@ -87,9 +88,12 @@ var useStyles = createUseStyles(function(theme) {
                 return wordBreak ? "anywhere" : "inherit";
             },
             "@supports not (overflow-wrap: anywhere)": {
+                // "overflow-wrap: anywhere" is not supported in Safari
+                // "word-break: break-word" has the same effect as "word-break: normal" and "overflow-wrap: anywhere",
+                // regardless of the actual value of the overflow-wrap property.
                 wordBreak: function(param) {
                     var wordBreak = param.wordBreak;
-                    return wordBreak ? "break-all" : "inherit";
+                    return wordBreak ? "break-word" : "inherit";
                 }
             },
             // Needed to reset the default browser margin that adds to p, h1, h2... elements.
@@ -108,10 +112,11 @@ var useStyles = createUseStyles(function(theme) {
             "-webkit-line-clamp": lineClamp,
             lineClamp: lineClamp,
             wordBreak: function(param) {
-                var wordBreak = param.wordBreak;
-                return wordBreak ? "break-all" : "normal";
+                var truncate = param.truncate;
+                return truncate === 1 || truncate === true ? "break-all" : "break-word";
             },
             "@supports (overflow-wrap: anywhere)": {
+                overflowWrap: "anywhere",
                 wordBreak: function(param) {
                     var truncate = param.truncate;
                     return truncate === 1 || truncate === true ? "break-all" : "normal";
@@ -186,8 +191,8 @@ export var Text8 = function(props) {
     return /*#__PURE__*/ _jsx(Text, _objectSpread({
         mobileSize: 32,
         mobileLineHeight: "40px",
-        desktopSize: 40,
-        desktopLineHeight: "48px",
+        desktopSize: 48,
+        desktopLineHeight: "56px",
         weight: textPresets.text8.weight
     }, props, {
         children: props.children

package/dist-es/tooltip.js

@@ -120,7 +120,7 @@ var useStyles = createUseStyles(function(theme) {
     return {
         arrow: {
             position: "absolute",
-            backgroundColor: theme.colors.background,
+            backgroundColor: theme.colors.backgroundContainer,
             width: arrowSize,
             height: arrowSize,
             top: 0,
@@ -162,7 +162,7 @@ var useStyles = createUseStyles(function(theme) {
         },
         arrowWrapper: {
             position: "absolute",
-            color: theme.colors.background,
+            color: theme.colors.backgroundContainer,
             width: arrowWrapperWidth,
             height: arrowWrapperHeight,
             overflow: "hidden"
@@ -176,10 +176,10 @@ var useStyles = createUseStyles(function(theme) {
             width: "auto",
             boxShadow: "0 2px 4px 0 rgba(0, 0, 0, ".concat(shadowAlpha, ")"),
             padding: 16,
-            backgroundColor: theme.colors.background,
+            backgroundColor: theme.colors.backgroundContainer,
             zIndex: 12,
             border: "1px solid ".concat(theme.colors.divider),
-            borderRadius: 2
+            borderRadius: 8
         },
         title: {
             margin: 0,

package/dist-es/video.js

@@ -193,7 +193,7 @@ var Video = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     }, getPrefixedDataAttributes(dataAttributes), {
         style: {
             // For some reason adding this style with JSS doesn't add the border radius in safari
-            borderRadius: noBorderRadius ? 0 : 4
+            borderRadius: noBorderRadius ? 0 : 8
         },
         children: sources.map(function(param, index) {
             var src = param.src, type = param.type;
@@ -212,7 +212,7 @@ var Video = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
                 backgroundImage: poster ? 'url("'.concat(poster, '")') : undefined,
                 backgroundSize: "cover",
                 backgroundPosition: "50% 50%",
-                borderRadius: noBorderRadius ? 0 : 4
+                borderRadius: noBorderRadius ? 0 : 8
             },
             className: classes.wrapper,
             children: video1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "11.12.1",
+    "version": "12.1.0",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -10,9 +10,9 @@
     "main": "dist/index.js",
     "module": "dist-es/index.js",
     "files": [
-        "dist/*",
-        "dist-es/*",
-        "css/*"
+        "dist/**",
+        "dist-es/**",
+        "css/**"
     ],
     "scripts": {
         "test": "jest --config jest.unit.config.js",

package/dist/generated/mistica-icons/icon-accesibility-filled.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import type { IconProps } from '../../utils/types';
-declare const IconAccesibilityFilled: React.FC<IconProps>;
-export default IconAccesibilityFilled;

package/dist/generated/mistica-icons/icon-accesibility-filled.js.flow

@@ -1,6 +0,0 @@
-// @flow
-
-import * as React from "react";
-import type { IconProps } from "../../utils/types";
-declare var IconAccesibilityFilled: React.ComponentType<IconProps>;
-declare export default typeof IconAccesibilityFilled;

package/dist/generated/mistica-icons/icon-accesibility-light.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import type { IconProps } from '../../utils/types';
-declare const IconAccesibilityLight: React.FC<IconProps>;
-export default IconAccesibilityLight;

package/dist/generated/mistica-icons/icon-accesibility-light.js.flow

@@ -1,6 +0,0 @@
-// @flow
-
-import * as React from "react";
-import type { IconProps } from "../../utils/types";
-declare var IconAccesibilityLight: React.ComponentType<IconProps>;
-declare export default typeof IconAccesibilityLight;

package/dist/generated/mistica-icons/icon-accesibility-regular.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import type { IconProps } from '../../utils/types';
-declare const IconAccesibilityRegular: React.FC<IconProps>;
-export default IconAccesibilityRegular;

package/dist/generated/mistica-icons/icon-accesibility-regular.js.flow

@@ -1,6 +0,0 @@
-// @flow
-
-import * as React from "react";
-import type { IconProps } from "../../utils/types";
-declare var IconAccesibilityRegular: React.ComponentType<IconProps>;
-declare export default typeof IconAccesibilityRegular;

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

@@ -1,4 +0,0 @@
-import * as React from 'react';
-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

@@ -1,115 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var React = _interopRequireWildcard(require("react"));
-var _hooks = require("../../hooks");
-var _themeVariantContext = require("../../theme-variant-context");
-function _interopRequireWildcard(obj) {
-    if (obj && obj.__esModule) {
-        return obj;
-    } else {
-        var newObj = {};
-        if (obj != null) {
-            for(var key in obj){
-                if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
-                    if (desc.get || desc.set) {
-                        Object.defineProperty(newObj, key, desc);
-                    } else {
-                        newObj[key] = obj[key];
-                    }
-                }
-            }
-        }
-        newObj.default = obj;
-        return newObj;
-    }
-}
-function _defineProperty(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _objectSpread(target) {
-    var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
-        });
-    };
-    for(var i = 1; i < arguments.length; i++)_loop(i);
-    return target;
-}
-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 colors = (0, _hooks).useTheme().colors;
-    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
-    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return /*#__PURE__*/ (0, _jsxRuntime).jsxs("svg", _objectSpread({
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, rest, {
-        children: [
-            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M16.48 3.557C15.41 2.524 13.856 2 11.864 2c-1.79 0-3.232.423-4.283 1.26-1.1.877-1.756 2.188-1.952 3.894a.56.56 0 001.112.129c.16-1.403.678-2.46 1.535-3.146.846-.672 2.053-1.017 3.582-1.017 1.692 0 2.984.418 3.84 1.244.889.852 1.337 2.174 1.34 3.927l-.009.544v.008c0 .185-.03.431-.17.574-.113.112-.3.168-.552.168h-2.53c-.157-.232-.428-.367-.781-.367-.577 0-.939.359-.939.933 0 .283.084.513.247.678.162.165.403.255.689.255.286 0 .527-.087.689-.255a.695.695 0 00.098-.123h2.518c.56 0 1.011-.165 1.34-.49.327-.325.503-.799.503-1.364l.009-.544V8.3c.008-2.076-.558-3.67-1.67-4.743zm3.846 18.138H3.393a.562.562 0 01-.56-.56v-1.64c0-1.565.49-2.904 1.42-3.87 1.012-1.05 2.513-1.605 4.34-1.605h6.534c1.827 0 3.328.554 4.34 1.605.93.966 1.42 2.305 1.42 3.87v1.64c0 .31-.25.56-.56.56z",
-                fill: fillColor
-            }),
-            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M11.906 11.221c.274.278.65.423 1.09.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.401 2.837 0 4.4 1.563 4.4 4.4 0 .149-.005.294-.014.437h-2.23c-.263-.238-.619-.367-1.03-.367-.437 0-.807.143-1.082.415-.274.271-.417.644-.417 1.078 0 .429.143.799.409 1.07z",
-                fill: fillColor
-            })
-        ]
-    }));
-};
-var _default = IconCallCenterUserSupportFilled;
-exports.default = _default;

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

@@ -1,6 +0,0 @@
-// @flow
-
-import * as React from "react";
-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

@@ -1,4 +0,0 @@
-import * as React from 'react';
-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

@@ -1,109 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var React = _interopRequireWildcard(require("react"));
-var _hooks = require("../../hooks");
-var _themeVariantContext = require("../../theme-variant-context");
-function _interopRequireWildcard(obj) {
-    if (obj && obj.__esModule) {
-        return obj;
-    } else {
-        var newObj = {};
-        if (obj != null) {
-            for(var key in obj){
-                if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
-                    if (desc.get || desc.set) {
-                        Object.defineProperty(newObj, key, desc);
-                    } else {
-                        newObj[key] = obj[key];
-                    }
-                }
-            }
-        }
-        newObj.default = obj;
-        return newObj;
-    }
-}
-function _defineProperty(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _objectSpread(target) {
-    var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
-        });
-    };
-    for(var i = 1; i < arguments.length; i++)_loop(i);
-    return target;
-}
-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 colors = (0, _hooks).useTheme().colors;
-    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
-    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", _objectSpread({
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, rest, {
-        children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-            d: "M16.41 10.302h-.365a3.471 3.471 0 01-.798 1.196c-.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.166 1.863 1.166 3.316 0 .574-.061 1.094-.183 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.199 1.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.409zm-1.623-.56h.862c.135-.454.203-.975.203-1.56 0-1.297-.336-2.278-.994-2.914-.636-.616-1.594-.927-2.843-.927-1.25 0-2.205.311-2.843.927-.662.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-.793h-.642a.524.524 0 01-.124.204c-.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.118.61.367zM3.53 21.834h16.933a.28.28 0 00.28-.28v-1.639c0-1.493-.462-2.764-1.342-3.677-.958-.995-2.39-1.521-4.137-1.521H8.729c-1.75 0-3.18.526-4.137 1.52-.877.914-1.342 2.185-1.342 3.678v1.639c0 .154.126.28.28.28zm.28-.56v-1.359c0-1.344.41-2.481 1.185-3.288.863-.894 2.118-1.347 3.734-1.347h6.535c1.616 0 2.871.453 3.734 1.347.776.807 1.185 1.944 1.185 3.288v1.359H3.81z",
-            fill: fillColor
-        })
-    }));
-};
-var _default = IconCallCenterUserSupportLight;
-exports.default = _default;

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

@@ -1,6 +0,0 @@
-// @flow
-
-import * as React from "react";
-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

@@ -1,4 +0,0 @@
-import * as React from 'react';
-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

@@ -1,109 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var React = _interopRequireWildcard(require("react"));
-var _hooks = require("../../hooks");
-var _themeVariantContext = require("../../theme-variant-context");
-function _interopRequireWildcard(obj) {
-    if (obj && obj.__esModule) {
-        return obj;
-    } else {
-        var newObj = {};
-        if (obj != null) {
-            for(var key in obj){
-                if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
-                    if (desc.get || desc.set) {
-                        Object.defineProperty(newObj, key, desc);
-                    } else {
-                        newObj[key] = obj[key];
-                    }
-                }
-            }
-        }
-        newObj.default = obj;
-        return newObj;
-    }
-}
-function _defineProperty(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _objectSpread(target) {
-    var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
-        });
-    };
-    for(var i = 1; i < arguments.length; i++)_loop(i);
-    return target;
-}
-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 colors = (0, _hooks).useTheme().colors;
-    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
-    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", _objectSpread({
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, rest, {
-        children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-            d: "M16.556 10.686h1.68a.75.75 0 00.75-.75c0-.157-.003-1.332-.01-1.484C18.807 4.259 16.33 1.95 12 1.95c-4.505 0-6.987 2.48-6.987 6.985a.75.75 0 001.5 0C6.513 5.244 8.308 3.45 12 3.45c3.548 0 5.34 1.656 5.478 5.061.002.071.004.368.006.675h-.711a6.93 6.93 0 00.004-.251c0-3.081-1.696-4.777-4.777-4.777-3.081 0-4.777 1.696-4.777 4.777 0 3.08 1.696 4.779 4.777 4.779 2.435 0 4.005-1.061 4.556-3.028zm-1.284-1.5H14.21c-.19-.456-.609-.672-1.21-.672-.84 0-1.324.42-1.324 1.324 0 .904.485 1.325 1.324 1.325.508 0 .886-.154 1.106-.477h.861c-.457 1.035-1.43 1.528-2.967 1.528-2.236 0-3.277-1.042-3.277-3.28 0-2.235 1.04-3.276 3.277-3.276 2.236 0 3.277 1.04 3.277 3.277 0 .085-.002.169-.005.251zM4.034 22.057H19.97a.75.75 0 00.74-.63c.016-.094.355-2.324-1.273-4.237-1.46-1.715-3.97-2.585-7.458-2.585s-5.991.87-7.44 2.585c-1.617 1.915-1.261 4.148-1.244 4.242a.75.75 0 00.739.625zm15.21-1.5H4.754A4.022 4.022 0 015.7 18.14c1.155-1.35 3.266-2.034 6.278-2.034 3.014 0 5.134.686 6.299 2.04.74.857.93 1.806.967 2.412z",
-            fill: fillColor
-        })
-    }));
-};
-var _default = IconCallCenterUserSupportRegular;
-exports.default = _default;

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

@@ -1,6 +0,0 @@
-// @flow
-
-import * as React from "react";
-import type { IconProps } from "../../utils/types";
-declare var IconCallCenterUserSupportRegular: React.ComponentType<IconProps>;
-declare export default typeof IconCallCenterUserSupportRegular;

package/dist/generated/mistica-icons/icon-multideviceo-filled.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import type { IconProps } from '../../utils/types';
-declare const IconMultideviceoFilled: React.FC<IconProps>;
-export default IconMultideviceoFilled;

package/dist/generated/mistica-icons/icon-multideviceo-filled.js.flow

@@ -1,6 +0,0 @@
-// @flow
-
-import * as React from "react";
-import type { IconProps } from "../../utils/types";
-declare var IconMultideviceoFilled: React.ComponentType<IconProps>;
-declare export default typeof IconMultideviceoFilled;

package/dist/generated/mistica-icons/icon-multideviceo-regular.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import type { IconProps } from '../../utils/types';
-declare const IconMultideviceoRegular: React.FC<IconProps>;
-export default IconMultideviceoRegular;

package/dist/generated/mistica-icons/icon-multideviceo-regular.js.flow

@@ -1,6 +0,0 @@
-// @flow
-
-import * as React from "react";
-import type { IconProps } from "../../utils/types";
-declare var IconMultideviceoRegular: React.ComponentType<IconProps>;
-declare export default typeof IconMultideviceoRegular;

package/dist/generated/mistica-icons/icon-rewards-filled.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import type { IconProps } from '../../utils/types';
-declare const IconRewardsFilled: React.FC<IconProps>;
-export default IconRewardsFilled;

package/dist/generated/mistica-icons/icon-rewards-filled.js.flow

@@ -1,6 +0,0 @@
-// @flow
-
-import * as React from "react";
-import type { IconProps } from "../../utils/types";
-declare var IconRewardsFilled: React.ComponentType<IconProps>;
-declare export default typeof IconRewardsFilled;

package/dist/generated/mistica-icons/icon-rewards-light.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import type { IconProps } from '../../utils/types';
-declare const IconRewardsLight: React.FC<IconProps>;
-export default IconRewardsLight;