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

package/dist/ui.cjs.development.js

@@ -1511,10 +1511,7 @@ var TypographyContainer = /*#__PURE__*/styled('span', {
       },
       body2: {
         fontSize: '$14',
-        fontWeight: '$400',
-        '@lg': {
-          fontSize: '$16'
-        }
+        fontWeight: '$400'
       },
       body3: {
         fontSize: '$12',
@@ -3005,7 +3002,7 @@ function Alert(props) {
     color: type,
     size: 24
   }), React__default.createElement(Spacer, {
-    size: 8
+    size: 4
   }))), React__default.createElement("div", {
     style: {
       display: 'flex',
@@ -3019,7 +3016,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"
@@ -4012,8 +4009,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) {
@@ -4067,7 +4064,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
@@ -4084,7 +4081,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",
@@ -4667,21 +4664,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"))));
 };
 
@@ -4704,7 +4701,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',
@@ -4871,9 +4869,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'
@@ -4888,7 +4886,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",
@@ -4898,7 +4896,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,