@rango-dev/widget-embedded 0.27.2 → 0.27.3-next.1

package/dist/pages/Home.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/pages/Home.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA4BnD,eAAO,MAAM,6BAA6B,MAAM,CAAC;AAEjD,wBAAgB,IAAI,sBA0MnB"}
+{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/pages/Home.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA2BnD,eAAO,MAAM,6BAA6B,MAAM,CAAC;AAEjD,wBAAgB,IAAI,sBA0MnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.27.2",
+  "version": "0.27.3-next.1",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -24,14 +24,14 @@
   "dependencies": {
     "@lingui/core": "4.2.1",
     "@lingui/react": "4.2.1",
-    "@rango-dev/logging-core": "^0.2.0",
-    "@rango-dev/provider-all": "^0.32.1",
+    "@rango-dev/logging-core": "^0.2.1-next.1",
+    "@rango-dev/provider-all": "^0.32.2-next.0",
     "@rango-dev/queue-manager-core": "^0.26.0",
-    "@rango-dev/queue-manager-rango-preset": "^0.32.0",
+    "@rango-dev/queue-manager-rango-preset": "^0.32.1-next.0",
     "@rango-dev/queue-manager-react": "^0.26.0",
-    "@rango-dev/ui": "^0.33.0",
-    "@rango-dev/wallets-react": "^0.18.0",
-    "@rango-dev/wallets-shared": "^0.32.0",
+    "@rango-dev/ui": "^0.33.1-next.0",
+    "@rango-dev/wallets-react": "^0.18.1-next.0",
+    "@rango-dev/wallets-shared": "^0.32.1-next.0",
     "bignumber.js": "^9.1.1",
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "^1.11.7",

package/src/components/Quote/Quote.styles.ts

@@ -63,7 +63,25 @@ export const stepsDetailsStyles = css({
 });
 export const AllRoutesButton = styled(Button, {
   backgroundColor: 'transparent',
-  border: '1px solid $secondary',
+  border: '1px solid $secondary600',
+  [`.${darkTheme} &`]: {
+    border: '1px solid $secondary',
+  },
+  transition: 'background-color 0.3s ease',
+  '&:hover': {
+    backgroundColor: '$secondary600',
+    [`.${darkTheme} &`]: {
+      backgroundColor: '$secondary',
+    },
+    '.allRoutesLabel': {
+      $$color: '$colors$background',
+      [`.${darkTheme} &`]: {
+        $$color: '$colors$foreground',
+      },
+      color: '$$color',
+      transition: 'color 0.3s ease',
+    },
+  },
 });
 export const SummaryContainer = styled('div', {
   borderRadius: '$xm',

package/src/components/Quote/Quote.tsx

@@ -381,8 +381,18 @@ export function Quote(props: QuoteProps) {
               }}
               size="xxsmall"
               type="secondary"
-              variant="default">
-              <Typography color="secondary" variant="label" size="medium">
+              variant="default"
+              css={{
+                paddingLeft: '$10',
+                paddingRight: '$10',
+                paddingTop: '$5',
+                paddingBottom: '$5',
+              }}>
+              <Typography
+                color="secondary"
+                variant="body"
+                size="xsmall"
+                className="allRoutesLabel">
                 {i18n.t('See All Routes')}
               </Typography>
             </AllRoutesButton>

package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.test.ts

@@ -271,7 +271,7 @@ describe('usePrepareBlockchainList', () => {
     ]);
   });
 
-  it.only('Last item of the main list should be moved to front if it selected again.', () => {
+  it('Last item of the main list should be moved to front if it selected again.', () => {
     const listLimit = 10;
     const preferredBlockchains = ['AVAX_CCHAIN', 'BTC'];
     const expected = [

package/src/pages/Home.tsx

@@ -23,8 +23,7 @@ import { isVariantExpandable } from '../utils/configs';
 import { getSwapButtonState, isTokensIdentical } from '../utils/swap';
 
 const MainContainer = styled('div', {
-  display: 'grid',
-  gridTemplateColumns: 'auto auto',
+  display: 'flex',
   alignItems: 'flex-start',
   maxHeight: 700,
   '& .footer__alert': {