@telefonica/mistica 12.0.0 → 12.2.0

package/dist/dialog.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface DialogProps {
+interface BaseDialogProps {
     className?: string;
     title?: string;
     icon?: React.ReactElement;
@@ -11,11 +11,24 @@ interface DialogProps {
     showCancel?: boolean;
     destructive?: boolean;
 }
+interface AlertProps extends BaseDialogProps {
+    extra?: undefined;
+    forceWeb?: undefined;
+}
+interface ConfirmProps extends BaseDialogProps {
+    extra?: undefined;
+    forceWeb?: undefined;
+}
+interface ExtendedDialogProps extends BaseDialogProps {
+    extra: React.ReactNode;
+    forceWeb?: boolean;
+}
+declare type DialogProps = AlertProps | ConfirmProps | ExtendedDialogProps;
 declare type DialogRootProps = {
     children?: React.ReactNode;
 };
 declare type DialogRootState = {
-    dialogProps: DialogProps | null;
+    dialogProps: BaseDialogProps | null;
     isClosing: boolean;
     instanceNumber: number;
 };
@@ -35,9 +48,13 @@ export default class DialogRoot extends React.Component<DialogRootProps, DialogR
 /**
  * Shows alert dialog with supplied props
  */
-export declare const alert: (props: DialogProps) => void;
+export declare const alert: (props: AlertProps) => void;
 /**
  * Shows confirm dialog with supplied props
  */
-export declare const confirm: (props: DialogProps) => void;
+export declare const confirm: (props: ConfirmProps) => void;
+/**
+ * Shows dialog with supplied props
+ */
+export declare const dialog: (props: ExtendedDialogProps) => void;
 export {};

package/dist/dialog.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.confirm = exports.alert = exports.default = void 0;
+exports.dialog = exports.confirm = exports.alert = exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var React = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -21,6 +21,7 @@ var _keyCodes = require("./utils/key-codes");
 var _box = _interopRequireDefault(require("./box"));
 var _platform = require("./utils/platform");
 var _modalContextProvider = require("./modal-context-provider");
+var _stack = _interopRequireDefault(require("./stack"));
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -270,7 +271,7 @@ var useDialogStyles = (0, _jss).createUseStyles(function(theme) {
 });
 var Dialog = function Dialog(props) {
     var ref = (0, _hooks).useTheme(), texts = ref.texts, colors = ref.colors;
-    var className = props.className, title = props.title, message = props.message, icon = props.icon, _cancelText = props.cancelText, cancelText = _cancelText === void 0 ? texts.dialogCancelButton : _cancelText, _acceptText = props.acceptText, acceptText = _acceptText === void 0 ? texts.dialogAcceptButton : _acceptText, handleCancel = props.onCancel, handleAccept = props.onAccept, _showCancel = props.showCancel, showCancel = _showCancel === void 0 ? false : _showCancel, _destructive = props.destructive, destructive = _destructive === void 0 ? false : _destructive;
+    var className = props.className, title = props.title, message = props.message, icon = props.icon, extra = props.extra, _cancelText = props.cancelText, cancelText = _cancelText === void 0 ? texts.dialogCancelButton : _cancelText, _acceptText = props.acceptText, acceptText = _acceptText === void 0 ? texts.dialogAcceptButton : _acceptText, handleCancel = props.onCancel, handleAccept = props.onAccept, _showCancel = props.showCancel, showCancel = _showCancel === void 0 ? false : _showCancel, _destructive = props.destructive, destructive = _destructive === void 0 ? false : _destructive;
     var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
     var withSecondaryButton = showCancel && !!handleCancel;
     var classes = useDialogStyles({
@@ -299,10 +300,16 @@ var Dialog = function Dialog(props) {
             }),
             /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                 className: classes.dialogContent,
-                children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
-                    color: colors.textSecondary,
-                    light: true,
-                    children: message
+                children: /*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
+                    space: 16,
+                    children: [
+                        /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
+                            color: colors.textSecondary,
+                            light: true,
+                            children: message
+                        }),
+                        extra
+                    ]
                 })
             }),
             /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
@@ -372,6 +379,19 @@ var useNativeDialog = function useNativeDialog(param) {
         renderNative
     ]);
 };
+var NativeModalDialog = function NativeModalDialog(props) {
+    useNativeDialog({
+        renderNative: true,
+        acceptText: props.acceptText || props.dialogAcceptButton,
+        cancelText: props.cancelText || props.dialogCancelButton,
+        showCancel: props.showCancel,
+        message: props.message,
+        title: props.title,
+        onAccept: props.onAccept,
+        onCancel: props.onCancel
+    });
+    return null;
+};
 var ModalDialog = function ModalDialog(props) {
     var platformOverrides = (0, _hooks).useTheme().platformOverrides;
     var context = React.useContext(_themeContext.default);
@@ -383,7 +403,7 @@ var ModalDialog = function ModalDialog(props) {
     if (!context) {
         throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
     }
-    var renderNative = (0, _webviewBridge).isWebViewBridgeAvailable();
+    var renderNative = !props.forceWeb && (0, _webviewBridge).isWebViewBridgeAvailable();
     var onAccept = props.onAccept, isClosing = props.isClosing, onCancel = props.onCancel, onCloseTransitionEnd = props.onCloseTransitionEnd, dialogProps = _objectWithoutProperties(props, [
         "onAccept",
         "isClosing",
@@ -427,16 +447,6 @@ var ModalDialog = function ModalDialog(props) {
     }, [
         handleKeyDown
     ]);
-    useNativeDialog({
-        renderNative: renderNative,
-        acceptText: props.acceptText || context.texts.dialogAcceptButton,
-        cancelText: props.cancelText || context.texts.dialogCancelButton,
-        showCancel: props.showCancel,
-        message: props.message,
-        title: props.title,
-        onAccept: props.onAccept,
-        onCancel: props.onCancel
-    });
     React.useEffect(function() {
         if (!animationsSupported(platformOverrides)) {
             addKeyDownListener();
@@ -468,7 +478,10 @@ var ModalDialog = function ModalDialog(props) {
         setModalState
     ]);
     var _modalClose;
-    /* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-static-element-interactions */ return renderNative ? null : /*#__PURE__*/ (0, _jsxRuntime).jsx(_portal.Portal, {
+    /* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-static-element-interactions */ return renderNative ? /*#__PURE__*/ (0, _jsxRuntime).jsx(NativeModalDialog, _objectSpread({}, props, {
+        dialogAcceptButton: context.texts.dialogAcceptButton,
+        dialogCancelButton: context.texts.dialogCancelButton
+    })) : /*#__PURE__*/ (0, _jsxRuntime).jsx(_portal.Portal, {
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
             className: classes.wrapper,
             children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_focusTrap.default, {
@@ -606,13 +619,13 @@ var DialogRoot = /*#__PURE__*/ function(_Component) {
     };
     _proto.render = function render() {
         var _state = this.state, isClosing = _state.isClosing, dialogProps = _state.dialogProps;
-        var dialog = null;
+        var dialog1 = null;
         if (dialogProps && this.state.instanceNumber === 1) {
             var onCancel = dialogProps.onCancel, onAccept = dialogProps.onAccept, rest = _objectWithoutProperties(dialogProps, [
                 "onCancel",
                 "onAccept"
             ]);
-            dialog = /*#__PURE__*/ (0, _jsxRuntime).jsx(ModalDialog, _objectSpread({
+            dialog1 = /*#__PURE__*/ (0, _jsxRuntime).jsx(ModalDialog, _objectSpread({
                 onCancel: this.createCancelHandler(onCancel),
                 onAccept: this.createAcceptHandler(onAccept),
                 isClosing: isClosing,
@@ -622,25 +635,37 @@ var DialogRoot = /*#__PURE__*/ function(_Component) {
         return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_jsxRuntime.Fragment, {
             children: [
                 this.props.children,
-                dialog
+                dialog1
             ]
         });
     };
     return DialogRoot1;
 }(React.Component);
 exports.default = DialogRoot;
-var showDialog = function showDialog() {
-    var showCancel = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+var showDialog = function showDialog(param) {
+    var showCancel = param.showCancel, forceWeb = param.forceWeb;
     return function(props) {
         if (!dialogInstance) {
             throw Error("Tried to show a dialog but the DialogRoot component was not mounted (mount <ThemeContextProvider>)");
         }
         dialogInstance.show(_objectSpread({
-            showCancel: showCancel
+            showCancel: showCancel,
+            forceWeb: forceWeb
         }, props));
     };
 };
-var alert = showDialog(false);
+var alert = showDialog({
+    showCancel: false,
+    forceWeb: false
+});
 exports.alert = alert;
-var confirm = showDialog(true);
+var confirm = showDialog({
+    showCancel: true,
+    forceWeb: false
+});
 exports.confirm = confirm;
+var dialog = showDialog({
+    showCancel: false,
+    forceWeb: true
+});
+exports.dialog = dialog;

package/dist/dialog.js.flow

@@ -1,7 +1,7 @@
 // @flow
 
 import * as React from "react";
-declare type DialogProps = {
+declare type BaseDialogProps = {
   className?: string,
   title?: string,
   icon?: React.Element<any>,
@@ -13,11 +13,20 @@ declare type DialogProps = {
   showCancel?: boolean,
   destructive?: boolean,
 };
+declare type AlertProps = { ...$Exact<BaseDialogProps> };
+declare type ConfirmProps = { ...$Exact<BaseDialogProps> };
+declare type ExtendedDialogProps = {
+  ...$Exact<BaseDialogProps>,
+
+  extra: React.Node,
+  forceWeb?: boolean,
+};
+declare type DialogProps = AlertProps | ConfirmProps | ExtendedDialogProps;
 declare type DialogRootProps = {
   children?: React.Node,
 };
 declare type DialogRootState = {
-  dialogProps: DialogProps | null,
+  dialogProps: BaseDialogProps | null,
   isClosing: boolean,
   instanceNumber: number,
 };
@@ -39,9 +48,13 @@ declare export default class DialogRoot
 /**
  * Shows alert dialog with supplied props
  */
-declare export var alert: (props: DialogProps) => void;
+declare export var alert: (props: AlertProps) => void;
 /**
  * Shows confirm dialog with supplied props
  */
-declare export var confirm: (props: DialogProps) => void;
+declare export var confirm: (props: ConfirmProps) => void;
+/**
+ * Shows dialog with supplied props
+ */
+declare export var dialog: (props: ExtendedDialogProps) => void;
 declare export {};

package/dist/generated/mistica-icons/icon-gift-light.js

@@ -101,7 +101,7 @@ var IconGiftLight = function IconGiftLight(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M19.675 21.242H12.19v-8.677h7.107v4.53c0 .207.167.376.373.376a.376.376 0 00.374-.377V10.3a1.883 1.883 0 00-1.872-1.888h-1.006a3.589 3.589 0 001.379-2.83C18.545 3.609 16.95 2 14.992 2c-1.686 0-3.099 1.193-3.463 2.786a2.599 2.599 0 00-1.963-.898 2.632 2.632 0 00-2.62 2.641c0 .739.302 1.405.79 1.888H5.453c-1.03 0-1.872.845-1.872 1.888v11.318c0 .208.168.377.374.377h15.712a.376.376 0 00.373-.377.372.372 0 00-.364-.381zM12.19 5.588c0-1.56 1.26-2.83 2.806-2.83 1.547 0 2.807 1.27 2.807 2.83s-1.26 2.83-2.807 2.83H12.19v-2.83zm5.986 3.582c.618 0 1.12.507 1.12 1.13v1.507H12.19V9.17h5.986zm-6.733 12.072H4.337v-8.677h7.106v8.677zm-7.106-9.43v-1.507c0-.623.503-1.13 1.12-1.13h5.986v2.637H4.337zm7.106-3.395H9.571A1.883 1.883 0 017.698 6.53a1.88 1.88 0 011.873-1.888 1.88 1.88 0 011.872 1.888v1.888zm8.232 11.69a.751.751 0 00.747-.753.751.751 0 00-.747-.753.751.751 0 00-.747.753.75.75 0 00.747.753z",
+                d: "M19.675 21.242H12.19v-8.677h7.107v4.53c0 .207.167.376.373.376a.376.376 0 00.374-.377V10.3a1.883 1.883 0 00-1.873-1.888h-1.005a3.589 3.589 0 001.379-2.83C18.545 3.609 16.95 2 14.992 2c-1.686 0-3.099 1.193-3.463 2.786a2.599 2.599 0 00-1.963-.898 2.632 2.632 0 00-2.62 2.641c0 .739.302 1.405.79 1.888H5.453c-1.03 0-1.872.845-1.872 1.888v11.318c0 .208.168.377.374.377h15.712a.376.376 0 00.373-.377.372.372 0 00-.364-.381zM12.19 5.588c0-1.56 1.26-2.83 2.806-2.83 1.547 0 2.807 1.27 2.807 2.83s-1.26 2.83-2.807 2.83H12.19v-2.83zm5.986 3.582c.618 0 1.12.507 1.12 1.13v1.507H12.19V9.17h5.986zm-6.733 12.072H4.337v-8.677h7.106v8.677zm-7.106-9.43v-1.507c0-.623.502-1.13 1.12-1.13h5.986v2.637H4.337zm7.106-3.395H9.571A1.883 1.883 0 017.698 6.53a1.88 1.88 0 011.873-1.888 1.88 1.88 0 011.872 1.888v1.888zm8.232 11.69a.751.751 0 00.747-.753.751.751 0 00-.747-.753.751.751 0 00-.747.753.75.75 0 00.747.753z",
                 fill: fillColor
             })
         }));

package/dist/generated/mistica-icons/icon-hand-snap-filled.js

@@ -100,7 +100,7 @@ var IconHandSnapFilled = function IconHandSnapFilled(_param) {
         role: "presentation"
     }, rest, {
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-            d: "M9.222 2.716v3.587a.707.707 0 01-.695.717.707.707 0 01-.694-.717V2.716c0-.395.312-.716.694-.716.383 0 .695.321.695.716zm10.972 14.751c.325-.34.507-.79.507-1.267 0-.482-.182-.933-.516-1.277-.28-.29-.641-.46-1.029-.505a1.833 1.833 0 00-.2-2.283 1.698 1.698 0 00-1.029-.505 1.834 1.834 0 00-.2-2.282 1.703 1.703 0 00-.989-.5l2.467-2.545a1.836 1.836 0 000-2.535 1.704 1.704 0 00-2.458 0L9.13 11.63 6.403 8.82a1.672 1.672 0 00-2.422 0 1.77 1.77 0 00-.503 1.249c0 .473.178.914.503 1.249l1.79 1.846a5.5 5.5 0 011.434 2.723l.254 1.236a6.21 6.21 0 001.62 3.081 5.882 5.882 0 003.901 1.791h.008l.02.001c.039.001.111.004.213.004.69 0 2.694-.12 3.922-1.428a3.225 3.225 0 01.235-.217c.055-.049.111-.098.162-.15l2.654-2.738zM6.929 6.157a.734.734 0 010 1.014.685.685 0 01-.49.211.667.667 0 01-.49-.21L3.514 4.658a.734.734 0 010-1.015.681.681 0 01.984 0l2.43 2.512zm4.177 1.014L13.54 4.66a.734.734 0 000-1.015.681.681 0 00-.984 0L10.12 6.157a.734.734 0 000 1.015.667.667 0 00.49.211.703.703 0 00.495-.21z",
+            d: "M9.222 2.716v3.587a.707.707 0 01-.695.717.707.707 0 01-.694-.717V2.716c0-.395.311-.716.694-.716.383 0 .695.321.695.716zm10.972 14.751c.325-.34.507-.79.507-1.267 0-.482-.182-.933-.516-1.277a1.69 1.69 0 00-1.029-.505 1.834 1.834 0 00-.2-2.283 1.7 1.7 0 00-1.029-.505 1.834 1.834 0 00-.2-2.282 1.703 1.703 0 00-.989-.5l2.467-2.545a1.836 1.836 0 000-2.535 1.704 1.704 0 00-2.458 0L9.128 11.63 6.403 8.82a1.672 1.672 0 00-2.422 0 1.77 1.77 0 00-.503 1.249c0 .473.178.914.503 1.249l1.79 1.846a5.5 5.5 0 011.434 2.723l.254 1.236a6.21 6.21 0 001.62 3.081 5.882 5.882 0 003.901 1.791h.008l.02.001c.038.001.111.004.213.004.69 0 2.693-.12 3.922-1.428a8.106 8.106 0 01.235-.216c.055-.05.11-.1.162-.152l2.654-2.737zM6.928 6.157a.734.734 0 010 1.014.685.685 0 01-.49.211.667.667 0 01-.49-.21L3.514 4.658a.734.734 0 010-1.015.681.681 0 01.984 0l2.43 2.512zm4.176 1.014l2.436-2.512a.734.734 0 000-1.015.681.681 0 00-.984 0L10.12 6.156a.734.734 0 000 1.015.667.667 0 00.49.211.703.703 0 00.494-.21z",
             fill: fillColor
         })
     }));

package/dist/generated/mistica-icons/icon-intranet-light.js

@@ -102,7 +102,7 @@ var IconIntranetLight = function IconIntranetLight(_param) {
         }, rest, {
             children: [
                 /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                    d: "M2 12C2 6.5 6.5 2 12 2s10 4.5 10 10a9.871 9.871 0 01-1.572 5.356c-.104.18-.32.216-.5.108-.18-.104-.216-.32-.108-.5a9.588 9.588 0 001.428-4.608H17.32c-.036 3.824-1.216 7.036-2.928 8.608.892-.252 1.752-.608 2.536-1.108.176-.108.392-.072.5.108.108.176.072.392-.108.5A9.925 9.925 0 0112 22C6.5 22 2 17.5 2 12zm5.464-5.356c.5-1.536 1.248-2.784 2.144-3.608C5.752 4.072 2.856 7.5 2.716 11.644h3.928c0-.536.036-1.036.108-1.536a1.823 1.823 0 01-1.18-1.68c0-1 .784-1.784 1.784-1.784h.108zm.964 1.784c0 .608-.464 1.072-1.072 1.072a1.055 1.055 0 01-1.072-1.072c0-.608.464-1.072 1.072-1.072a1.057 1.057 0 011.072 1.072zM6.64 12.356H2.716c.14 4.144 3.036 7.572 6.888 8.608-1.712-1.572-2.892-4.788-2.964-8.608zm5.004 8.928v-8.928H7.36c.104 4.716 1.96 8.572 4.284 8.928zm-4.284-9.64h4.284l.004-8.924c-1.428.212-2.712 1.856-3.464 4.14.568.288.964.892.964 1.572 0 .96-.752 1.748-1.68 1.784a9.186 9.186 0 00-.108 1.428zm4.996 9.64c2.32-.356 4.18-4.216 4.284-8.928h-4.284v8.928zm0-18.568v8.928h4.284c-.104-4.716-1.96-8.572-4.284-8.928zm5 8.928h3.928c-.144-4.144-3.036-7.572-6.892-8.608 1.712 1.572 2.892 4.788 2.964 8.608z",
+                    d: "M2 12C2 6.5 6.5 2 12 2s10 4.5 10 10a9.871 9.871 0 01-1.572 5.356c-.104.18-.32.216-.5.108-.18-.104-.216-.32-.108-.5a9.588 9.588 0 001.428-4.608H17.32c-.036 3.824-1.216 7.036-2.928 8.608.892-.252 1.752-.608 2.536-1.108.176-.108.392-.072.5.108.108.176.072.392-.108.5A9.925 9.925 0 0112 22C6.5 22 2 17.5 2 12zm5.464-5.356c.5-1.536 1.248-2.784 2.144-3.608C5.752 4.072 2.856 7.5 2.716 11.644h3.928c0-.536.036-1.036.108-1.536a1.823 1.823 0 01-1.18-1.68c0-1 .784-1.784 1.784-1.784h.108zm.964 1.784c0-.608-.468-1.068-1.072-1.072-.608 0-1.072.464-1.072 1.072 0 .608.468 1.072 1.072 1.072.608 0 1.072-.464 1.072-1.072zM6.64 12.356H2.716c.14 4.144 3.036 7.572 6.888 8.608-1.712-1.572-2.892-4.788-2.964-8.608zm5.004 8.928v-8.928H7.36c.104 4.716 1.96 8.572 4.284 8.928zm-4.284-9.64h4.284l.004-8.924c-1.428.212-2.712 1.856-3.464 4.14.568.288.964.892.964 1.572 0 .96-.752 1.748-1.68 1.784a9.186 9.186 0 00-.108 1.428zm4.996 9.64c2.32-.356 4.18-4.216 4.284-8.928h-4.284v8.928zm0-18.568v8.928h4.284c-.104-4.716-1.96-8.572-4.284-8.928zm5 8.928h3.928c-.144-4.144-3.036-7.572-6.892-8.608 1.712 1.572 2.892 4.788 2.964 8.608z",
                     fill: fillColor
                 }),
                 /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {

package/dist/generated/mistica-icons/icon-photo-camera-filled.js

@@ -90,26 +90,46 @@ var IconPhotoCameraFilled = function IconPhotoCameraFilled(_param) {
         "size",
         "children"
     ]);
-    var colors = (0, _hooks).useTheme().colors;
+    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__*/ (0, _jsxRuntime).jsxs("svg", _objectSpread({
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, rest, {
-        children: [
-            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M8.248 12.712a3.753 3.753 0 013.748-3.748 3.753 3.753 0 013.748 3.748 3.75 3.75 0 01-3.748 3.748 3.75 3.75 0 01-3.748-3.748z",
-                fill: fillColor
-            }),
-            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M17.648 6.288h2.204c1.18 0 2.144.96 2.144 2.144v10c0 1.184-.96 2.144-2.144 2.144H4.14a2.144 2.144 0 01-2.144-2.144v-10c0-1.184.96-2.144 2.144-2.144h2.2L8.992 3.64a.69.69 0 01.504-.212h5c.188 0 .372.076.508.212l2.644 2.648zM7.176 12.716c0 2.66 2.164 4.82 4.82 4.82s4.82-2.16 4.82-4.82-2.164-4.82-4.82-4.82a4.825 4.825 0 00-4.82 4.82z",
-                fill: fillColor
-            })
-        ]
-    }));
+    if (skinName.match(/^o2/i)) {
+        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: "M8.248 12.712a3.753 3.753 0 013.748-3.748 3.753 3.753 0 013.748 3.748 3.75 3.75 0 01-3.748 3.748 3.75 3.75 0 01-3.748-3.748z",
+                    fill: fillColor
+                }),
+                /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
+                    d: "M17.648 6.288h2.204c1.18 0 2.144.96 2.144 2.144v10c0 1.184-.96 2.144-2.144 2.144H4.14a2.144 2.144 0 01-2.144-2.144v-10c0-1.184.96-2.144 2.144-2.144h2.2L8.992 3.64a.69.69 0 01.504-.212h5c.188 0 .372.076.508.212l2.644 2.648zM7.176 12.716c0 2.66 2.164 4.82 4.82 4.82s4.82-2.16 4.82-4.82-2.164-4.82-4.82-4.82a4.825 4.825 0 00-4.82 4.82z",
+                    fill: fillColor
+                })
+            ]
+        }));
+    } else {
+        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: "M11.597 11.36h.806a1.327 1.327 0 011.329 1.33v.805a1.33 1.33 0 01-1.33 1.33h-.805a1.327 1.327 0 01-1.33-1.33v-.806a1.33 1.33 0 011.33-1.329z",
+                    fill: fillColor
+                }),
+                /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
+                    d: "M9.603 5.36a1.636 1.636 0 011.468-.913h1.69c.597 0 1.146.324 1.434.847l.722 1.313h5.345c.96 0 1.738.779 1.738 1.739v9.461c0 .96-.778 1.739-1.738 1.739H3.331A1.331 1.331 0 012 18.214V8.346c0-.96.778-1.739 1.738-1.739h5.25l.615-1.247zm1.994 4.773a2.556 2.556 0 00-2.556 2.556v.806a2.556 2.556 0 002.556 2.556h.806a2.556 2.556 0 002.556-2.556v-.806a2.556 2.556 0 00-2.556-2.556h-.806z",
+                    fill: fillColor
+                })
+            ]
+        }));
+    }
 };
 var _default = IconPhotoCameraFilled;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-photo-camera-light.js

