@telefonica/mistica 12.5.0 → 12.7.0

package/dist/carousel.js

@@ -150,6 +150,7 @@ var useBulletsStyles = (0, _jss).createUseStyles(function(theme) {
             height: 8,
             borderRadius: "50%",
             transition: "transform 0.3s ease-in-out, background-color 0.3s ease-in-out",
+            zIndex: 2,
             "&.active": {
                 backgroundColor: function backgroundColor(param) {
                     var isInverse = param.isInverse;
@@ -241,7 +242,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
         },
         arrowButton: _objectSpread({}, arrowButtonStyle(theme), {
             position: "absolute",
-            zIndex: 1,
+            zIndex: 2,
             top: "calc(50% - ".concat(arrowButtonSize / 2, "px)"),
             "&.prev": {
                 left: function left(param) {
@@ -712,7 +713,7 @@ var useSlideshowStyles = (0, _jss).createUseStyles(function(theme) {
         arrowButton: _objectSpread({}, arrowButtonStyle(theme), {
             border: "none",
             position: "absolute",
-            zIndex: 1,
+            zIndex: 2,
             top: "calc(50% - ".concat(arrowButtonSize / 2, "px)"),
             "&.prev": _defineProperty({
                 left: 24
@@ -730,7 +731,8 @@ var useSlideshowStyles = (0, _jss).createUseStyles(function(theme) {
             bottom: 24,
             display: "flex",
             justifyContent: "center",
-            width: "100%"
+            width: "100%",
+            zIndex: 2
         }
     };
 });

package/dist/dialog.d.ts

@@ -1,34 +1,49 @@
 import * as React from 'react';
+import { ButtonLink } from './button';
+import type { RendersNullableElement } from './utils/types';
 interface BaseDialogProps {
     className?: string;
     title?: string;
     icon?: React.ReactElement;
     message: string;
-    cancelText?: string;
     acceptText?: string;
-    onCancel?: () => void;
     onAccept?: () => void;
-    showCancel?: boolean;
     destructive?: boolean;
 }
 interface AlertProps extends BaseDialogProps {
+    subtitle?: undefined;
     extra?: undefined;
     forceWeb?: undefined;
+    showClose?: boolean;
+    showCancel?: never;
+    cancelText?: never;
+    onCancel?: never;
 }
 interface ConfirmProps extends BaseDialogProps {
+    subtitle?: undefined;
     extra?: undefined;
     forceWeb?: undefined;
+    showClose?: boolean;
+    showCancel?: boolean;
+    cancelText?: string;
+    onCancel?: () => void;
 }
 interface ExtendedDialogProps extends BaseDialogProps {
-    extra: React.ReactNode;
+    subtitle?: string;
+    extra?: React.ReactNode;
     forceWeb?: boolean;
+    showClose?: boolean;
+    showCancel?: boolean;
+    cancelText?: string;
+    onCancel?: () => void;
+    link?: RendersNullableElement<typeof ButtonLink>;
 }
 declare type DialogProps = AlertProps | ConfirmProps | ExtendedDialogProps;
 declare type DialogRootProps = {
     children?: React.ReactNode;
 };
 declare type DialogRootState = {
-    dialogProps: BaseDialogProps | null;
+    dialogProps: DialogProps | null;
     isClosing: boolean;
     instanceNumber: number;
 };

package/dist/dialog.js

@@ -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 _css = require("./utils/css");
 var _stack = _interopRequireDefault(require("./stack"));
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -265,7 +266,10 @@ var useDialogStyles = (0, _jss).createUseStyles(function(theme) {
         dialogContainer: {
             width: "calc(100vw - 48px)",
             margin: "auto",
-            padding: "48px 24px 24px"
+            padding: function padding(param) {
+                var isDialog = param.isDialog;
+                return isDialog ? "40px 24px 24px" : 24;
+            }
         }
     });
 });
@@ -273,9 +277,8 @@ 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, 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({
-        withSecondaryButton: withSecondaryButton
+        isDialog: !!props.forceWeb
     });
     var mainButtonProps = {
         onPress: handleAccept ? handleAccept : function() {},
@@ -289,15 +292,29 @@ var Dialog = function Dialog(props) {
         children: [
             icon && /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
                 paddingBottom: 24,
-                children: icon
+                children: /*#__PURE__*/ React.cloneElement(icon, {
+                    size: (0, _css).pxToRem(isTabletOrSmaller ? 40 : 64)
+                })
             }),
             title && /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
                 paddingBottom: 16,
-                children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text5, {
+                children: props.forceWeb ? /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text5, {
+                    as: "h2",
+                    children: title
+                }) : /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text4, {
+                    regular: true,
                     as: "h2",
                     children: title
                 })
             }),
+            props.subtitle && /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
+                paddingBottom: 16,
+                children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text4, {
+                    regular: true,
+                    as: "h2",
+                    children: props.subtitle
+                })
+            }),
             /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                 className: classes.dialogContent,
                 children: /*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
@@ -305,7 +322,7 @@ var Dialog = function Dialog(props) {
                     children: [
                         /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
                             color: colors.textSecondary,
-                            light: true,
+                            regular: true,
                             children: message
                         }),
                         extra
@@ -315,6 +332,7 @@ var Dialog = function Dialog(props) {
             /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
                 paddingTop: isTabletOrSmaller ? 24 : 32,
                 children: /*#__PURE__*/ (0, _jsxRuntime).jsxs(_buttonLayout.default, {
+                    link: props.forceWeb ? props.link : undefined,
                     children: [
                         destructive ? /*#__PURE__*/ (0, _jsxRuntime // eslint-disable-line jsx-a11y/tabindex-no-positive
                         ).jsx(_button.ButtonDanger, _objectSpread({
@@ -428,10 +446,13 @@ var ModalDialog = function ModalDialog(props) {
     ]);
     var handleClose = props.showCancel ? handleCancel : handleAccept;
     var handleOverlayPress = React.useCallback(function(event) {
-        handleClose();
-        event.stopPropagation();
+        if (props.showClose) {
+            handleClose();
+            event.stopPropagation();
+        }
     }, [
-        handleClose
+        handleClose,
+        props.showClose
     ]);
     var handleKeyDown = React.useCallback(function(event) {
         if (event.keyCode === _keyCodes.ESC) {
@@ -505,7 +526,7 @@ var ModalDialog = function ModalDialog(props) {
                                 closed: isClosing
                             }),
                             children: [
-                                /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+                                props.showClose && /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                                     className: classes.modalCloseButtonContainer,
                                     children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconButton.default, {
                                         onPress: handleClose,
@@ -643,29 +664,33 @@ var DialogRoot = /*#__PURE__*/ function(_Component) {
 }(React.Component);
 exports.default = DialogRoot;
 var showDialog = function showDialog(param) {
-    var showCancel = param.showCancel, forceWeb = param.forceWeb;
+    var showCancel = param.showCancel, showClose = param.showClose, 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,
+            showClose: showClose,
             forceWeb: forceWeb
         }, props));
     };
 };
 var alert = showDialog({
     showCancel: false,
-    forceWeb: false
+    forceWeb: false,
+    showClose: false
 });
 exports.alert = alert;
 var confirm = showDialog({
     showCancel: true,
-    forceWeb: false
+    forceWeb: false,
+    showClose: false
 });
 exports.confirm = confirm;
 var dialog = showDialog({
     showCancel: false,
-    forceWeb: true
+    forceWeb: true,
+    showClose: true
 });
 exports.dialog = dialog;

package/dist/dialog.js.flow

@@ -1,32 +1,49 @@
 // @flow
 
 import * as React from "react";
+import { ButtonLink } from "./button";
+import type { RendersNullableElement } from "./utils/types";
 declare type BaseDialogProps = {
   className?: string,
   title?: string,
   icon?: React.Element<any>,
   message: string,
-  cancelText?: string,
   acceptText?: string,
-  onCancel?: () => void,
   onAccept?: () => void,
-  showCancel?: boolean,
   destructive?: boolean,
 };
-declare type AlertProps = { ...$Exact<BaseDialogProps> };
-declare type ConfirmProps = { ...$Exact<BaseDialogProps> };
+declare type AlertProps = {
+  ...$Exact<BaseDialogProps>,
+  showClose?: boolean,
+  showCancel?: empty,
+  cancelText?: empty,
+  onCancel?: empty,
+};
+declare type ConfirmProps = {
+  ...$Exact<BaseDialogProps>,
+  showClose?: boolean,
+  showCancel?: boolean,
+  cancelText?: string,
+  onCancel?: () => void,
+};
 declare type ExtendedDialogProps = {
   ...$Exact<BaseDialogProps>,
 
-  extra: React.Node,
+  subtitle?: string,
+  extra?: React.Node,
   forceWeb?: boolean,
+  showClose?: boolean,
+  showCancel?: boolean,
+  cancelText?: string,
+  onCancel?: () => void,
+  link?: RendersNullableElement<typeof ButtonLink>,
 };
 declare type DialogProps = AlertProps | ConfirmProps | ExtendedDialogProps;
 declare type DialogRootProps = {
   children?: React.Node,
 };
 declare type DialogRootState = {
-  dialogProps: BaseDialogProps | null,
+  dialogProps: DialogProps | null,
   isClosing: boolean,
   instanceNumber: number,
 };

package/dist/fixed-footer-layout.js

@@ -96,6 +96,7 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
+var FOOTER_CANVAS_RATIO = 2;
 var getScrollEventTarget = function getScrollEventTarget(el) {
     return el === document.documentElement ? window : el;
 };
@@ -122,8 +123,8 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
         },
         containerSmall: {
             paddingBottom: function paddingBottom(param) {
-                var height = param.height;
-                return height;
+                var footerHeight = param.footerHeight;
+                return footerHeight;
             },
             backgroundColor: function backgroundColor(param) {
                 var containerBgColor = param.containerBgColor;
@@ -131,8 +132,17 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             }
         }
     }, theme.mq.tabletOrSmaller, {
+        containerSmall: {
+            paddingBottom: function paddingBottom(param) {
+                var footerHeight = param.footerHeight, isContentWithScroll = param.isContentWithScroll, hasContentEnoughVSpace = param.hasContentEnoughVSpace;
+                return hasContentEnoughVSpace || !isContentWithScroll ? footerHeight : 0;
+            }
+        },
         footer: {
-            position: "fixed",
+            position: function position(param) {
+                var hasContentEnoughVSpace = param.hasContentEnoughVSpace, isContentWithScroll = param.isContentWithScroll;
+                return hasContentEnoughVSpace || !isContentWithScroll ? "fixed" : "initial";
+            },
             left: 0,
             bottom: 0,
             zIndex: 1
@@ -148,12 +158,18 @@ var FixedFooterLayout = function FixedFooterLayout(param) {
     var containerRef = React.useRef(null);
     var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
     var platformOverrides = (0, _hooks).useTheme().platformOverrides;
-    var ref1 = (0, _hooks).useElementDimensions(), realHeight = ref1.height, ref2 = ref1.ref;
+    var ref1 = (0, _hooks).useElementDimensions(), realFooterHeight = ref1.height, ref2 = ref1.ref;
+    var windowHeight = (0, _hooks).useWindowHeight();
+    var screenHeight = (0, _hooks).useScreenHeight();
+    var hasContentEnoughVSpace = windowHeight - realFooterHeight > screenHeight / FOOTER_CANVAS_RATIO;
+    var hasContentScroll = function hasContentScroll() {
+        return (0, _dom).hasScroll((0, _dom).getScrollableParentElement(containerRef.current));
+    };
     (0, _hooks).useIsomorphicLayoutEffect(function() {
-        onChangeFooterHeight === null || onChangeFooterHeight === void 0 ? void 0 : onChangeFooterHeight(realHeight);
+        onChangeFooterHeight === null || onChangeFooterHeight === void 0 ? void 0 : onChangeFooterHeight(realFooterHeight);
     }, [
         onChangeFooterHeight,
-        realHeight
+        realFooterHeight
     ]);
     React.useEffect(function() {
         var scrollable = (0, _dom).getScrollableParentElement(containerRef.current);
@@ -161,6 +177,9 @@ var FixedFooterLayout = function FixedFooterLayout(param) {
             if ((0, _platform).isRunningAcceptanceTest(platformOverrides)) {
                 return false;
             }
+            if (!hasContentEnoughVSpace) {
+                return false;
+            }
             if ((0, _dom).hasScroll(scrollable)) {
                 return (0, _dom).getScrollDistanceToBottom(scrollable) > 1; // This is 1 and not 0 because a weird bug with Safari
             }
@@ -183,14 +202,17 @@ var FixedFooterLayout = function FixedFooterLayout(param) {
             transitionAwaiter.cancel();
         };
     }, [
-        children,
-        containerRef,
+        hasContentEnoughVSpace,
         platformOverrides
     ]);
     var classes = useStyles({
         footerBgColor: footerBgColor,
         containerBgColor: containerBgColor,
-        height: realHeight
+        footerHeight: realFooterHeight,
+        windowHeight: windowHeight,
+        screenHeight: screenHeight,
+        isContentWithScroll: hasContentScroll(),
+        hasContentEnoughVSpace: hasContentEnoughVSpace
     });
     var _obj;
     return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_jsxRuntime.Fragment, {

package/dist/generated/mistica-icons/icon-buy-data-light.js

@@ -93,22 +93,16 @@ var IconBuyDataLight = function IconBuyDataLight(_param) {
     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({
+    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: "M10.63 16.918h6.554c.754 0 1.39-.255 1.897-.753.49-.493.854-1.208 1.106-2.182.118-.454.507-2.017.882-3.53l.364-1.458.393-1.57a.28.28 0 00-.272-.35h-3.837V5.599c0 .865-1.832 1.26-3.538 1.26-1.702 0-3.536-.394-3.538-1.258v1.471h.235a.28.28 0 01.28.28.28.28 0 01-.28.28h-.235v5.785c0 .865 1.835 1.26 3.538 1.26 1.706 0 3.537-.392 3.537-1.257V7.635h3.48c-.163.64-.402 1.605-.655 2.62l-.015.06-.409 1.638a391.2 391.2 0 01-.473 1.887c-.224.863-.547 1.51-.961 1.924-.4.4-.89.597-1.499.597H10.63c-1.328 0-2.202-.888-2.454-2.496-.14-.9-1.48-8.941-1.639-9.838a2.174 2.174 0 00-.854-1.347 2.675 2.675 0 00-1.608-.524H2.436a.28.28 0 00-.28.28c0 .154.126.28.28.28h1.639c.468 0 .919.146 1.269.412.344.258.569.61.639.997.16.894 1.495 8.928 1.638 9.827.154.963.507 1.711 1.053 2.227.513.484 1.19.74 1.956.74zm1.325-5.683c-.62-.185-.754-.384-.754-.423V8.93c.185.1.407.186.657.257.66.19 1.505.28 2.32.28.08 0 .161 0 .241-.002 1.049-.023 2.113-.195 2.737-.533v1.883c0 .036-.131.235-.753.423-.591.176-1.378.274-2.224.274-.846 0-1.636-.098-2.224-.277zm-.754.302c.638.344 1.726.516 2.792.534a11.552 11.552 0 00.426-.001c1.049-.023 2.113-.195 2.737-.533v1.883c0 .036-.131.235-.753.422-.591.177-1.378.275-2.224.275-.846 0-1.636-.098-2.224-.275-.62-.184-.754-.383-.754-.422v-1.883zm0-3.33V6.324c.675.364 1.854.538 2.978.538 1.123 0 2.305-.17 2.977-.535V8.21c0 .037-.131.236-.753.423-.591.177-1.378.275-2.224.275-.846 0-1.636-.1-2.224-.277a3.766 3.766 0 01-.11-.035c-.526-.174-.644-.352-.644-.388z",
-                fill: fillColor
-            }),
-            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M11.201 5.599v.003c0 .039.134.238.754.423.588.176 1.378.274 2.224.274.846 0 1.633-.098 2.224-.274.622-.188.753-.387.753-.426h-5.955zm0 0a.281.281 0 00-.28-.277.281.281 0 00-.28.277h.56zm-.571 16.235c-.871 0-1.373-.501-1.373-1.372 0-.872.502-1.373 1.373-1.373.87 0 1.372.501 1.372 1.373 0 .87-.498 1.372-1.372 1.372zm-.813-1.372c0 .563.25.812.813.812s.812-.25.812-.812c0-.564-.25-.813-.812-.813-.563 0-.813.25-.813.813zm6.275 1.372c-.871 0-1.373-.501-1.373-1.372 0-.872.502-1.373 1.373-1.373s1.372.501 1.372 1.373c0 .87-.498 1.372-1.372 1.372zm-.812-1.372c0 .563.249.812.812.812.563 0 .812-.25.812-.812 0-.564-.25-.813-.812-.813-.563 0-.812.25-.812.813z",
-                fill: fillColor
-            })
-        ]
+        children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
+            d: "M17.274 17.004h-6.662c-.777 0-1.466-.26-1.987-.752-.555-.524-.914-1.284-1.07-2.263C7.408 13.075 6.05 4.909 5.888 4a1.637 1.637 0 00-.65-1.013 2.138 2.138 0 00-1.289-.419H2.285A.286.286 0 012 2.285C2 2.128 2.128 2 2.285 2H3.95a2.72 2.72 0 011.634.532c.464.348.772.835.869 1.37.058.325.269 1.577.522 3.094h3.649V5.5c0-.88 1.864-1.281 3.595-1.281s3.596.401 3.596 1.28V7h3.9a.286.286 0 01.276.356l-.398 1.596-.37 1.482a623.86 623.86 0 01-.897 3.587c-.256.99-.626 1.717-1.125 2.218-.515.506-1.161.766-1.927.766zm.54-9.435v5.879c0 .88-1.861 1.278-3.595 1.278-1.73 0-3.595-.401-3.595-1.281v-5.88H7.07c.44 2.636.963 5.788 1.048 6.335.256 1.634 1.145 2.537 2.494 2.537h6.662c.618 0 1.116-.2 1.523-.606.421-.422.749-1.08.977-1.956.075-.29.259-1.027.481-1.918.13-.522.273-1.097.416-1.664l.015-.064.002-.006c.256-1.028.499-2.006.663-2.654h-3.536zm-3.355 4.507l-.24.002h-.028c-1.133-.003-2.318-.176-2.998-.543v1.913c0 .04.136.242.766.43.598.179 1.4.279 2.26.279.86 0 1.66-.1 2.26-.28.633-.19.767-.392.767-.43v-1.912c-.636.344-1.72.518-2.787.54zm2.787-1.276V8.887c-.64.346-1.73.52-2.803.541l-.224.003c-.83 0-1.688-.092-2.36-.285a3.353 3.353 0 01-.666-.261v1.912c0 .04.136.242.766.43.598.182 1.4.282 2.26.282.86 0 1.66-.1 2.26-.28.633-.19.767-.392.767-.429zm0-4.56c-.684.37-1.885.543-3.027.543-1.141 0-2.34-.177-3.026-.547V8.15c0 .04.136.242.766.43.598.18 1.4.282 2.26.282.86 0 1.66-.1 2.26-.279.633-.19.767-.393.767-.43V6.24zm0-.741c0-.04-.137-.242-.766-.433-.601-.176-1.401-.276-2.26-.276-.858 0-1.66.1-2.261.279-.63.19-.766.393-.766.433 0 .04.136.242.766.43.598.179 1.4.279 2.26.279.86 0 1.66-.1 2.26-.28.633-.19.767-.392.767-.432zM10.612 22c-.885 0-1.395-.51-1.395-1.395s.51-1.395 1.395-1.395c.886 0 1.395.51 1.395 1.395S11.5 22 10.612 22zm0-2.22c-.572 0-.826.253-.826.825s.254.826.826.826.826-.254.826-.826-.254-.826-.826-.826zM16.164 22c-.886 0-1.395-.51-1.395-1.395s.51-1.395 1.395-1.395 1.395.51 1.395 1.395S17.052 22 16.164 22zm0-2.22c-.573 0-.826.253-.826.825s.254.826.826.826.825-.254.825-.826-.253-.826-.825-.826z",
+            fill: fillColor
+        })
     }));
 };
 var _default = IconBuyDataLight;

package/dist/generated/mistica-icons/icon-buy-data-regular.js

@@ -100,7 +100,7 @@ var IconBuyDataRegular = function IconBuyDataRegular(_param) {
         role: "presentation"
     }, rest, {
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-            d: "M16.899 17.2h-6.258c-.837 0-1.58-.284-2.148-.816-.591-.557-.975-1.361-1.137-2.39-.13-.82-1.451-8.492-1.636-9.526-.12-.672-.821-1.176-1.633-1.176h-1.35a.562.562 0 01-.56-.56.56.56 0 01.56-.56h1.352c1.367 0 2.519.882 2.737 2.1.049.273.222 1.267.438 2.521h3.248v-1.19c0-.021 0-.042.003-.062.033-.448.452-.798 1.25-1.036.652-.197 1.515-.306 2.422-.306.908 0 1.77.11 2.423.306.753.225 1.169.55 1.241.961a.424.424 0 01.017.137v1.193h3.4a.562.562 0 01.544.697l-.434 1.736-.001.005v.001a1997.754 1997.754 0 01-.656 2.624l-.003.015c-.25 1.002-.463 1.858-.547 2.177-.266 1.025-.653 1.778-1.182 2.308-.558.557-1.26.84-2.09.84zm.97-9.284v5.502c0 .476-.421.846-1.253 1.095-.653.199-1.515.305-2.426.305-.91 0-1.77-.109-2.425-.305-.832-.25-1.253-.62-1.253-1.095V7.913H7.458c.428 2.482.926 5.384 1.01 5.908.123.776.389 1.361.798 1.748.358.339.823.513 1.378.513H16.9c.683 0 1.653-.239 2.188-2.311.076-.295.268-1.062.497-1.98l.385-1.541.14-.564.002-.007.44-1.763h-2.683zm-.841 2.863V9.156a4.03 4.03 0 01-.41.146h-.002l-5.26-.145-.003 1.622c.033.042.207.21.826.37.555.143 1.269.221 2.011.221.743 0 1.457-.078 2.011-.221.62-.16.793-.33.827-.37zm-5.67-4.229l-.005 1.624c.033.042.207.21.826.37.555.143 1.269.221 2.011.221.743 0 1.457-.078 2.011-.221.62-.16.793-.33.827-.37V6.549a4.227 4.227 0 01-.412.149c-.653.196-1.515.305-2.423.305-.907 0-1.77-.11-2.423-.305a3.836 3.836 0 01-.412-.148zm5.639-.95c-.076-.068-.283-.205-.796-.34-.554-.142-1.268-.22-2.01-.22-.743 0-1.457.078-2.012.22-.513.135-.72.273-.795.34.056.05.186.14.46.238.094.033.205.067.335.1.555.144 1.269.222 2.011.222.65 0 1.278-.06 1.796-.17.074-.017.146-.033.215-.051.514-.133.721-.273.796-.34zm-5.644 7.79c.036.042.213.21.826.37.555.142 1.269.22 2.011.22.743 0 1.457-.078 2.011-.22.614-.157.79-.325.827-.37v-1.628a4.206 4.206 0 01-.412.149c-.653.196-1.515.305-2.423.305-.907 0-1.77-.11-2.426-.305a4.215 4.215 0 01-.412-.149l-.002 1.628zm-.712 8.445c-.501 0-.902-.143-1.193-.423-.305-.294-.46-.706-.46-1.23 0-.523.155-.935.46-1.23.291-.28.695-.422 1.193-.422.499 0 .902.143 1.194.423.305.294.459.706.459 1.23 0 .523-.154.935-.46 1.23-.288.28-.691.422-1.193.422zm-.532-1.653c0 .41.123.533.532.533.41 0 .533-.124.533-.533 0-.409-.124-.532-.533-.532-.409 0-.532.123-.532.532zm5.994 1.653c-.501 0-.902-.143-1.193-.423-.305-.294-.46-.706-.46-1.23 0-.523.155-.935.46-1.23.291-.28.695-.422 1.193-.422.499 0 .902.143 1.194.423.302.294.46.706.46 1.23 0 .523-.155.935-.46 1.23-.289.28-.692.422-1.194.422zm-.532-1.653c0 .41.123.533.532.533.41 0 .533-.124.533-.533 0-.409-.124-.532-.533-.532-.409 0-.532.123-.532.532z",
+            d: "M16.974 17.285H10.61c-.852 0-1.607-.288-2.185-.83-.602-.566-.992-1.384-1.157-2.43-.131-.834-1.476-8.638-1.664-9.689-.123-.684-.835-1.196-1.661-1.196H2.57A.571.571 0 012 2.57c0-.314.256-.57.57-.57h1.376c1.39 0 2.561.897 2.783 2.137.05.277.226 1.289.446 2.564h3.304V5.49a.442.442 0 01.002-.063c.034-.455.46-.81 1.271-1.054.664-.2 1.541-.31 2.464-.31.924 0 1.801.11 2.465.31.765.23 1.188.56 1.262.978a.43.43 0 01.017.139v1.214h3.459a.571.571 0 01.552.71l-.443 1.77a2593.494 2593.494 0 01-.67 2.684c-.253 1.02-.47 1.89-.556 2.215-.27 1.042-.664 1.809-1.202 2.347-.567.567-1.282.855-2.126.855zm.986-9.442v5.596c0 .484-.427.86-1.273 1.114-.664.202-1.542.31-2.468.31-.926 0-1.8-.11-2.467-.31-.846-.254-1.273-.63-1.273-1.114V7.84H7.372c.435 2.524.942 5.476 1.027 6.009.125.79.396 1.385.812 1.778.364.345.837.521 1.402.521h6.361c.695 0 1.681-.242 2.225-2.35.078-.3.273-1.08.506-2.013l.392-1.569.143-.572c.166-.67.323-1.298.45-1.8h-2.73zm-.886-2.356c-.077-.068-.288-.208-.809-.345-.564-.145-1.29-.225-2.046-.225-.755 0-1.481.08-2.045.225-.522.137-.732.277-.81.345.058.051.19.143.47.243.095.033.207.068.34.102.564.145 1.29.225 2.045.225.755 0 1.482-.08 2.046-.225.522-.135.733-.277.809-.345zm-5.735.967l-.006 1.651c.034.043.211.214.84.376.565.146 1.291.226 2.046.226.755 0 1.482-.08 2.046-.226.63-.162.806-.336.84-.376V6.453a4.303 4.303 0 01-.418.151c-.664.2-1.542.31-2.465.31-.923 0-1.8-.11-2.464-.31a3.96 3.96 0 01-.419-.15zm.413 2.8a3.925 3.925 0 01-.416-.15l-.003 1.651c.034.043.211.214.84.376.565.145 1.291.225 2.046.225.755 0 1.482-.08 2.046-.225.63-.162.806-.336.84-.376V9.104a3.924 3.924 0 01-.418.15 5.48 5.48 0 01-.259.07c-.625.155-1.398.24-2.206.24h-.003c-.926 0-1.8-.111-2.467-.31zm-.419 4.156c.037.043.217.214.84.376.565.146 1.291.225 2.046.225.755 0 1.482-.08 2.046-.225.624-.16.803-.33.84-.376v-1.655a4.314 4.314 0 01-.418.151c-.664.2-1.542.31-2.465.31-.923 0-1.8-.11-2.467-.31a4.314 4.314 0 01-.419-.151l-.003 1.655zM10.61 22c-.51 0-.918-.145-1.214-.43-.31-.3-.467-.718-.467-1.25 0-.534.156-.953.467-1.252.296-.285.707-.43 1.214-.43s.917.145 1.213.43c.31.3.468.718.468 1.251 0 .533-.157.952-.468 1.25-.293.286-.703.431-1.213.431zm0-2.222c-.416 0-.542.125-.542.541 0 .416.126.541.542.541.416 0 .541-.125.541-.54 0-.417-.125-.542-.541-.542zM16.165 22c-.51 0-.917-.145-1.213-.43-.311-.3-.468-.718-.468-1.25 0-.534.157-.953.468-1.252.296-.285.706-.43 1.213-.43.507 0 .918.145 1.214.43.308.3.467.718.467 1.251 0 .533-.157.952-.467 1.25-.294.286-.704.431-1.214.431zm0-2.222c-.416 0-.541.125-.541.541 0 .416.125.541.541.541.416 0 .542-.125.542-.54 0-.417-.126-.542-.542-.542z",
             fill: fillColor
         })
     }));

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

