@telefonica/mistica 12.6.0 → 12.8.0

package/dist-es/carousel.js

@@ -118,6 +118,7 @@ var useBulletsStyles = 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(param) {
                     var isInverse = param.isInverse;
@@ -209,7 +210,7 @@ var useStyles = createUseStyles(function(theme) {
         },
         arrowButton: _objectSpread({}, arrowButtonStyle(theme), {
             position: "absolute",
-            zIndex: 1,
+            zIndex: 2,
             top: "calc(50% - ".concat(arrowButtonSize / 2, "px)"),
             "&.prev": {
                 left: function(param) {
@@ -392,7 +393,7 @@ var calcCurrentPageIndex = function(scrollPosition, pagesScrollPositions) {
 };
 var DEFAULT_AUTOPLAY_TIME = 5000;
 var BaseCarousel = function(param) {
-    var items = param.items, itemStyle = param.itemStyle, itemClassName = param.itemClassName, withBullets = param.withBullets, renderBullets = param.renderBullets, itemsPerPage = param.itemsPerPage, itemsToScroll = param.itemsToScroll, _mobilePageOffset = param.mobilePageOffset, mobilePageOffset = _mobilePageOffset === void 0 ? 16 : _mobilePageOffset, gapProp = param.gap, free = param.free, centered = param.centered, autoplay = param.autoplay, onPageChange = param.onPageChange, dataAttributes = param.dataAttributes;
+    var items = param.items, itemStyle = param.itemStyle, itemClassName = param.itemClassName, withBullets = param.withBullets, renderBullets = param.renderBullets, initialActiveItem = param.initialActiveItem, itemsPerPage = param.itemsPerPage, itemsToScroll = param.itemsToScroll, _mobilePageOffset = param.mobilePageOffset, mobilePageOffset = _mobilePageOffset === void 0 ? 16 : _mobilePageOffset, gapProp = param.gap, free = param.free, centered = param.centered, autoplay = param.autoplay, onPageChange = param.onPageChange, dataAttributes = param.dataAttributes;
     var texts = useTheme().texts;
     var containerType = useContainerType();
     var itemsPerPageConfig = normalizeItemsPerPage(itemsPerPage);
@@ -417,7 +418,12 @@ var BaseCarousel = function(param) {
         scrollRight: 0
     }), 2), ref2 = ref1[0], scrollLeft1 = ref2.scrollLeft, scrollRight1 = ref2.scrollRight, setScroll = ref1[1];
     var ref3 = _slicedToArray(React.useState([]), 2), itemScrollPositions = ref3[0], setItemScrollPositions = ref3[1];
-    var pagesScrollPositions = calcPagesScrollPositions(itemScrollPositions, pagesCount);
+    var pagesScrollPositions = React.useMemo(function() {
+        return calcPagesScrollPositions(itemScrollPositions, pagesCount);
+    }, [
+        itemScrollPositions,
+        pagesCount
+    ]);
     var scrollPositions = itemsToScroll ? calcPagesScrollPositions(itemScrollPositions, Math.ceil(items.length / itemsToScroll)) : pagesScrollPositions;
     var showNextArrow = scrollRight1 !== 0;
     var showPrevArrow = scrollLeft1 !== 0;
@@ -525,6 +531,15 @@ var BaseCarousel = function(param) {
         scrollPositions
     ]);
     var shouldAutoplay = useShouldAutoplay(!!autoplay, carouselRef);
+    React.useEffect(function() {
+        if (initialActiveItem !== undefined) {
+            goToPage(Math.floor(initialActiveItem / itemsPerPageFloor));
+        }
+    }, [
+        initialActiveItem,
+        goToPage,
+        itemsPerPageFloor
+    ]);
     React.useEffect(function() {
         if (shouldAutoplay && autoplay) {
             var time = typeof autoplay === "boolean" ? DEFAULT_AUTOPLAY_TIME : autoplay.time;
@@ -639,7 +654,7 @@ export var Carousel = function(props) {
     return /*#__PURE__*/ _jsx(BaseCarousel, _objectSpread({}, props));
 };
 export var CenteredCarousel = function(param) {
-    var items = param.items, itemStyle = param.itemStyle, itemClassName = param.itemClassName, withBullets = param.withBullets, renderBullets = param.renderBullets, onPageChange = param.onPageChange, dataAttributes = param.dataAttributes;
+    var items = param.items, itemStyle = param.itemStyle, itemClassName = param.itemClassName, withBullets = param.withBullets, renderBullets = param.renderBullets, initialActiveItem = param.initialActiveItem, onPageChange = param.onPageChange, dataAttributes = param.dataAttributes;
     return /*#__PURE__*/ _jsx(BaseCarousel, {
         items: items,
         itemStyle: itemStyle,
@@ -654,6 +669,7 @@ export var CenteredCarousel = function(param) {
         gap: 0,
         withBullets: withBullets,
         renderBullets: renderBullets,
+        initialActiveItem: initialActiveItem,
         onPageChange: onPageChange,
         dataAttributes: dataAttributes
     });
@@ -683,7 +699,7 @@ var useSlideshowStyles = 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
@@ -701,7 +717,8 @@ var useSlideshowStyles = createUseStyles(function(theme) {
             bottom: 24,
             display: "flex",
             justifyContent: "center",
-            width: "100%"
+            width: "100%",
+            zIndex: 2
         }
     };
 });

package/dist-es/fixed-footer-layout.js

@@ -63,8 +63,9 @@ import classnames from "classnames";
 import debounce from "lodash/debounce";
 import { createUseStyles } from "./jss";
 import { isRunningAcceptanceTest } from "./utils/platform";
-import { useElementDimensions, useIsomorphicLayoutEffect, useScreenSize, useTheme } from "./hooks";
+import { useElementDimensions, useIsomorphicLayoutEffect, useScreenHeight, useScreenSize, useTheme, useWindowHeight } from "./hooks";
 import { addPassiveEventListener, getScrollableParentElement, getScrollDistanceToBottom, hasScroll, removePassiveEventListener } from "./utils/dom";
+var FOOTER_CANVAS_RATIO = 2;
 var getScrollEventTarget = function(el) {
     return el === document.documentElement ? window : el;
 };
@@ -91,8 +92,8 @@ var useStyles = createUseStyles(function(theme) {
         },
         containerSmall: {
             paddingBottom: function(param) {
-                var height = param.height;
-                return height;
+                var footerHeight = param.footerHeight;
+                return footerHeight;
             },
             backgroundColor: function(param) {
                 var containerBgColor = param.containerBgColor;
@@ -100,8 +101,17 @@ var useStyles = createUseStyles(function(theme) {
             }
         }
     }, theme.mq.tabletOrSmaller, {
+        containerSmall: {
+            paddingBottom: function(param) {
+                var footerHeight = param.footerHeight, isContentWithScroll = param.isContentWithScroll, hasContentEnoughVSpace = param.hasContentEnoughVSpace;
+                return hasContentEnoughVSpace || !isContentWithScroll ? footerHeight : 0;
+            }
+        },
         footer: {
-            position: "fixed",
+            position: function(param) {
+                var hasContentEnoughVSpace = param.hasContentEnoughVSpace, isContentWithScroll = param.isContentWithScroll;
+                return hasContentEnoughVSpace || !isContentWithScroll ? "fixed" : "initial";
+            },
             left: 0,
             bottom: 0,
             zIndex: 1
@@ -117,12 +127,18 @@ var FixedFooterLayout = function(param) {
     var containerRef = React.useRef(null);
     var isTabletOrSmaller = useScreenSize().isTabletOrSmaller;
     var platformOverrides = useTheme().platformOverrides;
-    var ref1 = useElementDimensions(), realHeight = ref1.height, ref2 = ref1.ref;
+    var ref1 = useElementDimensions(), realFooterHeight = ref1.height, ref2 = ref1.ref;
+    var windowHeight = useWindowHeight();
+    var screenHeight = useScreenHeight();
+    var hasContentEnoughVSpace = windowHeight - realFooterHeight > screenHeight / FOOTER_CANVAS_RATIO;
+    var hasContentScroll = function() {
+        return hasScroll(getScrollableParentElement(containerRef.current));
+    };
     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 = getScrollableParentElement(containerRef.current);
@@ -130,6 +146,9 @@ var FixedFooterLayout = function(param) {
             if (isRunningAcceptanceTest(platformOverrides)) {
                 return false;
             }
+            if (!hasContentEnoughVSpace) {
+                return false;
+            }
             if (hasScroll(scrollable)) {
                 return getScrollDistanceToBottom(scrollable) > 1; // This is 1 and not 0 because a weird bug with Safari
             }
@@ -152,14 +171,17 @@ var FixedFooterLayout = function(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__*/ _jsxs(_Fragment, {

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

@@ -53,7 +53,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /*
  * This file was autogenerated. Don't edit this file!
  *
@@ -70,22 +70,16 @@ var IconBuyDataLight = function(_param) {
     var colors = useTheme().colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return /*#__PURE__*/ _jsxs("svg", _objectSpread({
+    return /*#__PURE__*/ _jsx("svg", _objectSpread({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, rest, {
-        children: [
-            /*#__PURE__*/ _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__*/ _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__*/ _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
+        })
     }));
 };
 export default IconBuyDataLight;

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

@@ -77,7 +77,7 @@ var IconBuyDataRegular = function(_param) {
         role: "presentation"
     }, rest, {
         children: /*#__PURE__*/ _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-es/generated/mistica-icons/icon-eco-light.js

@@ -96,7 +96,7 @@ var IconEcoLight = function(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ _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-es/generated/mistica-icons/icon-justice-regular.js

@@ -90,7 +90,7 @@ var IconJusticeRegular = function(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ _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-es/generated/mistica-icons/icon-tokens-filled.js

@@ -0,0 +1,85 @@
+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) {
+    for(var i = 1; i < arguments.length; 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]);
+        });
+    }
+    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;
+}
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
+var IconTokensFilled = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var colors = useTheme().colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return /*#__PURE__*/ _jsx("svg", _objectSpread({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest, {
+        children: /*#__PURE__*/ _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
+        })
+    }));
+};
+export default IconTokensFilled;

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

@@ -0,0 +1,85 @@
+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) {
+    for(var i = 1; i < arguments.length; 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]);
+        });
+    }
+    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;
+}
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
+var IconTokensLight = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var colors = useTheme().colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return /*#__PURE__*/ _jsx("svg", _objectSpread({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest, {
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M22 10.196a2.254 2.254 0 00-2.07-2.246l-.021-.001-.063-.005h-.009a6.868 6.868 0 01-5.723-4.013 2.256 2.256 0 00-4.194-.009v.003l-.009.023-.003.006c-.09.193-.182.37-.292.562a6.865 6.865 0 01-5.421 3.428H4.19c-.06.002-.12.006-.176.012l-.011.001h-.004a2.254 2.254 0 00-1.231 3.936l.004.004a6.852 6.852 0 011.938 3.15 6.961 6.961 0 01.079 3.504c-.026.08-.047.163-.064.246l-.006.03a2.258 2.258 0 003.402 2.332l.01-.006.005-.004a4.28 4.28 0 01.116-.077l.005-.003a6.882 6.882 0 013.741-1.107h.031a6.926 6.926 0 013.758 1.13l.004.002.004.002.013.01.027.017.004.003a2.251 2.251 0 002.212.14 2.26 2.26 0 001.223-2.528c0-.006-.003-.013-.005-.019a6.673 6.673 0 01-.144-.674 6.941 6.941 0 012.134-6.18l.043-.04A2.249 2.249 0 0022 10.196zm-2.902-1.774c.231.04.467.07.701.088h.009l.07.005h.001a1.687 1.687 0 01-.134 3.368c-.028 0-.058 0-.087-.002l-.035-.002h-.01a10.754 10.754 0 01-3.22-.733 10.893 10.893 0 01-4-2.763 11.38 11.38 0 001.662-2.659l.001-.004a2.28 2.28 0 00.05-.113l.004-.009c.043-.108.078-.22.105-.334a7.425 7.425 0 004.883 3.158zm-4.505 7.33a11.43 11.43 0 00-5.171-.005 11.49 11.49 0 00-1.289-4.191 11.472 11.472 0 003.883-2.744 11.469 11.469 0 003.87 2.738 11.497 11.497 0 00-1.293 4.201zM10.107 4.799a7.045 7.045 0 00.334-.652l.005-.014a1.69 1.69 0 013.08-.13l.003.009c.013.032.028.063.04.094l.024.05c.152.398.148.837-.011 1.232l-.044.099-.002.005v.002a10.81 10.81 0 01-1.734 2.707 10.891 10.891 0 01-3.952 2.858 11.342 11.342 0 00-2.02-2.476 2.295 2.295 0 00-.349-.279 7.36 7.36 0 002.458-1.13 7.536 7.536 0 002.168-2.375zM3.668 12a7.545 7.545 0 00-.507-.518l-.003-.003a4.351 4.351 0 00-.073-.067 1.687 1.687 0 011.136-2.9h.033a1.676 1.676 0 011.193.493.289.289 0 00.037.032 10.77 10.77 0 012 2.52 10.914 10.914 0 011.382 4.334c-1.07.306-2.089.768-3.023 1.371l-.008.005c-.09.059-.183.12-.285.19l-.017.012-.008.008A7.468 7.468 0 003.668 12zm8.33 7.394a7.453 7.453 0 00-4.054 1.202l-.003.002-.004.002a1.69 1.69 0 01-2.659-1.674l.001-.006c.02-.072.039-.145.056-.214.101-.31.29-.583.544-.787a8.51 8.51 0 01.257-.17l.007-.005c.954-.616 2-1.078 3.098-1.367a10.874 10.874 0 015.306-.051 11.375 11.375 0 00.3 3.297v.006c.026.11.056.223.086.337a.333.333 0 00.006.02l.005.014a7.514 7.514 0 00-2.914-.605h-.031zm6.765-4.51a7.544 7.544 0 00-.07 3.874c.009.035.018.07.029.105a1.692 1.692 0 01-2.565 1.794l-.002-.002-.035-.023-.01-.007-.003-.002a1.708 1.708 0 01-.626-.818 9.122 9.122 0 01-.081-.314l-.002-.007a10.87 10.87 0 011.02-7.721c1.012.377 2.074.606 3.152.681h.002l.057.004a2.304 2.304 0 00.348-.01 7.526 7.526 0 00-1.214 2.446z",
+            fill: fillColor
+        })
+    }));
+};
+export default IconTokensLight;

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

@@ -0,0 +1,85 @@
+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) {
+    for(var i = 1; i < arguments.length; 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]);
+        });
+    }
+    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;
+}
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
+var IconTokensRegular = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var colors = useTheme().colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return /*#__PURE__*/ _jsx("svg", _objectSpread({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest, {
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M22 10.254a2.482 2.482 0 00-2.276-2.472l-.034-.003a.438.438 0 01-.051-.004h-.013a6.373 6.373 0 01-5.305-3.721 2.483 2.483 0 00-4.614 0l-.002.006-.004.01v.003a6.371 6.371 0 01-5.297 3.7h-.005a2.481 2.481 0 00-1.56 4.34l.006.006a6.312 6.312 0 011.797 2.923 6.46 6.46 0 01.074 3.246c-.026.085-.048.17-.065.258l-.007.035a2.485 2.485 0 003.744 2.565l.02-.012.006-.005.108-.072.005-.002.003-.003a6.388 6.388 0 016.982.022h.002l.007.005.008.006.029.018.01.007a2.48 2.48 0 002.435.154 2.486 2.486 0 001.313-2.905 6.443 6.443 0 011.425-5.814 5.91 5.91 0 01.37-.381l.002-.003a4.014 4.014 0 01.124-.115l.014-.016A2.474 2.474 0 0022 10.254zm-3.16-1.433c.233.04.471.07.708.088h.01l.068.005a1.344 1.344 0 01-.108 2.683c-.023 0-.047 0-.07-.002h-.037a10.135 10.135 0 01-3.04-.692 10.275 10.275 0 01-3.6-2.422c.587-.735 1.08-1.54 1.468-2.397a7.497 7.497 0 004.6 2.737zm-4.575 6.471a11.408 11.408 0 00-4.515-.004 11.468 11.468 0 00-1.1-3.572 11.436 11.436 0 003.364-2.38c.965.987 2.101 1.79 3.353 2.373a11.467 11.467 0 00-1.103 3.583zM10.416 5.164a7.045 7.045 0 00.343-.674l.004-.01a1.346 1.346 0 012.449-.117v.002l.042.095.02.042c.117.313.114.66-.01.97-.013.028-.026.06-.04.088a.074.074 0 00-.003.009v.001a10.193 10.193 0 01-1.635 2.553 10.283 10.283 0 01-3.499 2.597 11.303 11.303 0 00-1.8-2.178 7.454 7.454 0 001.94-.983 7.601 7.601 0 002.189-2.397v.002zM4.132 11.81a7.397 7.397 0 00-.512-.522l-.004-.004a4.177 4.177 0 00-.066-.06l-.004-.004a1.344 1.344 0 01.785-2.3l.127-.008a1.337 1.337 0 01.974.393.612.612 0 00.057.05c.74.69 1.37 1.488 1.874 2.366a10.287 10.287 0 011.277 3.85c-.918.285-1.797.686-2.613 1.193a7.539 7.539 0 00-1.895-4.954zm4.308 7.974a7.701 7.701 0 00-.54.32l-.008.005a1.348 1.348 0 01-2.128-1.324l.048-.186c.08-.24.226-.453.422-.614l.23-.153.01-.006a10.17 10.17 0 012.923-1.29 10.26 10.26 0 014.772-.102c-.033.96.057 1.921.267 2.859a7.531 7.531 0 00-5.996.491zm9.842-5.06a7.616 7.616 0 00-.07 3.912 1.348 1.348 0 01-2.015 1.528l-.039-.026-.01-.006a1.36 1.36 0 01-.49-.64c-.027-.096-.051-.192-.074-.284l-.002-.008c-.57-2.379-.27-4.884.845-7.062.893.309 1.82.504 2.762.581a7.592 7.592 0 00-.907 2.005z",
+            fill: fillColor
+        })
+    }));
+};
+export default IconTokensRegular;