@@ -90,26 +90,40 @@ var IconPhotoCameraLight = function IconPhotoCameraLight(_param) {
         "size",
         "children"
     ]);
-    var colors = (0, _hooks).useTheme().colors;
+    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__*/ (0, _jsxRuntime).jsxs("svg", _objectSpread({
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, rest, {
-        children: [
-            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M20.203 20.032h-.356a.357.357 0 010-.712h.356a1.07 1.07 0 001.067-1.067V8.258a1.07 1.07 0 00-1.067-1.068h-2.855a.344.344 0 01-.252-.104l-2.75-2.75H9.644l-2.75 2.742a.357.357 0 01-.252.104H3.787A1.07 1.07 0 002.72 8.25v9.995c0 .587.48 1.067 1.067 1.067h11.778a.357.357 0 010 .712H3.787A1.777 1.777 0 012 18.244v-9.99c0-.984.8-1.787 1.787-1.787h2.71l2.751-2.751a.357.357 0 01.252-.104h4.998c.096 0 .188.036.252.104l2.75 2.75h2.71c.984 0 1.788.8 1.788 1.788v9.995a1.8 1.8 0 01-1.795 1.783z",
-                fill: fillColor
-            }),
-            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M16.992 19.676c0 .392.32.712.712.712.392 0 .712-.32.712-.712a.713.713 0 00-.712-.712.708.708 0 00-.712.712zm-9.639-7.14a4.648 4.648 0 004.642 4.641 4.644 4.644 0 004.642-4.637 4.648 4.648 0 00-4.642-4.642 4.644 4.644 0 00-4.642 4.638zm.72-.005a3.926 3.926 0 013.922-3.922 3.923 3.923 0 013.922 3.922 3.926 3.926 0 01-3.922 3.923 3.926 3.926 0 01-3.922-3.923z",
+    if (skinName.match(/^o2/i)) {
+        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: "M20.203 20.032h-.356a.357.357 0 010-.712h.356a1.07 1.07 0 001.067-1.067V8.258a1.07 1.07 0 00-1.067-1.068h-2.855a.344.344 0 01-.252-.104l-2.75-2.75H9.644l-2.75 2.742a.357.357 0 01-.252.104H3.787A1.07 1.07 0 002.72 8.25v9.995c0 .587.48 1.067 1.067 1.067h11.778a.357.357 0 010 .712H3.787A1.777 1.777 0 012 18.244v-9.99c0-.984.8-1.787 1.787-1.787h2.71l2.751-2.751a.357.357 0 01.252-.104h4.998c.096 0 .188.036.252.104l2.75 2.75h2.71c.984 0 1.788.8 1.788 1.788v9.995a1.8 1.8 0 01-1.795 1.783z",
+                    fill: fillColor
+                }),
+                /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
+                    d: "M16.992 19.676c0 .392.32.712.712.712.392 0 .712-.32.712-.712a.713.713 0 00-.712-.712.708.708 0 00-.712.712zm-9.639-7.14a4.648 4.648 0 004.642 4.641 4.644 4.644 0 004.642-4.637 4.648 4.648 0 00-4.642-4.642 4.644 4.644 0 00-4.642 4.638zm.72-.005a3.926 3.926 0 013.922-3.922 3.923 3.923 0 013.922 3.922 3.926 3.926 0 01-3.922 3.923 3.926 3.926 0 01-3.922-3.923z",
+                    fill: fillColor
+                })
+            ]
+        }));
+    } else {
+        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: "M11.06 4.497c-.566 0-1.082.32-1.332.828l-.676 1.372h-5.46c-.877 0-1.587.71-1.587 1.587v10.049c0 .648.525 1.173 1.173 1.173h17.24c.877 0 1.588-.71 1.588-1.587V8.284c0-.876-.711-1.587-1.588-1.587h-5.55l-.788-1.432a1.484 1.484 0 00-1.3-.768h-1.72zm-.538 1.219a.598.598 0 01.537-.334h1.72c.22 0 .42.118.526.31l.913 1.66.126.23h6.074c.388 0 .703.314.703.702v9.635a.703.703 0 01-.703.702H3.178a.289.289 0 01-.288-.288V8.284c0-.388.314-.702.702-.702h6.011l.121-.247.798-1.62zm1.073 5.273c-.949 0-1.718.77-1.718 1.718v.82c0 .95.77 1.718 1.718 1.718h.82c.949 0 1.718-.769 1.718-1.717v-.82c0-.95-.77-1.719-1.718-1.719h-.82zm-2.603 1.718a2.603 2.603 0 012.603-2.602h.82a2.603 2.603 0 012.603 2.602v.82a2.603 2.603 0 01-2.603 2.603h-.82a2.603 2.603 0 01-2.603-2.602v-.82z",
                 fill: fillColor
             })