@@ -119,7 +119,7 @@ var IconEcoLight = function IconEcoLight(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M9.697 10.98c-.738.683-1.798 1.028-3.153 1.028-1.387 0-2.468-.364-3.21-1.078-.718-.69-1.105-1.695-1.157-2.99a.282.282 0 01-.006-.058V4.675A1.423 1.423 0 013.583 3.26h2.96c1.386 0 2.464.365 3.205 1.081.77.745 1.163 1.852 1.163 3.297 0 1.218-.278 2.199-.83 2.921 1.35 2.539 1.634 5.752 1.763 7.896.253-1.131.641-2.552 1.22-3.94.22-.525.454-1.014.703-1.465-.442-.693-.666-1.592-.666-2.68 0-1.44.39-2.544 1.157-3.286.74-.715 1.818-1.076 3.202-1.076h2.96c.77.003 1.401.63 1.401 1.4v3.208a.25.25 0 01-.01.073c-.053 1.284-.44 2.28-1.152 2.963-.737.715-1.813 1.076-3.2 1.076-1.383 0-2.461-.361-3.2-1.076a3.29 3.29 0 01-.143-.145c-1.17 2.232-1.8 5.005-2.127 7.008a.267.267 0 01-.26.224h-.004M6.54 11.453c1.28 0 2.24-.328 2.878-.98-.82-1.389-1.907-2.347-3.25-2.86a.267.267 0 01.19-.499c1.533.586 2.629 1.64 3.415 2.91.388-.606.582-1.403.582-2.389 0-2.535-1.283-3.82-3.815-3.82H3.583a.865.865 0 00-.857.86v2.96c0 2.533 1.283 3.818 3.815 3.818zm10.919 2.748c2.543 0 3.832-1.288 3.832-3.832 0-.018.002-.037.005-.054V7.408a.882.882 0 00-.874-.873H17.46c-2.544 0-3.832 1.288-3.832 3.834 0 .864.149 1.583.444 2.156.312-.506.644-.956.993-1.346.93-1.042 1.997-1.678 3.173-1.891a.265.265 0 01.096.521c-1.71.311-2.99 1.573-3.945 3.206.633.789 1.658 1.186 3.07 1.186z",
+                d: "M3.437 3.002c-.79.003-1.434.65-1.437 1.44v3.265c0 .02.002.04.006.059.053 1.318.447 2.341 1.177 3.043.756.727 1.856 1.097 3.267 1.097 1.38 0 2.459-.351 3.21-1.045.278.547.521 1.151.728 1.812.718 2.295.858 4.773.95 6.412l.002.043c.036.621.064 1.113.117 1.437a.272.272 0 00.228.225c.014.003.028.003.043.003a.272.272 0 00.265-.228c.332-2.039.973-4.861 2.165-7.133.047.05.095.1.144.148.753.727 1.85 1.095 3.259 1.095 1.411 0 2.506-.368 3.256-1.095.725-.696 1.118-1.709 1.173-3.016a.256.256 0 00.01-.075V7.225c0-.784-.642-1.423-1.425-1.426H17.56c-1.409 0-2.506.368-3.259 1.095-.781.756-1.177 1.879-1.177 3.344 0 1.108.227 2.023.677 2.729-.253.459-.491.957-.714 1.49-.59 1.414-.985 2.86-1.243 4.011-.131-2.182-.42-5.452-1.794-8.036.562-.736.844-1.734.844-2.973 0-1.472-.399-2.598-1.183-3.356-.755-.73-1.851-1.1-3.26-1.1a371.8 371.8 0 00-3.015 0zm-.873 4.454V4.442a.88.88 0 01.873-.875h3.01c2.578 0 3.884 1.309 3.884 3.889 0 1.003-.198 1.815-.592 2.431-.801-1.294-1.916-2.365-3.477-2.962a.272.272 0 00-.194.508c1.368.522 2.474 1.497 3.309 2.91-.649.664-1.627.999-2.93.999-2.577 0-3.883-1.309-3.883-3.886zm11.097 2.782c0-2.591 1.311-3.903 3.9-3.903h3.016a.898.898 0 01.89.89v2.958a.266.266 0 00-.006.055c0 2.59-1.311 3.9-3.9 3.9-1.438 0-2.482-.404-3.125-1.207.972-1.662 2.274-2.946 4.015-3.263a.27.27 0 00-.098-.53c-1.197.216-2.283.864-3.23 1.924a9.646 9.646 0 00-1.01 1.37c-.301-.583-.452-1.315-.452-2.194z",
                 fill: fillColor
             })
         }));

