@rango-dev/ui 0.1.11-next.10 → 0.1.11-next.12

package/dist/ui.esm.js

@@ -1504,10 +1504,7 @@ var TypographyContainer = /*#__PURE__*/styled('span', {
       },
       body2: {
         fontSize: '$14',
-        fontWeight: '$400',
-        '@lg': {
-          fontSize: '$16'
-        }
+        fontWeight: '$400'
       },
       body3: {
         fontSize: '$12',
@@ -2998,7 +2995,7 @@ function Alert(props) {
     color: type,
     size: 24
   }), React__default.createElement(Spacer, {
-    size: 8
+    size: 4
   }))), React__default.createElement("div", {
     style: {
       display: 'flex',
@@ -3012,7 +3009,7 @@ function Alert(props) {
     variant: "title",
     color: type
   }, title), !!children && React__default.createElement(Spacer, {
-    size: 8,
+    size: 4,
     direction: "vertical"
   })), children)), props.footer ? React__default.createElement("div", {
     className: "footer"
@@ -4006,8 +4003,8 @@ function Settings(props) {
     onSlippageChange(slippage);
   };
   var PageContent = React__default.createElement(React__default.Fragment, null, React__default.createElement(BaseContainer, null, React__default.createElement(Head, null, React__default.createElement(Typography, {
-    variant: "body1"
-  }, "Slippage tolerance per swap"), customSlippage ? React__default.createElement(Typography, {
+    variant: "body2"
+  }, "Slippage tolerance"), customSlippage ? React__default.createElement(Typography, {
     variant: "caption",
     color: "error"
   }, customSlippage, "% Custom") : undefined), React__default.createElement(SlippageChipsContainer, null, slippages.map(function (slippage, index) {
@@ -4061,7 +4058,7 @@ function Settings(props) {
       marginTop: '$24'
     }
   })), React__default.createElement(InfiniteContainer, null, React__default.createElement(Typography, {
-    variant: "body1"
+    variant: "body2"
   }, "Infinite Approval"), React__default.createElement(Switch, {
     checked: infiniteApprove,
     onChange: toggleInfiniteApprove
@@ -4078,7 +4075,7 @@ function Settings(props) {
       color: "$error500"
     }, "Loading failed"), React__default.createElement(StyledAngleRight, null))
   }, React__default.createElement(Typography, {
-    variant: "body1"
+    variant: "body2"
   }, "Liquidity Sources"))));
   return React__default.createElement(SecondaryPage, {
     title: "Settings",
@@ -4661,21 +4658,21 @@ var SwapMessages = function SwapMessages(props) {
       onClick: props.switchNetwork
     }, "Change network to ", currentStepBlockchain)
   }), !!detailedMessage.content ? React__default.createElement(DetailedMessage, null, React__default.createElement(Typography, {
-    variant: "body3"
+    variant: "body2"
   }, shouldShowMoreDetailsButton && !expandedMessage ? detailedMessage.content.substring(0, allowedNumberOfChars) + (allowedNumberOfChars > 0 ? '...' : '') : detailedMessage.content)) : null, !!lastConvertedTokenInFailedSwap && React__default.createElement(React__default.Fragment, null, React__default.createElement("p", null, React__default.createElement(Typography, {
-    variant: "body3"
+    variant: "body2"
   }, "Don't worry, your fund is\xA0"), React__default.createElement(SuccessText, {
-    variant: "body3"
+    variant: "body2"
   }, React__default.createElement("b", null, "Safe"))), React__default.createElement("p", null, React__default.createElement(Typography, {
-    variant: "body3"
+    variant: "body2"
   }, "It is converted to \xA0", React__default.createElement("u", null, lastConvertedTokenInFailedSwap.outputAmount), "\xA0"), React__default.createElement(SuccessText, {
-    variant: "body3"
+    variant: "body2"
   }, React__default.createElement("b", null, lastConvertedTokenInFailedSwap.symbol, "\xA0")), React__default.createElement(Typography, {
-    variant: "body3"
+    variant: "body2"
   }, "on your\xA0"), React__default.createElement(SuccessText, {
-    variant: "body3"
+    variant: "body2"
   }, React__default.createElement("b", null, lastConvertedTokenInFailedSwap.blockchain, "\xA0")), React__default.createElement(Typography, {
-    variant: "body3"
+    variant: "body2"
   }, "wallet"))));
 };
 
@@ -4698,7 +4695,8 @@ var SwapperContainer$1 = /*#__PURE__*/styled('div', {
   }
 });
 var FeeContainer = /*#__PURE__*/styled('div', {
-  paddingLeft: '$16'
+  paddingLeft: '$16',
+  color: '$neutrals800'
 });
 var Fee = /*#__PURE__*/styled('div', {
   display: 'flex',
@@ -4865,9 +4863,9 @@ function SwapHistory(props) {
       alt: step.swapperId,
       size: 20
     }), React__default.createElement(FeeContainer, null, React__default.createElement(Typography, {
-      variant: "caption"
+      variant: "body2"
     }, step.swapperType === 'DEX' ? 'Swap' : 'Bridge', " via", ' ', step.swapperId), React__default.createElement(Fee, null, React__default.createElement(GasIcon, null), React__default.createElement(Typography, {
-      variant: "caption"
+      variant: "body2"
     }, "\xA0 $", step.feeInUsd, " estimated gas fee")))), React__default.createElement("div", {
       style: {
         display: 'flex'
@@ -4882,7 +4880,7 @@ function SwapHistory(props) {
       }), React__default.createElement(CheckCircleIcon, {
         color: "primary"
       }), React__default.createElement(Description, {
-        variant: "body3"
+        variant: "body2"
       }, React__default.createElement(StyledAnchor, {
         href: item.url,
         target: "_blank",
@@ -4892,7 +4890,7 @@ function SwapHistory(props) {
     })), step.status === 'failed' && React__default.createElement(InternalDetail, null, React__default.createElement(DescriptionContainer, null, React__default.createElement(InfoCircleIcon, {
       color: "error"
     }), React__default.createElement(Description, {
-      variant: "body3",
+      variant: "body2",
       color: "$error500"
     }, "Step failed")))))), index + 1 === pendingSwap.steps.length && React__default.createElement(ArrowDown, null), React__default.createElement(StepDetail, {
       logo: step.toLogo,