-        ]
-    }));
+        }));
+    }
 };
 var _default = IconPhotoCameraLight;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-process-loading-filled.js

@@ -113,7 +113,7 @@ var IconProcessLoadingFilled = function IconProcessLoadingFilled(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M2.155 12.001c0-6.443 3.403-9.846 9.84-9.846 6.443 0 9.846 3.403 9.846 9.846 0 6.437-3.406 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84zm10.49-4.174V4.802a.604.604 0 10-1.21 0v3.025a.604.604 0 101.21 0zm3.527 4.818h3.022a.604.604 0 100-1.21h-3.022a.604.604 0 100 1.21zm.459 4.902a.602.602 0 00.852-.003.604.604 0 000-.857l-2.138-2.137a.605.605 0 00-.854.854l2.14 2.143zM11.956 19.8a.604.604 0 00.605-.605V16.17a.604.604 0 10-1.21 0v3.025c0 .336.269.605.605.605zm-2.513-4.454a.6.6 0 000-.829.606.606 0 00-.854-.022L6.452 16.63a.605.605 0 00.854.854l2.137-2.14zm-4.641-3.994a.606.606 0 000 1.21h3.025a.604.604 0 100-1.21H4.802zm9.75-2.7a.608.608 0 00-.002.854.605.605 0 00.854 0l2.14-2.137a.605.605 0 00-.854-.854L14.552 8.65z",
+                d: "M2.155 12.001c0-6.443 3.403-9.846 9.84-9.846 6.443 0 9.846 3.403 9.846 9.846 0 6.437-3.406 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84zm10.49-4.174V4.802a.604.604 0 10-1.21 0v3.025a.604.604 0 101.21 0zm3.527 4.818h3.022a.604.604 0 100-1.21h-3.022a.604.604 0 100 1.21zm.46 4.902a.602.602 0 00.85-.003.604.604 0 000-.857l-2.136-2.137a.605.605 0 00-.855.854l2.14 2.143zM11.955 19.8a.604.604 0 00.605-.605V16.17a.604.604 0 10-1.21 0v3.025c0 .336.269.605.605.605zm-2.512-4.454a.6.6 0 000-.829.606.606 0 00-.855-.022L6.452 16.63a.605.605 0 00.854.854l2.138-2.14zm-4.642-3.994a.606.606 0 000 1.21h3.025a.604.604 0 100-1.21H4.802zm9.75-2.7a.608.608 0 00-.002.854.605.605 0 00.854 0l2.14-2.137a.605.605 0 00-.854-.854L14.553 8.65z",
                 fill: fillColor
             })
         }));