package/dist/generated/mistica-icons/icon-justice-regular.js

@@ -113,7 +113,7 @@ var IconJusticeRegular = function IconJusticeRegular(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                d: "M21.828 14.066a.16.16 0 01.008.044c0 .918-.258 1.641-.753 2.15-.429.432-1.009.676-1.717.726a64.99 64.99 0 01-2.009.006c-.75-.037-1.358-.28-1.806-.728-.494-.496-.746-1.2-.76-2.082-.002-.005-.002-.01-.002-.016l-.002-.03a.244.244 0 01.01-.089.376.376 0 00.012-.073c0-.018 0-.038.008-.058l2.22-7.367c-.912-.002-2.184-.002-3.257-.002v11.935h1.446c.79 0 1.42.235 1.88.698.475.479.716 1.156.716 2.02a.632.632 0 01-.619.643.12.12 0 01-.034-.006l-.02-.005-.022.005a.12.12 0 01-.033.006H6.904a.12.12 0 01-.035-.006l-.019-.005-.023.005a.121.121 0 01-.033.006.632.632 0 01-.619-.644c0-.86.241-1.54.717-2.02.46-.462 1.09-.697 1.883-.697h1.442V6.547c-1.073.002-2.342.002-3.255.002l2.224 7.367c.005.019.005.037.006.054 0 .014 0 .028.003.041a.385.385 0 00.008.037.22.22 0 01.011.064l-.001.027a.306.306 0 00-.001.027c-.003.005-.003.01-.003.016-.014.883-.264 1.586-.76 2.082-.445.448-1.053.692-1.803.728a65.34 65.34 0 01-2.014-.006c-.712-.05-1.289-.294-1.717-.725-.502-.507-.76-1.23-.76-2.149v-.002c0-.016.005-.032.01-.047.003-.013.006-.025.007-.038l.005-.038a.531.531 0 01.029-.13L5.158 6.69a1.109 1.109 0 00-.35.219.593.593 0 01-.871-.02.665.665 0 01.02-.913c.437-.437 1.03-.678 1.767-.714.056-.006 3.33-.006 5.232-.006a1.083 1.083 0 01-.207-.162c-.285-.286-.428-.709-.428-1.255 0-.552.145-.975.428-1.26.272-.278.667-.418 1.171-.418h.146v.003c.003-.003.008-.003.011-.003.504 0 .9.14 1.171.417.286.286.429.709.429 1.26 0 .547-.146.97-.429 1.256a1.333 1.333 0 01-.207.162c1.899 0 5.173.003 5.232.006.737.036 1.33.277 1.768.714.246.25.255.658.02.913a.596.596 0 01-.874.02 1.175 1.175 0 00-.354-.219l2.953 7.168a.56.56 0 01.033.168.217.217 0 00.009.04zM11.45 6.546h.17c.005 0 .009.002.013.003a.03.03 0 00.013.003h.022c.06 0 .225-.003.37-.003v.003h.308l.013-.003a.04.04 0 01.012-.002h.168v11.935h-1.09V6.547zM17.945 7.8l-1.708 5.666h4.042L17.945 7.8zm2.272 7.532c.143-.143.247-.336.308-.574h-4.44c.065.238.169.431.311.574.227.224.563.35 1 .37a58.297 58.297 0 001.877-.003c.415-.028.731-.154.944-.367zm-3.977 4.776c-.222-.221-.563-.334-1.023-.334H8.77c-.46 0-.804.113-1.022.334-.11.115-.197.263-.253.448h9a1.11 1.11 0 00-.254-.448zM3.707 13.465H7.75L6.041 7.8l-2.334 5.666zm3.883 1.866c.143-.143.246-.336.31-.574H3.46c.062.238.166.431.309.574.216.216.532.339.947.367a58.288 58.288 0 001.876.003c.435-.023.774-.146.998-.37z",
+                d: "M20.352 15.383c-.216.216-.538.344-.96.373a59.137 59.137 0 01-1.906.002c-.444-.02-.786-.148-1.016-.375a1.281 1.281 0 01-.316-.584h4.511a1.253 1.253 0 01-.313.584zm-2.308-7.654l2.37 5.758h-4.106l1.736-5.758zm-2.772 12.168c.466 0 .814.114 1.039.338.113.117.199.268.259.456H7.425c.057-.188.145-.339.256-.456.222-.224.572-.338 1.039-.338h6.552zm-3.828-13.44h.173c.009 0 .017.006.026.006.008 0 .219-.003.398-.003v.003h.313c.009 0 .017-.006.026-.006h.17v12.128h-1.106V6.457zm-3.76 7.03H3.577l2.37-5.758 1.737 5.758zm-.162 1.896c-.228.227-.573.353-1.014.375a59.142 59.142 0 01-1.907-.003c-.42-.028-.742-.153-.962-.372a1.253 1.253 0 01-.313-.584h4.511c-.065.242-.17.439-.315.584zm14.475-1.241c0-.029-.014-.054-.017-.086a.569.569 0 00-.034-.17l-3-7.284c.137.06.262.128.359.222a.606.606 0 00.888-.02.678.678 0 00-.02-.928c-.444-.444-1.048-.688-1.796-.725-.06-.003-3.387-.006-5.317-.006a1.35 1.35 0 00.21-.165c.288-.29.436-.72.436-1.275 0-.56-.145-.99-.435-1.28-.276-.283-.678-.425-1.19-.425-.003 0-.008 0-.011.003V2h-.148c-.513 0-.914.142-1.19.424-.287.29-.435.72-.435 1.28 0 .556.145.986.435 1.276a1.1 1.1 0 00.21.165c-1.932 0-5.26 0-5.316.006-.749.037-1.352.281-1.796.725a.675.675 0 00-.02.928.602.602 0 00.453.202c.156 0 .313-.06.432-.182.094-.094.222-.165.356-.222l-3 7.284c-.023.054-.025.113-.034.17-.003.029-.017.057-.017.086v.003c0 .933.262 1.667.771 2.183.436.438 1.022.686 1.745.737a66.277 66.277 0 002.046.005c.763-.037 1.38-.284 1.833-.74.504-.503.757-1.218.772-2.114 0-.006 0-.012.002-.017 0-.02.003-.034.003-.054 0-.037-.014-.069-.02-.103-.005-.031 0-.063-.008-.097L6.884 6.46c.928 0 2.217 0 3.307-.003v12.128H8.725c-.805 0-1.445.239-1.912.708-.484.487-.729 1.179-.729 2.052 0 .362.282.655.63.655.02 0 .036-.009.056-.011.017.002.034.011.054.011H17.18c.02 0 .037-.009.056-.011.018.002.035.011.055.011a.642.642 0 00.629-.655c0-.876-.245-1.565-.729-2.052-.467-.47-1.107-.708-1.91-.708h-1.468V6.457c1.09 0 2.382 0 3.31.003l-2.257 7.485c-.012.034-.006.066-.012.097-.005.034-.02.066-.02.103 0 .017.003.034.003.054 0 .005 0 .011.003.017.014.896.27 1.61.771 2.114.456.456 1.073.703 1.836.74a65.907 65.907 0 002.04-.006c.72-.05 1.31-.298 1.745-.736.504-.518.766-1.253.766-2.186z",
                 fill: fillColor
             })
         }));

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

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

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