package/dist-es/hooks.js

@@ -147,10 +147,14 @@ export var useWindowSize = function() {
     ), 2), windowHeight = ref[0], setWindowHeight = ref[1];
     var ref6 = _slicedToArray(React.useState(typeof window !== "undefined" ? window.innerWidth : 800 // Best guess
     ), 2), windowWidth = ref6[0], setWindowWidth = ref6[1];
+    var ref7 = _slicedToArray(React.useState(typeof window !== "undefined" ? window.screen.availHeight : 1200), 2), screenHeight = ref7[0], setScreenHeight = ref7[1];
+    var ref8 = _slicedToArray(React.useState(typeof window !== "undefined" ? window.screen.availWidth : 800), 2), screenWidth = ref8[0], setScreenWidth = ref8[1];
     React.useEffect(function() {
         var handleResize = function() {
             setWindowHeight(window.innerHeight);
             setWindowWidth(window.innerWidth);
+            setScreenHeight(window.screen.availHeight);
+            setScreenWidth(window.screen.availWidth);
         };
         window.addEventListener("resize", handleResize);
         return function() {
@@ -161,11 +165,15 @@ export var useWindowSize = function() {
     return React.useMemo(function() {
         return {
             height: windowHeight,
-            width: windowWidth
+            width: windowWidth,
+            screenHeight: screenHeight,
+            screenWidth: screenWidth
         };
     }, [
         windowHeight,
-        windowWidth
+        windowWidth,
+        screenHeight,
+        screenWidth
     ]);
 };
 export var useWindowHeight = function() {
@@ -176,6 +184,10 @@ export var useWindowWidth = function() {
     var width = useWindowSize().width;
     return width;
 };
+export var useScreenHeight = function() {
+    var screenHeight = useWindowSize().screenHeight;
+    return screenHeight;
+};
 // React currently throws a warning when using useLayoutEffect on the server.
 // To get around it, we can conditionally useEffect on the server (no-op) and
 // useLayoutEffect in the browser