package/dist/generated/mistica-icons/icon-shield-cross-light.js

@@ -113,7 +113,7 @@ var IconShieldCrossLight = function IconShieldCrossLight(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M20.446 4.849a.433.433 0 01.162.31v.028c0 .53.006 6.763-.46 9.485-.615 3.583-7.677 6.983-7.98 7.126l-.005.003a.39.39 0 01-.339 0l-.009-.003c-.3-.143-7.352-3.543-7.969-7.126-.47-2.72-.465-8.954-.465-9.485V5.16a.428.428 0 01.157-.325.414.414 0 01.35-.082c1.738.282 2.681-.348 3.768-1.074l.02-.012c1.061-.712 2.263-1.516 4.316-1.516h.005c2.054.003 3.258.807 4.317 1.516l.01.006c1.088.728 2.031 1.36 3.772 1.083a.448.448 0 01.35.093zM11.58 3.006c-1.552.1-2.518.733-3.448 1.355-1.048.703-2.137 1.429-3.922 1.275.006 1.005.028 3.44.146 5.66h7.224v-8.29zm-6.916 11.52c.451 2.614 5.233 5.331 6.916 6.213v-8.605H4.41c.064.92.145 1.762.254 2.393zm7.745 6.213c1.684-.882 6.474-3.599 6.922-6.212.11-.628.19-1.474.252-2.393h-7.174v8.605zM19.78 5.63c-1.804.146-2.882-.571-3.924-1.266-.928-.622-1.894-1.258-3.446-1.356v8.289h7.227c.118-2.224.14-4.667.143-5.667z",
+                d: "M20.446 4.849a.433.433 0 01.162.31v.028c0 .53.006 6.763-.46 9.485-.615 3.583-7.677 6.983-7.98 7.126l-.005.003a.39.39 0 01-.339 0l-.009-.003c-.3-.143-7.352-3.543-7.969-7.126-.47-2.72-.465-8.954-.465-9.485V5.16a.428.428 0 01.157-.325.414.414 0 01.35-.082c1.738.282 2.681-.348 3.768-1.074l.02-.012c1.061-.712 2.263-1.516 4.316-1.516h.006c2.053.003 3.257.807 4.316 1.516l.01.006c1.088.728 2.031 1.36 3.772 1.083a.448.448 0 01.35.093zM11.58 3.006c-1.552.1-2.518.733-3.448 1.355-1.048.703-2.137 1.429-3.922 1.275.006 1.005.028 3.44.146 5.66h7.224v-8.29zm-6.916 11.52c.451 2.614 5.233 5.331 6.916 6.213v-8.605H4.41c.064.92.145 1.762.254 2.393zm7.745 6.213c1.684-.882 6.474-3.599 6.922-6.212.11-.628.19-1.474.252-2.393h-7.174v8.605zM19.78 5.63c-1.804.146-2.882-.571-3.924-1.266-.928-.622-1.894-1.258-3.446-1.356v8.289h7.227c.118-2.224.14-4.667.143-5.667z",
                 fill: fillColor
             })
         }));