@@ -0,0 +1,109 @@
+"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 IconTokensFilled = function IconTokensFilled(_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: "M13.43 4.63l-.016.034-.029.066-.005.01a11.525 11.525 0 01-1.845 2.881 11.612 11.612 0 01-3.95 2.931 12.737 12.737 0 00-2.032-2.457 8.422 8.422 0 002.19-1.11 8.586 8.586 0 002.83-3.4.9.9 0 00.03-.068l.005-.013a1.52 1.52 0 012.763-.125l.027.063.02.045.014.03.008.018c.133.353.13.744-.01 1.095zM8.207 16.026a12.725 12.725 0 00-2.95 1.346 8.572 8.572 0 00-.327-2.294 8.515 8.515 0 00-2.386-3.885l-.005-.005a2.844 2.844 0 00-.074-.067l-.006-.006A1.516 1.516 0 013.49 8.511h.024a1.51 1.51 0 011.072.445c.02.02.042.038.065.055a11.46 11.46 0 012.115 2.671l.003.006a11.612 11.612 0 011.437 4.338zm10.659 2.754a8.579 8.579 0 011.247-5.97 12.745 12.745 0 01-3.117-.657 11.576 11.576 0 00-.87 8.3c.109.29.302.542.555.721h.002l.014.009.04.027a1.52 1.52 0 002.303-1.61l-.029-.114a8.117 8.117 0 01-.145-.707zm-6.83.99c.924.005 1.84.16 2.714.457a12.796 12.796 0 01-.302-3.226 11.577 11.577 0 00-5.386.115c-1.17.308-2.283.8-3.298 1.455l-.012.008c-.083.053-.17.11-.26.173a1.51 1.51 0 00-.476.692 8.235 8.235 0 01-.055.21 1.52 1.52 0 002.402 1.495l.01-.007A8.494 8.494 0 0112 19.77h.036zm2.52-4.057c.19-1.407.611-2.774 1.246-4.044a12.917 12.917 0 01-3.785-2.679 12.91 12.91 0 01-3.798 2.687 12.937 12.937 0 011.242 4.031 12.876 12.876 0 015.095.005zm7.002-4.615c.284-.284.444-.67.445-1.072a1.523 1.523 0 00-1.395-1.512l-.074-.005h-.015a8.462 8.462 0 01-5.992-3.188 12.775 12.775 0 01-1.657 2.705 11.593 11.593 0 004.065 2.734c1.096.435 2.253.698 3.43.78h.016l.025.001a1.518 1.518 0 001.152-.443z",
+            fill: fillColor
+        })
+    }));
+};
+var _default = IconTokensFilled;
+exports.default = _default;

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

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

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

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