package/dist/generated/mistica-icons/icon-shop-light.js

@@ -119,7 +119,7 @@ var IconShopLight = function IconShopLight(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M21.188 12.552c.798-.383 1.312-.999 1.312-1.715 0-.432-.191-.843-.556-1.195-.139-.223-.482-1.375-.664-1.984l-.017-.059c-.096-.33-.18-.61-.233-.765l-1.345-3.965c-.125-.372-.51-.624-.917-.619L5.22 2.286c-.415.003-.78.247-.911.613-.185.547-.457 1.36-.75 2.24-.592 1.778-1.405 4.211-1.51 4.436-.045.1-.105.189-.165.277l-.02.028-.004.006c-.16.238-.36.533-.36.951 0 .716.514 1.335 1.309 1.715V20.3c0 .799.726 1.45 1.62 1.45h15.143c.89 0 1.616-.651 1.616-1.45v-7.747zm.44-1.712c0 .708-1.067 1.307-2.331 1.307-.84-.003-1.623-.266-2.044-.7a.54.54 0 00-.383-.154h-.003l-.253.027-.129.13c-.418.428-1.201.692-2.04.692-.84 0-1.623-.264-2.042-.691a.537.537 0 00-.382-.159l-.257.026-.131.133c-.419.427-1.202.69-2.041.69-.849 0-1.635-.266-2.05-.699a.54.54 0 00-.392-.163l-.26.027-.131.136c-.415.43-1.201.7-2.05.7-1.264 0-2.33-.597-2.33-1.307 0-.178.083-.306.23-.522.095-.133.179-.272.25-.419.114-.247.712-2.028 1.542-4.517l.264-.788.483-1.44c.012-.03.045-.05.081-.05l13.545-.036c.036 0 .069.022.08.053L20.2 7.078c.051.147.132.419.224.735.505 1.698.685 2.187.879 2.375l.003.003c.146.141.323.366.323.65zm-1.315 2v7.46c.003.352-.332.638-.741.638h-4.766V15.99c0-.58-.526-1.052-1.174-1.052h-3.245c-.646 0-1.172.472-1.172 1.052v4.947h-4.79c-.409 0-.744-.289-.744-.641v-7.455c.323.07.66.116 1.02.116.955 0 1.84-.272 2.44-.738.601.466 1.489.738 2.442.738.95 0 1.831-.266 2.429-.727.6.46 1.48.727 2.426.727.947 0 1.829-.266 2.43-.727.6.458 1.479.727 2.426.727a4.833 4.833 0 001.019-.116zm-6.383 8.097h-3.836V15.99c0-.133.134-.242.298-.242h3.24c.164 0 .298.109.298.242v4.947z",
+                d: "M21.188 12.552c.798-.383 1.312-.999 1.312-1.715 0-.432-.191-.843-.556-1.195-.139-.223-.482-1.375-.664-1.984l-.017-.059c-.096-.33-.18-.61-.233-.765l-1.345-3.965c-.125-.372-.51-.624-.917-.619L5.22 2.286c-.415.003-.78.247-.911.613-.185.547-.457 1.36-.75 2.24-.592 1.778-1.405 4.211-1.51 4.436-.045.1-.105.189-.165.277l-.02.028-.004.006c-.16.238-.36.533-.36.951 0 .716.514 1.335 1.309 1.715V20.3c0 .799.726 1.45 1.62 1.45h15.143c.89 0 1.616-.651 1.616-1.45v-7.747zm.44-1.712c0 .708-1.067 1.307-2.331 1.307-.84-.003-1.623-.266-2.044-.7a.54.54 0 00-.383-.154h-.003l-.254.027-.128.13c-.418.428-1.201.692-2.04.692-.84 0-1.623-.264-2.042-.691a.537.537 0 00-.382-.159l-.257.026-.131.133c-.419.427-1.202.69-2.041.69-.849 0-1.635-.266-2.05-.699a.54.54 0 00-.392-.163l-.26.027-.131.136c-.415.43-1.201.7-2.05.7-1.264 0-2.33-.597-2.33-1.307 0-.178.083-.306.23-.522.095-.133.179-.272.25-.419.114-.247.712-2.028 1.542-4.517l.264-.788c.189-.564.357-1.068.483-1.44.012-.03.045-.05.081-.05l13.545-.036c.036 0 .069.022.08.053L20.2 7.078c.051.147.132.419.224.735.505 1.698.685 2.187.879 2.375l.003.003c.146.141.323.366.323.65zm-1.315 2v7.46c.003.352-.332.638-.741.638h-4.766V15.99c0-.58-.526-1.052-1.174-1.052h-3.245c-.646 0-1.172.472-1.172 1.052v4.947h-4.79c-.41 0-.744-.289-.744-.641v-7.455c.323.07.66.116 1.02.116.955 0 1.84-.272 2.44-.738.601.466 1.488.738 2.442.738.95 0 1.831-.266 2.429-.727.6.46 1.479.727 2.426.727.947 0 1.829-.266 2.43-.727.6.458 1.479.727 2.426.727a4.832 4.832 0 001.019-.116zm-6.383 8.097h-3.836V15.99c0-.133.134-.242.298-.242h3.24c.164 0 .298.109.298.242v4.947z",
                 fill: fillColor
             })
         }));

package/dist/generated/mistica-icons/icon-support-agent-premium-regular.js

@@ -101,7 +101,7 @@ var IconSupportAgentPremiumRegular = function IconSupportAgentPremiumRegular(_pa
     }, rest, {
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M19.481 11.645h-1.056a4.3 4.3 0 01-.945 1.14c2.447.787 4.048 2.642 4.048 4.96v3.535c0 .396-.31.716-.683.716-.377 0-.682-.324-.682-.716v-3.498c0-2.283-2.279-3.962-5.442-3.962-.919 0-1.773.144-2.52.391-.339.108-.747-.107-.85-.463-.102-.356.103-.784.443-.892.019-.02.049-.029.084-.04a.462.462 0 00.087-.032A4.763 4.763 0 0110.3 9.142c0-2.567 1.974-4.638 4.42-4.638 2.447 0 4.422 2.067 4.422 4.638 0 .356-.069.715-.137 1.071h.476c.377 0 .682-.324.682-.715v-.216c0-3.107-2.348-5.746-5.24-5.854-1.494-.036-2.893.536-3.98 1.608C9.859 6.107 9.279 7.57 9.279 9.142c0 .396-.308.715-.682.715-.377 0-.682-.323-.682-.715 0-1.963.75-3.783 2.077-5.138 1.326-1.355 3.095-2.071 4.966-1.999 3.64.144 6.567 3.39 6.567 7.28v.217c0 1.18-.919 2.143-2.043 2.143zm-4.764-5.71c-1.7 0-3.06 1.427-3.06 3.21 0 1.788 1.36 3.215 3.056 3.22.717 0 1.395-.289 1.906-.716h-1.224c-.377 0-.682-.32-.682-.716 0-.396.309-.716.682-.716h2.21c.104-.324.172-.68.172-1.071 0-1.784-1.36-3.21-3.06-3.21z",
+                d: "M19.481 11.645h-1.056c-.236.427-.58.823-.945 1.14 2.447.787 4.048 2.642 4.048 4.96v3.535c0 .396-.31.716-.683.716-.377 0-.682-.324-.682-.716v-3.498c0-2.283-2.279-3.962-5.442-3.962-.919 0-1.773.144-2.52.391-.339.108-.747-.107-.85-.463-.102-.356.103-.784.443-.892.019-.02.049-.029.084-.04a.464.464 0 00.087-.032A4.763 4.763 0 0110.3 9.142c0-2.567 1.974-4.638 4.42-4.638 2.447 0 4.422 2.067 4.422 4.638 0 .356-.069.715-.137 1.071h.476c.377 0 .682-.324.682-.715v-.216c0-3.107-2.348-5.746-5.24-5.854-1.494-.036-2.893.536-3.98 1.608C9.859 6.107 9.279 7.57 9.279 9.142c0 .396-.308.715-.682.715-.377 0-.682-.323-.682-.715 0-1.963.75-3.783 2.077-5.138 1.326-1.355 3.095-2.071 4.966-1.999 3.64.144 6.567 3.39 6.567 7.28v.217c0 1.18-.919 2.143-2.043 2.143zm-4.764-5.71c-1.7 0-3.06 1.427-3.06 3.21 0 1.788 1.36 3.215 3.056 3.22.717 0 1.395-.289 1.906-.716h-1.224c-.377 0-.682-.32-.682-.716 0-.396.309-.716.682-.716h2.21a3.51 3.51 0 00.172-1.071c0-1.784-1.36-3.21-3.06-3.21z",
                 fill: fillColor
             }),
             /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {

package/dist/generated/mistica-icons/icon-support-agent-regular.js

@@ -113,7 +113,7 @@ var IconSupportAgentRegular = function IconSupportAgentRegular(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M17.153 11.642H16.03c-.284.428-.64.808-1.043 1.124 2.651.788 4.379 2.64 4.379 4.967v3.547c0 .396-.33.716-.738.716a.726.726 0 01-.738-.716v-3.547c0-2.288-2.478-3.951-5.893-3.951-1.719 0-3.257.424-4.337 1.188-1.019.72-1.555 1.68-1.555 2.767v3.547c0 .396-.33.716-.738.716a.726.726 0 01-.738-.716v-3.547c0-1.54.767-2.931 2.157-3.92.635-.447 1.39-.799 2.222-1.047-1.097-.852-1.802-2.163-1.802-3.627 0-2.56 2.148-4.643 4.787-4.643 2.64 0 4.788 2.083 4.788 4.643 0 .368-.046.728-.128 1.072h.499a.73.73 0 00.738-.716v-.204c0-3.123-2.544-5.755-5.674-5.863a5.955 5.955 0 00-4.309 1.6C6.75 6.12 6.11 7.579 6.11 9.142c0 .397-.33.717-.738.717a.726.726 0 01-.738-.716c0-1.956.8-3.78 2.251-5.139 1.448-1.36 3.361-2.068 5.381-2a7.32 7.32 0 015.051 2.256 7.236 7.236 0 012.046 5.035v.204c0 1.183-.994 2.143-2.21 2.143zm-5.155-5.714c-1.83 0-3.315 1.443-3.315 3.215 0 1.771 1.489 3.211 3.32 3.22.787 0 1.509-.269 2.078-.717h-1.345a.726.726 0 01-.738-.716c0-.395.33-.715.739-.715h2.387a3.09 3.09 0 00.19-1.072c0-1.776-1.485-3.215-3.316-3.215z",
+                d: "M17.153 11.642H16.03a4.82 4.82 0 01-1.043 1.124c2.651.788 4.379 2.64 4.379 4.967v3.547c0 .396-.33.716-.738.716a.726.726 0 01-.738-.716v-3.547c0-2.288-2.478-3.951-5.893-3.951-1.719 0-3.257.424-4.337 1.188-1.019.72-1.555 1.68-1.555 2.767v3.547c0 .396-.33.716-.738.716a.726.726 0 01-.738-.716v-3.547c0-1.54.767-2.931 2.157-3.92.635-.447 1.39-.799 2.222-1.047-1.097-.852-1.802-2.163-1.802-3.627 0-2.56 2.148-4.643 4.787-4.643 2.64 0 4.788 2.083 4.788 4.643 0 .368-.046.728-.128 1.072h.499a.73.73 0 00.738-.716v-.204c0-3.123-2.544-5.755-5.674-5.863a5.955 5.955 0 00-4.309 1.6C6.75 6.12 6.11 7.579 6.11 9.142c0 .397-.33.717-.738.717a.726.726 0 01-.738-.716c0-1.956.8-3.78 2.251-5.139 1.448-1.36 3.361-2.068 5.381-2a7.32 7.32 0 015.051 2.256 7.236 7.236 0 012.046 5.035v.204c0 1.183-.994 2.143-2.21 2.143zm-5.155-5.714c-1.83 0-3.315 1.443-3.315 3.215 0 1.771 1.489 3.211 3.32 3.22.787 0 1.509-.269 2.078-.717h-1.345a.726.726 0 01-.738-.716c0-.395.33-.715.739-.715h2.387a3.09 3.09 0 00.19-1.072c0-1.776-1.485-3.215-3.316-3.215z",
                 fill: fillColor
             })
         }));

package/dist/generated/mistica-icons/icon-tag-discount-euro-regular.js

@@ -101,7 +101,7 @@ var IconTagDiscountEuroRegular = function IconTagDiscountEuroRegular(_param) {
     }, rest, {
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M20.34 2.213a.674.674 0 01.984 0 .751.751 0 010 1.028l-1.188 1.243v8.423a.746.746 0 01-.21.521l-7.743 7.94a2.019 2.019 0 01-2.946-.01L3.09 14.93a2.254 2.254 0 010-3.085l7.503-8.167a.68.68 0 01.503-.224h8.055l1.188-1.242zm-9.136 18.116l7.539-7.725h-.005V5.94l-.899.94a.67.67 0 01-.98 0 .751.751 0 01.001-1.028l.9-.945h-6.37l-7.307 7.958a.754.754 0 00-.009 1.038l6.146 6.426a.674.674 0 00.984 0z",
+                d: "M20.34 2.213a.674.674 0 01.984 0 .751.751 0 010 1.028l-1.188 1.243v8.423a.746.746 0 01-.21.521l-7.743 7.94a2.019 2.019 0 01-2.946-.01L3.09 14.93a2.254 2.254 0 010-3.085l7.503-8.167a.68.68 0 01.503-.224h8.055l1.188-1.242zm-9.136 18.116l7.539-7.725h-.005V5.94l-.899.94a.67.67 0 01-.979 0 .751.751 0 010-1.028l.9-.945h-6.37l-7.307 7.958a.754.754 0 00-.009 1.038l6.146 6.426a.674.674 0 00.984 0z",
                 fill: fillColor
             }),
             /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {

package/dist/generated/mistica-icons/icon-talk-filled.js

@@ -100,7 +100,7 @@ var IconTalkFilled = function IconTalkFilled(_param) {
         role: "presentation"
     }, rest, {
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-            d: "M20.31 2.15h-6.006c-.072 0-.143.005-.213.014h-.224c-.891 0-1.614.723-1.614 1.613V7.68c0 .92.658 1.614 1.53 1.614h.109v1.557c0 .426.336.824.75.888a.755.755 0 00.113.009c.375 0 .79-.27 1.08-.715.132-.198.796-1.243 1.11-1.74h3.288c.891 0 1.614-.722 1.614-1.613V3.777c0-.107-.01-.212-.03-.313a1.52 1.52 0 00-1.508-1.314zm-5.446 4.118a.545.545 0 110-1.093.547.547 0 010 1.093zm1.638-.547a.547.547 0 111.094.002.547.547 0 01-1.094-.002zm2.732.547a.545.545 0 110-1.093.547.547 0 010 1.093zm-13.325 7.98c.655.695 1.602 1.045 2.817 1.045 1.213 0 2.163-.353 2.818-1.045.617-.653.93-1.563.93-2.703s-.313-2.05-.93-2.703c-.655-.692-1.602-1.045-2.818-1.045-1.215 0-2.162.35-2.817 1.045-.617.653-.93 1.563-.93 2.703s.31 2.05.93 2.703zm8.826 7.6H2.715a.562.562 0 01-.56-.56v-1.04c0-1.345.356-2.384 1.059-3.09s1.74-1.067 3.075-1.067h4.872c1.339 0 2.372.359 3.075 1.067.703.71 1.06 1.745 1.06 3.09v1.04a.56.56 0 01-.561.56z",
+            d: "M20.309 2.15h-6.006c-.072 0-.143.005-.212.014h-.225c-.89 0-1.613.723-1.613 1.613V7.68c0 .92.658 1.614 1.53 1.614h.109v1.557c0 .426.336.824.75.888a.754.754 0 00.112.009c.376 0 .79-.27 1.082-.715.131-.198.795-1.243 1.109-1.74h3.288c.891 0 1.614-.722 1.614-1.613V3.777c0-.107-.01-.212-.03-.313a1.52 1.52 0 00-1.508-1.314zm-5.446 4.118a.545.545 0 110-1.093.547.547 0 010 1.093zm1.64-.547a.547.547 0 111.093.002.547.547 0 01-1.094-.002zm2.73.547a.545.545 0 110-1.093.547.547 0 010 1.093zm-13.325 7.98c.656.695 1.603 1.045 2.818 1.045 1.213 0 2.163-.353 2.818-1.045.616-.653.93-1.563.93-2.703s-.314-2.05-.93-2.703c-.655-.692-1.602-1.045-2.818-1.045-1.215 0-2.162.35-2.818 1.045-.616.653-.93 1.563-.93 2.703s.311 2.05.93 2.703zm8.827 7.6H2.715a.562.562 0 01-.56-.56v-1.04c0-1.345.356-2.384 1.059-3.09s1.74-1.067 3.075-1.067h4.871c1.34 0 2.373.359 3.076 1.067.703.71 1.059 1.745 1.059 3.09v1.04a.56.56 0 01-.56.56z",
             fill: fillColor
         })
     }));

package/dist/generated/mistica-icons/icon-tips-and-tricks-regular.js

@@ -101,11 +101,11 @@ var IconTipsAndTricksRegular = function IconTipsAndTricksRegular(_param) {
     }, rest, {
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M3.163 11.635C3.163 6.327 7.29 2 12.345 2c5.063 0 9.183 4.327 9.183 9.635 0 5.309-4.124 9.64-9.183 9.604a8.754 8.754 0 01-3.707-.802l-5.303 1.527c-.03.036-.103.036-.172.036a.662.662 0 01-.485-.216.725.725 0 01-.172-.694l1.42-5.564a10.563 10.563 0 01-.763-3.89zM9.02 19.02a7.036 7.036 0 003.325.802c4.3 0 7.8-3.678 7.8-8.186 0-4.507-3.5-8.18-7.796-8.18-4.295 0-7.8 3.67-7.834 8.22 0 1.198.278 2.4.763 3.49.069.144.069.329.035.509l-1.18 4.583 4.402-1.274c.172-.036.344-.036.485.036z",
+                d: "M3.163 11.635C3.163 6.327 7.29 2 12.345 2c5.063 0 9.183 4.327 9.183 9.635 0 5.309-4.124 9.64-9.183 9.604a8.754 8.754 0 01-3.707-.802l-5.303 1.527c-.03.036-.103.036-.172.036a.662.662 0 01-.485-.216.725.725 0 01-.172-.694l1.42-5.564a10.563 10.563 0 01-.763-3.89zM9.02 19.02a7.035 7.035 0 003.325.802c4.3 0 7.8-3.678 7.8-8.186 0-4.507-3.5-8.18-7.796-8.18-4.295 0-7.8 3.67-7.834 8.22 0 1.198.278 2.4.763 3.49.069.144.069.329.035.509l-1.18 4.583 4.402-1.274c.172-.036.344-.036.485.036z",
                 fill: fillColor
             }),
             /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M7.84 9.64c0-2.512 1.94-4.547 4.334-4.547 2.393 0 4.333 2.031 4.291 4.583 0 1.342-.55 2.616-1.558 3.49-.45.4-.695.801-.763 1.238.278.18.45.508.45.873 0 .293-.103.549-.275.73.172.184.275.44.275.728 0 .617-.447 1.09-1.038 1.09h-2.772c-.588 0-1.039-.469-1.039-1.09 0-.292.103-.548.275-.729a1.06 1.06 0 01-.275-.729c0-.4.176-.73.45-.91-.037-.436-.312-.837-.763-1.237-1-.838-1.592-2.144-1.592-3.49zm6.067 5.633c0-.216-.141-.365-.348-.365h-2.771c-.207 0-.348.149-.348.365s.141.365.348.365h2.771c.207 0 .348-.149.348-.365zm-.348 1.819c.21 0 .348-.148.348-.365 0-.216-.141-.364-.348-.364h-2.771c-.207 0-.348.148-.348.364 0 .217.141.365.348.365h2.771zm-.446-2.913c.103-.693.48-1.31 1.141-1.89.764-.654 1.21-1.635 1.146-2.653 0-1.89-1.49-3.453-3.291-3.453-1.803 0-3.291 1.562-3.291 3.453 0 1.018.45 2 1.214 2.652.656.581 1.038 1.198 1.141 1.891h1.94z",
+                d: "M7.84 9.64c0-2.512 1.94-4.547 4.334-4.547 2.393 0 4.333 2.031 4.29 4.583 0 1.342-.549 2.616-1.557 3.49-.45.4-.695.801-.763 1.238.278.18.45.508.45.873 0 .293-.103.549-.275.73.172.184.275.44.275.728 0 .617-.447 1.09-1.038 1.09h-2.772c-.588 0-1.039-.469-1.039-1.09 0-.292.103-.548.275-.729a1.06 1.06 0 01-.275-.729c0-.4.176-.73.45-.91-.037-.436-.312-.837-.763-1.237-1-.838-1.592-2.144-1.592-3.49zm6.067 5.633c0-.216-.141-.365-.348-.365h-2.771c-.207 0-.348.149-.348.365s.141.365.348.365h2.771c.207 0 .348-.149.348-.365zm-.348 1.819c.21 0 .348-.148.348-.365 0-.216-.141-.364-.348-.364h-2.771c-.207 0-.348.148-.348.364 0 .217.141.365.348.365h2.771zm-.446-2.913c.103-.693.48-1.31 1.141-1.89.764-.654 1.21-1.635 1.146-2.653 0-1.89-1.49-3.453-3.291-3.453-1.803 0-3.291 1.562-3.291 3.453 0 1.018.45 2 1.214 2.652.656.581 1.038 1.198 1.141 1.891h1.94z",
                 fill: fillColor
             })
         ]

package/dist/generated/mistica-icons/icon-tongue-light.js

@@ -100,7 +100,7 @@ var IconTongueLight = function IconTongueLight(_param) {
         role: "presentation"
     }, rest, {
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-            d: "M21.07 3.994a.425.425 0 01.583-.117.407.407 0 01.117.571c-.843 1.258-1.977 2.224-3.361 2.93.03.053.056.112.062.176.067.813.1 1.715.1 2.754 0 6.106-1.098 9.894-6.563 9.894s-6.563-3.788-6.563-9.894c0-1.081.037-2.017.112-2.86a.217.217 0 01.016-.056l.007-.02C4.199 6.67 3.064 5.7 2.224 4.44a.41.41 0 01.12-.575.42.42 0 01.583.118c1.728 2.594 4.784 3.908 9.076 3.908 4.285 0 7.339-1.311 9.067-3.897zm-9.059 15.381c4.224 0 5.723-2.37 5.723-9.064 0-.97-.031-1.81-.09-2.574-1.479.602-3.227.924-5.232.963l.039 7.426a.42.42 0 01-.417.417h-.003a.414.414 0 01-.42-.412l-.04-7.428c-1.986-.042-3.722-.361-5.193-.958a33.33 33.33 0 00-.09 2.566c0 6.692 1.496 9.064 5.723 9.064z",
+            d: "M21.07 3.994a.425.425 0 01.583-.117.407.407 0 01.117.571c-.843 1.258-1.977 2.224-3.361 2.93.03.053.056.112.062.176.067.813.1 1.715.1 2.754 0 6.106-1.098 9.894-6.563 9.894s-6.563-3.788-6.563-9.894c0-1.081.037-2.017.112-2.86a.217.217 0 01.016-.056l.007-.02C4.199 6.67 3.064 5.7 2.224 4.44a.41.41 0 01.12-.575.42.42 0 01.583.118c1.728 2.594 4.784 3.908 9.076 3.908 4.285 0 7.339-1.311 9.067-3.897zm-9.06 15.381c4.224 0 5.723-2.37 5.723-9.064 0-.97-.031-1.81-.09-2.574-1.479.602-3.227.924-5.232.963l.039 7.426a.42.42 0 01-.418.417h-.002a.414.414 0 01-.42-.412l-.04-7.428c-1.986-.042-3.722-.361-5.193-.958a33.33 33.33 0 00-.09 2.566c0 6.692 1.496 9.064 5.723 9.064z",
             fill: fillColor
         })
     }));

package/dist/generated/mistica-icons/icon-trash-can-filled.js

@@ -113,7 +113,7 @@ var IconTrashCanFilled = function IconTrashCanFilled(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M16.704 6.262h4.535c.333 0 .602.272.605.602a.603.603 0 01-.602.603h-1.457V18.58c0 1.009-.305 1.813-.907 2.39-.855.818-2.02.871-2.311.871a.647.647 0 01-.056-.002H7.46c-1.036 0-1.854-.314-2.428-.928-.889-.95-.82-2.272-.815-2.356v-.003L4.214 7.467H2.757a.601.601 0 110-1.205H7.29V4.45c0-.784.23-1.39.681-1.798a2.004 2.004 0 011.485-.493l5.129-.006c.803 0 1.283.333 1.543.613.63.675.585 1.628.577 1.734v1.762zm-8.213 0h7.011v-1.8c.009-.189-.022-.628-.257-.878-.146-.154-.362-.227-.661-.227l-5.188.003h-.003c-.066-.003-.395-.02-.625.19-.184.172-.277.477-.277.9v1.812zm5.56 11.476a.601.601 0 00.603-.602v-6.162a.603.603 0 00-1.205 0v6.162c0 .334.272.602.602.602zm-3.507-.602v-6.162a.601.601 0 10-1.204 0v6.162a.601.601 0 101.204 0z",
+                d: "M16.704 6.262h4.535c.333 0 .602.272.605.602a.603.603 0 01-.602.603h-1.457V18.58c0 1.009-.305 1.813-.908 2.39-.854.818-2.02.871-2.31.871a.644.644 0 01-.065-.003H7.46c-1.036 0-1.854-.313-2.428-.927-.89-.95-.82-2.272-.816-2.356v-.003L4.214 7.467H2.757a.601.601 0 110-1.205h4.532V4.45c0-.784.23-1.39.68-1.798a2.005 2.005 0 011.485-.493l5.13-.006c.803 0 1.282.333 1.543.613.63.675.585 1.628.577 1.734v1.762zm-8.213 0h7.011v-1.8c.008-.189-.022-.628-.258-.878-.145-.154-.361-.227-.66-.227l-5.188.003h-.003c-.066-.003-.396-.02-.625.19-.185.172-.277.477-.277.9v1.812zm5.56 11.476a.601.601 0 00.602-.602v-6.162a.603.603 0 00-1.204 0v6.162c0 .334.272.602.602.602zm-3.507-.602v-6.162a.601.601 0 10-1.204 0v6.162a.601.601 0 101.204 0z",
                 fill: fillColor
             })
         }));

package/dist/generated/mistica-icons/icon-umbrella-filled.js

@@ -100,7 +100,7 @@ var IconUmbrellaFilled = function IconUmbrellaFilled(_param) {
         role: "presentation"
     }, rest, {
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-            d: "M11.436 3.334a.07.07 0 01.003.017h1.227l.003-.012c.002-.008.004-.015.002-.024v-.55a.616.616 0 00-.619-.61.616.616 0 00-.619.61v.553a.07.07 0 00.003.016zm10.381 7.516c.073.417-.042.86-.316 1.204a1.58 1.58 0 01-1.2.558l-1.526-.003a.606.606 0 00.014-.19c-.804-6.382-4.706-8.583-6.104-9.068 2.914.126 5.197 1.011 6.804 2.653 1.205 1.23 1.99 2.863 2.328 4.846zm-4.258 1.717c-.644-5.115-3.49-7.275-4.876-7.897 0 0-.003 7.922-.006 7.92l4.894.013a.051.051 0 00-.006-.019.088.088 0 01-.006-.017zM11.422 4.7c-1.442.734-4.39 3.101-5.154 7.874l5.16.014-.006-7.888zM5.01 12.567c.9-6.104 5.05-8.639 6.407-9.213-2.933.095-5.247.966-6.872 2.605-1.218 1.218-2.016 2.843-2.37 4.826a1.539 1.539 0 00.706 1.552c.247.149.527.227.816.233l1.313.002v-.005zm10.348 6.423a.616.616 0 01.619.61c0 1.236-1.02 2.241-2.272 2.241-1.235 0-2.246-.977-2.272-2.19l-.002-.042v-7.02h1.238V19.6c0 .56.462 1.02 1.033 1.02.569 0 1.031-.457 1.031-1.02a.624.624 0 01.625-.61z",
+            d: "M11.436 3.334a.07.07 0 01.003.017h1.227l.003-.012c.002-.008.004-.015.002-.024v-.55a.616.616 0 00-.619-.61.616.616 0 00-.619.61v.553a.07.07 0 00.003.016zm10.38 7.516c.074.417-.041.86-.316 1.204a1.58 1.58 0 01-1.198.558l-1.527-.003a.606.606 0 00.014-.19c-.804-6.382-4.706-8.583-6.104-9.068 2.913.126 5.196 1.011 6.804 2.653 1.205 1.23 1.989 2.863 2.328 4.846zm-4.257 1.717c-.644-5.115-3.49-7.275-4.877-7.897 0 0-.002 7.922-.005 7.92l4.893.013a.049.049 0 00-.005-.019c-.002-.005-.005-.01-.006-.017zM11.422 4.7c-1.443.734-4.39 3.101-5.154 7.874l5.16.014-.006-7.888zM5.01 12.567c.9-6.104 5.05-8.639 6.406-9.213-2.932.095-5.246.966-6.87 2.605-1.22 1.218-2.018 2.843-2.37 4.826-.079.429.041.874.344 1.241.104.12.224.227.361.311.247.149.527.227.815.233l1.314.002v-.005zm10.348 6.423a.616.616 0 01.618.61c0 1.236-1.02 2.241-2.271 2.241-1.236 0-2.247-.977-2.272-2.19l-.003-.042v-7.02h1.238V19.6c0 .56.463 1.02 1.034 1.02.569 0 1.03-.457 1.03-1.02a.624.624 0 01.626-.61z",
             fill: fillColor
         })
     }));

package/dist/generated/mistica-icons/icon-web-filled.js

@@ -100,7 +100,7 @@ var IconWebFilled = function IconWebFilled(_param) {
         role: "presentation"
     }, rest, {
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-            d: "M21.841 5.993c0-.759-.641-1.378-1.428-1.378H3.583c-.79 0-1.428.62-1.428 1.378v12.011c0 .76.639 1.376 1.429 1.376h16.829c.787 0 1.428-.62 1.428-1.378V5.993zm-16.498.83a.548.548 0 01-.56.537.548.548 0 01-.558-.538.548.548 0 01.557-.537h.003a.548.548 0 01.558.537zm15.294 11.179a.22.22 0 01-.224.215H3.583a.221.221 0 01-.223-.215V8.338h17.277v9.664zM6.81 10.447l2.729 2.384a.57.57 0 01.006.857l-2.729 2.428a.595.595 0 01-.409.155.61.61 0 01-.442-.188.566.566 0 01.01-.801l.012-.01a.082.082 0 01.011-.01l2.244-1.997-2.238-1.958a.567.567 0 01-.052-.81l.01-.01a.615.615 0 01.848-.04zm10.681 2.255c.334 0 .605.26.605.58 0 .32-.271.58-.602.58h-6.468a.596.596 0 01-.605-.58c0-.32.272-.583.605-.583l6.465.003zM6.463 6.285a.548.548 0 01.558.537.548.548 0 01-.56.538.548.548 0 01-.558-.538.548.548 0 01.557-.537h.003zm2.235.537a.548.548 0 01-.56.538.548.548 0 01-.557-.538.548.548 0 01.557-.537h.003a.548.548 0 01.557.537z",
+            d: "M21.841 5.993c0-.759-.641-1.378-1.428-1.378H3.583c-.79 0-1.428.62-1.428 1.378v12.011c0 .76.638 1.376 1.428 1.376h16.83c.787 0 1.428-.62 1.428-1.378V5.993zm-16.499.83a.548.548 0 01-.56.537.548.548 0 01-.557-.538.548.548 0 01.557-.537h.003a.548.548 0 01.557.537zm15.295 11.179a.22.22 0 01-.224.215H3.583a.221.221 0 01-.224-.215V8.338h17.278v9.664zM6.81 10.447l2.729 2.384a.57.57 0 01.006.857l-2.73 2.428a.595.595 0 01-.408.155.61.61 0 01-.443-.188.566.566 0 01.012-.801l.01-.01a.082.082 0 01.012-.01l2.244-1.997-2.238-1.958a.567.567 0 01-.062-.798.036.036 0 01.01-.011l.01-.012a.615.615 0 01.848-.039zm10.68 2.255c.334 0 .606.26.606.58 0 .32-.272.58-.602.58h-6.468a.596.596 0 01-.605-.58c0-.32.272-.583.605-.583l6.465.003zM6.464 6.285a.548.548 0 01.557.537.548.548 0 01-.56.538.548.548 0 01-.557-.538.548.548 0 01.557-.537h.003zm2.235.537a.548.548 0 01-.56.538.548.548 0 01-.557-.538.548.548 0 01.557-.537h.003a.548.548 0 01.557.537z",
             fill: fillColor
         })
     }));

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

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