@rango-dev/ui 0.29.1-next.4 → 0.29.1-next.6

package/src/components/Popover/Popover.tsx

@@ -13,12 +13,12 @@ export const PopoverContentComponent = (
   props: PropsWithChildren<ContentType>,
   forwardedRef: Ref
 ) => {
-  const { container, children, styles, ...rest } = props;
+  const { container, children, styles, hasArrow = true, ...rest } = props;
   return (
     <RadixPopover.Portal container={container}>
       <PopoverContainer {...rest} ref={forwardedRef}>
         {children}
-        <PopoverArrow css={styles?.arrowStyles} />
+        {hasArrow && <PopoverArrow css={styles?.arrowStyles} />}
       </PopoverContainer>
     </RadixPopover.Portal>
   );
@@ -38,10 +38,11 @@ export function Popover(props: PropsWithChildren<PropTypes>) {
     collisionBoundary = [],
     collisionPadding = 0,
     container = document.body,
+    onOpenChange,
     ...rest
   } = props;
   return (
-    <RadixPopover.Root>
+    <RadixPopover.Root onOpenChange={onOpenChange}>
       <RadixPopover.Trigger asChild>{children}</RadixPopover.Trigger>
       <PopoverContent
         align={align}

package/src/components/Popover/Popover.types.ts

@@ -20,6 +20,8 @@ export interface ContentType {
   styles?: {
     arrowStyles?: CSS;
   };
+  hasArrow?: boolean;
+  onOpenChange?: (open: boolean) => void;
 }
 
 export type PropTypes = ContentType & {

package/src/components/index.ts

@@ -11,7 +11,7 @@ export * from './Chip';
 export * from './common';
 export * from './Divider';
 export * from './Drawer';
-export * from './ExpandedRoute';
+export * from './FullExpandedQuote';
 export * from './Header';
 export * from './Modal';
 export * from './MessageBox';

package/src/icons/Document.tsx

@@ -0,0 +1,50 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgDocument(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        d="M13.4552 8.11728H13.2618V3.37085C13.2618 3.32158 13.2418 3.27449 13.2065 3.24031C13.2038 3.23758 11.8927 1.96816 11.8902 1.9658C11.8549 1.9338 11.8102 1.91852 11.7636 1.91452H11.3889L11.0773 0.150203C11.0598 0.0512962 10.9651 -0.0145205 10.8668 0.00275184L3.4613 1.30817C3.36258 1.32563 3.29658 1.41981 3.31385 1.51871L3.43476 2.20852L1.1199 3.05104C1.02736 3.08268 0.975905 3.19304 1.01118 3.28413L2.29151 6.80168C1.84407 6.75477 1.42789 7.08567 1.43153 7.54748V15.2542C1.43153 15.6655 1.76607 16 2.17733 16H13.4554C13.8667 16 14.2012 15.6655 14.2012 15.2542V8.86326C14.2012 8.452 13.8667 8.11746 13.4554 8.11746L13.4552 8.11728ZM6.41086 8.11728C6.1496 8.1391 5.91997 7.86602 5.74179 7.71329V2.27815H11.5816V3.41194C11.5816 3.5123 11.6631 3.59376 11.7635 3.59376H12.8982V8.11728H6.41086ZM12.6404 3.23013H11.9453V2.53505L12.6404 3.23013ZM10.7508 0.392379L11.0197 1.91452H5.56016C5.4598 1.91452 5.37834 1.99598 5.37834 2.09634V7.38748C5.17908 7.21912 4.88817 6.89331 4.622 6.84095C4.54964 6.42678 3.74857 1.88761 3.70329 1.63489L10.7508 0.392379ZM1.41517 3.33049L3.50057 2.5716L4.24601 6.8015H2.67841L1.41517 3.33049ZM13.8374 15.254C13.8374 15.4647 13.666 15.6362 13.4552 15.6362H2.17715C1.96643 15.6362 1.79498 15.4647 1.79498 15.254V7.5473C1.79498 7.33657 1.96643 7.16512 2.17715 7.16512C2.38442 7.17058 4.11256 7.16112 4.36728 7.16512C4.50782 7.16512 4.64291 7.21676 4.74763 7.31057L5.78815 8.24255C5.9596 8.39618 6.18087 8.48091 6.41105 8.48091C6.41177 8.47836 13.0792 8.48182 13.0802 8.48164C13.0831 8.47964 13.452 8.48164 13.4554 8.48091C13.6661 8.48091 13.8376 8.65236 13.8376 8.86308L13.8374 15.254Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M7.81629 10.5452H3.30512C3.20476 10.5452 3.12331 10.6267 3.12331 10.727V13.1862C3.12331 13.2866 3.20476 13.3681 3.30512 13.3681H7.81629C7.91665 13.3681 7.9981 13.2866 7.9981 13.1862V10.727C7.9981 10.6267 7.91665 10.5452 7.81629 10.5452ZM7.63447 13.0044H3.48694V10.9089H7.63447V13.0044Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M7.81629 13.7564H3.30512C3.06767 13.7601 3.06495 14.1159 3.30512 14.12H7.81629C8.05373 14.1164 8.05646 13.7606 7.81629 13.7564Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M6.71577 5.27262H11.9909C12.2282 5.26917 12.2313 4.91318 11.9909 4.909H6.71577C6.4785 4.91245 6.47541 5.26844 6.71577 5.27262Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M11.9909 5.81807H6.71577C6.4785 5.82152 6.47541 6.17751 6.71577 6.18169H11.9909C12.2282 6.17824 12.2313 5.82225 11.9909 5.81807Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M10.9 6.72713H6.71577C6.47814 6.73077 6.47577 7.08658 6.71577 7.09076H10.9C11.1377 7.08713 11.14 6.73132 10.9 6.72713Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M6.71577 4.18174H8.71826C8.95662 4.17792 8.95771 3.8223 8.71826 3.81811H6.71577C6.47741 3.82193 6.47632 4.17756 6.71577 4.18174Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgDocument;

package/src/icons/Explorer.tsx

@@ -0,0 +1,20 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgExplorer(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        d="M8.8548 12.9707C12.067 12.9707 14.6803 10.3574 14.6803 7.1452C14.6803 3.93297 12.067 1.31969 8.8548 1.31969C5.64257 1.31969 3.02929 3.93297 3.02929 7.1452C3.02929 8.37412 3.4121 9.51535 4.06437 10.4562L3.21525 11.3053L3.20468 11.2948C3.11783 11.2081 2.97714 11.2081 2.89045 11.2948L0.374595 13.8106C0.13297 14.0522 0 14.3745 0 14.7181C0 15.0617 0.13297 15.3839 0.374595 15.6254C0.616221 15.867 0.938332 16 1.28207 16C1.62582 16 1.94793 15.867 2.18955 15.6254L4.70541 13.1095C4.74716 13.0678 4.77047 13.0113 4.77047 12.9524C4.77047 12.8936 4.747 12.8369 4.70541 12.7953L4.69485 12.7848L5.54397 11.9356C6.48482 12.5879 7.62588 12.9709 8.85497 12.9709L8.8548 12.9707ZM8.8548 1.76404C11.8219 1.76404 14.236 4.17795 14.236 7.1452C14.236 10.1125 11.822 12.5264 8.8548 12.5264C5.88755 12.5264 3.47364 10.1123 3.47364 7.1452C3.47364 4.17812 5.88772 1.76404 8.8548 1.76404ZM1.87516 15.3112C1.71754 15.4688 1.50693 15.5556 1.28207 15.5556C1.05722 15.5556 0.846612 15.4688 0.688994 15.3112C0.531375 15.1536 0.444517 14.943 0.444517 14.7181C0.444517 14.4932 0.531375 14.2826 0.688994 14.125L3.04774 11.7663L4.23407 12.9526L1.87532 15.3113L1.87516 15.3112ZM4.38045 12.4704L3.52948 11.6196L4.334 10.815C4.5877 11.1269 4.87292 11.4121 5.18481 11.666L4.38028 12.4705L4.38045 12.4704ZM8.8548 11.6999C11.3663 11.6999 13.4095 9.6567 13.4095 7.1452C13.4095 4.6337 11.3663 2.59053 8.8548 2.59053C6.3433 2.59053 4.30013 4.6337 4.30013 7.1452C4.30013 9.6567 6.3433 11.6999 8.8548 11.6999ZM8.8548 3.03488C11.1212 3.03488 12.965 4.87868 12.965 7.14503C12.965 9.41138 11.1212 11.2554 8.8548 11.2554C6.58845 11.2554 4.74465 9.41155 4.74465 7.14503C4.74465 4.87851 6.58845 3.03488 8.8548 3.03488ZM6.51584 8.35165L6.24655 8.75324C6.18736 8.84144 6.19893 8.95899 6.27405 9.03411L6.96589 9.72595C7.04101 9.8009 7.15856 9.81247 7.24676 9.75328L7.64835 9.48399L8.05396 9.65234L8.14753 10.1265C8.16799 10.2307 8.25937 10.3058 8.36551 10.3058H9.34409C9.45023 10.3058 9.54161 10.2307 9.56207 10.1265L9.65563 9.65234L10.0613 9.48399L10.4628 9.75328C10.551 9.81247 10.6688 9.8009 10.7437 9.72595L11.4355 9.03411C11.5107 8.95899 11.5221 8.84128 11.463 8.75324L11.1938 8.35165L11.3621 7.94587L11.8363 7.85247C11.9404 7.83185 12.0156 7.74063 12.0156 7.63449V6.65591C12.0156 6.54977 11.9404 6.45839 11.8363 6.43793L11.3621 6.34453L11.1938 5.93892L11.463 5.53733C11.5222 5.44913 11.5107 5.33158 11.4355 5.25646L10.7437 4.56462C10.6686 4.4895 10.5509 4.4781 10.4628 4.53729L10.0613 4.80658L9.65563 4.63823L9.56207 4.16403C9.54161 4.05991 9.45023 3.98479 9.34409 3.98479H8.36551C8.25937 3.98479 8.16799 4.05991 8.14753 4.16403L8.05396 4.63823L7.64835 4.80658L7.24676 4.53729C7.15856 4.4781 7.04085 4.48967 6.96589 4.56462L6.27405 5.25646C6.19893 5.33158 6.18753 5.44913 6.24655 5.53733L6.51584 5.93892L6.34749 6.34453L5.8733 6.43793C5.76917 6.45855 5.69405 6.54977 5.69405 6.65591V7.63449C5.69405 7.74063 5.76917 7.83201 5.8733 7.85247L6.34749 7.94587L6.51584 8.35165ZM6.13857 6.83852L6.55022 6.75736C6.62316 6.74294 6.68403 6.69314 6.71253 6.62439L6.9721 5.99878C7.0006 5.93003 6.99289 5.85172 6.95147 5.78985L6.71756 5.44108L7.15118 5.00746L7.49995 5.24137C7.56183 5.28279 7.64013 5.2905 7.70888 5.26216L8.33449 5.0026C8.40307 4.97409 8.45304 4.91322 8.46729 4.84028L8.54845 4.42863H9.16165L9.24281 4.84028C9.25723 4.91322 9.30703 4.97409 9.37561 5.0026L10.0012 5.26216C10.07 5.29067 10.1484 5.28296 10.2101 5.24137L10.5589 5.00746L10.9925 5.44108L10.7586 5.78985C10.7172 5.85156 10.7095 5.93003 10.738 5.99878L10.9976 6.62439C11.0261 6.69297 11.0869 6.74294 11.1599 6.75719L11.5715 6.83835V7.45155L11.1599 7.53271C11.0869 7.54713 11.0261 7.59693 10.9976 7.66568L10.738 8.29129C10.7095 8.36004 10.7172 8.43834 10.7588 8.50022L10.9927 8.84899L10.5591 9.28261L10.2103 9.04869C10.1486 9.00728 10.0701 8.99957 10.0014 9.0279L9.37578 9.28747C9.3072 9.31598 9.25723 9.37684 9.24298 9.44978L9.16182 9.86144H8.54862L8.46746 9.44978C8.45304 9.37684 8.40324 9.31598 8.33466 9.28747L7.70905 9.0279C7.6403 8.9994 7.56199 9.00711 7.50012 9.04869L7.15135 9.28261L6.71773 8.84899L6.95164 8.50022C6.99306 8.43851 7.00077 8.36004 6.97227 8.29129L6.7127 7.66568C6.68419 7.5971 6.62333 7.54713 6.55038 7.53271L6.13873 7.45155V6.83835L6.13857 6.83852ZM8.8548 8.88839C9.8161 8.88839 10.5982 8.10634 10.5982 7.14503C10.5982 6.18373 9.8161 5.40167 8.8548 5.40167C7.8935 5.40167 7.11144 6.18373 7.11144 7.14503C7.11144 8.10634 7.8935 8.88839 8.8548 8.88839ZM8.8548 5.84619C9.57096 5.84619 10.1536 6.42888 10.1536 7.14503C10.1536 7.86119 9.57096 8.44388 8.8548 8.44388C8.13864 8.44388 7.55596 7.86119 7.55596 7.14503C7.55596 6.42888 8.13864 5.84619 8.8548 5.84619ZM15.8353 10.564C15.816 10.5692 15.7967 10.5716 15.7776 10.5716C15.6795 10.5716 15.5896 10.5062 15.5631 10.4067L15.4971 10.1602C15.1235 10.9799 14.5946 11.7351 13.9486 12.3656C13.1831 13.1126 12.2471 13.6912 11.2417 14.0393C11.2177 14.0477 11.1931 14.0516 11.1689 14.0516C11.0769 14.0516 10.9907 13.9939 10.959 13.902C10.9189 13.786 10.9803 13.6594 11.0963 13.6193C12.8617 13.0083 14.2829 11.7186 15.0641 10.0402L14.9068 10.1443C14.8046 10.2122 14.6666 10.1841 14.5988 10.0818C14.5311 9.97948 14.5591 9.84148 14.6614 9.77374L15.4164 9.27372C15.4761 9.23432 15.5509 9.22576 15.6178 9.25125C15.6847 9.27657 15.7352 9.33241 15.7538 9.40149L15.9924 10.2917C16.0241 10.4102 15.9538 10.5323 15.8353 10.564ZM10.9837 0.583581C10.9442 0.523888 10.9359 0.449103 10.961 0.382199C10.9863 0.315295 11.0423 0.264823 11.1113 0.246211L12.0015 0.00760352C12.12 -0.0240878 12.2419 0.0461697 12.2736 0.164719C12.3053 0.283268 12.235 0.405171 12.1165 0.436862L11.8707 0.50276C12.6997 0.880709 13.4635 1.41862 14.0981 2.07492C14.8337 2.83551 15.4047 3.76345 15.7491 4.75829C15.7892 4.87432 15.7278 5.00092 15.6118 5.041C15.5876 5.04938 15.5631 5.05324 15.539 5.05324C15.4469 5.05324 15.3607 4.99555 15.3291 4.90367C14.7192 3.14169 13.4281 1.71827 11.7505 0.936378L11.8542 1.09299C11.922 1.19527 11.894 1.33327 11.7917 1.40102C11.754 1.426 11.7114 1.43807 11.6691 1.43807C11.597 1.43807 11.5264 1.40303 11.4837 1.33847L10.9837 0.583581ZM1.7172 3.99837C1.68534 3.87982 1.75577 3.75792 1.87432 3.72622C1.99287 3.69453 2.11477 3.76479 2.14646 3.88334L2.21253 4.12966C2.58796 3.30635 3.12017 2.54777 3.77027 1.91562C4.53388 1.17314 5.46667 0.597331 6.46805 0.250738C6.58392 0.210663 6.71052 0.272034 6.75076 0.388067C6.79084 0.504101 6.72947 0.630699 6.61343 0.670775C4.84945 1.28129 3.42736 2.57159 2.64598 4.24972L2.80292 4.14576C2.90521 4.07785 3.04321 4.10602 3.11095 4.2083C3.17869 4.31059 3.15069 4.44859 3.04841 4.51633L2.29335 5.01635C2.25646 5.04083 2.2137 5.05324 2.17061 5.05324C2.14411 5.05324 2.11745 5.04854 2.09196 5.03882C2.02506 5.0135 1.97459 4.95766 1.95598 4.88858L1.7172 3.99837Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgExplorer;

package/src/icons/More.tsx

@@ -0,0 +1,30 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgMore(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        d="M7.80078 12.5C7.80078 11.6716 7.12921 11 6.30078 11C5.47235 11 4.80078 11.6716 4.80078 12.5C4.80078 13.3284 5.47235 14 6.30078 14C7.12921 14 7.80078 13.3284 7.80078 12.5Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M13.8008 12.5C13.8008 11.6716 13.1292 11 12.3008 11C11.4724 11 10.8008 11.6716 10.8008 12.5C10.8008 13.3284 11.4724 14 12.3008 14C13.1292 14 13.8008 13.3284 13.8008 12.5Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M19.8008 12.5C19.8008 11.6716 19.1292 11 18.3008 11C17.4724 11 16.8008 11.6716 16.8008 12.5C16.8008 13.3284 17.4724 14 18.3008 14C19.1292 14 19.8008 13.3284 19.8008 12.5Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgMore;

package/src/icons/Report.tsx

@@ -0,0 +1,20 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgReport(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        d="M13.5783 0H4.98897C4.9378 0 4.8884 0.0211734 4.85135 0.0564623L2.05646 2.85311C2.01941 2.89016 2 2.93957 2 2.99074V13.5192V15.1548C2 15.6206 2.37936 16 2.84517 16H13.5783C14.0441 16 14.4235 15.6206 14.4235 15.1548V0.84517C14.4235 0.379356 14.0441 0 13.5783 0ZM4.79488 0.665196V2.5408C4.79488 2.68196 4.68019 2.79488 4.5408 2.79488H2.6652L4.79488 0.665196ZM14.0335 15.1548C14.0335 15.4054 13.8288 15.6101 13.5783 15.6101H2.84341C2.59285 15.6101 2.38818 15.4054 2.38818 15.1548V13.5192V3.18483H4.53904C4.89369 3.18483 5.18306 2.89546 5.18306 2.5408V0.389943H13.5765C13.8271 0.389943 14.0318 0.594618 14.0318 0.84517V15.1548H14.0335ZM12.9025 9.00044C12.9025 9.10807 12.8143 9.19629 12.7067 9.19629H3.71504C3.60741 9.19629 3.51919 9.10807 3.51919 9.00044C3.51919 8.89281 3.60741 8.80459 3.71504 8.80459H12.7084C12.8143 8.80459 12.9025 8.89281 12.9025 9.00044ZM12.9025 10.3944C12.9025 10.502 12.8143 10.5902 12.7067 10.5902H3.71504C3.60741 10.5902 3.51919 10.502 3.51919 10.3944C3.51919 10.2867 3.60741 10.1985 3.71504 10.1985H12.7084C12.8143 10.1985 12.9025 10.2867 12.9025 10.3944ZM12.9025 11.7865C12.9025 11.8941 12.8143 11.9824 12.7067 11.9824H3.71504C3.60741 11.9824 3.51919 11.8941 3.51919 11.7865C3.51919 11.6789 3.60741 11.5906 3.71504 11.5906H12.7084C12.8143 11.5924 12.9025 11.6789 12.9025 11.7865ZM9.83591 13.1804C9.83591 13.288 9.74768 13.3763 9.64005 13.3763H3.71504C3.60741 13.3763 3.51919 13.288 3.51919 13.1804C3.51919 13.0728 3.60741 12.9846 3.71504 12.9846H9.64182C9.74945 12.9846 9.83591 13.0728 9.83591 13.1804ZM4.3079 7.28011H12.112C12.2197 7.28011 12.3079 7.19188 12.3079 7.08425C12.3079 6.97662 12.2197 6.8884 12.112 6.8884H11.7539V3.03485C11.7539 2.809 11.5704 2.6255 11.3445 2.6255H10.1006C9.87473 2.6255 9.69122 2.809 9.69122 3.03485V3.63652H8.42612C8.20027 3.63652 8.01676 3.82003 8.01676 4.04588V4.64755H6.75166C6.52581 4.64755 6.3423 4.83105 6.3423 5.0569V5.65858H5.0772C4.85135 5.65858 4.66784 5.84208 4.66784 6.06793V6.88487H4.30966C4.20203 6.88487 4.11381 6.97309 4.11381 7.08072C4.11381 7.18836 4.20026 7.28011 4.3079 7.28011ZM10.1006 3.01544H11.3445C11.3551 3.01544 11.3639 3.02426 11.3639 3.03485V6.89016H10.0812V3.03485C10.0812 3.02426 10.09 3.01544 10.1006 3.01544ZM8.42612 4.02647H9.69122V6.8884H8.40671V4.04764C8.40671 4.03705 8.41553 4.02647 8.42612 4.02647ZM6.75166 5.03926H8.01676V6.8884H6.73225V5.06043C6.73048 5.04985 6.74107 5.03926 6.75166 5.03926ZM5.05602 6.07323C5.05602 6.06264 5.06484 6.05382 5.07543 6.05382H6.34054V6.89193H5.05602V6.07323Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgReport;

package/src/icons/Request.tsx

@@ -0,0 +1,65 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgRequest(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        d="M15.8844 12.8493H15.3478V4.32162C15.3478 3.66683 14.8162 3.13529 14.1615 3.13529H13.4681C13.3654 3.13529 13.2833 3.21746 13.2833 3.32017C13.2833 3.42289 13.3654 3.50505 13.4681 3.50505H14.1615C14.6134 3.50505 14.978 3.87225 14.978 4.32162V12.8493H1.09132V4.32162C1.09132 3.86968 1.45595 3.50505 1.90531 3.50505H2.82202C2.92473 3.50505 3.0069 3.42289 3.0069 3.32017C3.0069 3.21746 2.92473 3.13529 2.82202 3.13529H1.90531C1.25309 3.13529 0.721554 3.66683 0.721554 4.32162V12.8493H0.184882C0.0821698 12.8493 0 12.9315 0 13.0342V14.9806C0 15.5429 0.45707 16 1.01685 16H15.0473C15.6097 16 16.0668 15.5429 16.0668 14.9806V13.0342C16.0668 12.934 15.9846 12.8493 15.8844 12.8493ZM6.73536 13.2191H9.33398V13.7147C9.33398 13.8328 9.2364 13.9303 9.11828 13.9303H6.95105C6.83293 13.9303 6.73536 13.8328 6.73536 13.7147V13.2191ZM15.6996 14.9806C15.6996 15.3401 15.4068 15.6302 15.0499 15.6302H1.01942C0.659926 15.6302 0.369764 15.3375 0.369764 14.9806V13.2191H6.36559V13.7147C6.36559 14.0356 6.62751 14.3001 6.94848 14.3001H9.11571C9.43669 14.3001 9.6986 14.0382 9.6986 13.7147V13.2191H15.6944V14.9806H15.6996Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M4.10079 11.2419H11.966C12.3409 11.2419 12.6464 10.9363 12.6464 10.5614V0.680469C12.6464 0.305569 12.3409 0 11.966 0H6.08313C5.94447 0 5.81095 0.0308137 5.69026 0.0847376H5.68769C5.59011 0.125822 5.50281 0.184882 5.42321 0.259348L3.69764 1.97978C3.61547 2.06195 3.55128 2.15696 3.51019 2.25197C3.51019 2.25453 3.51019 2.25453 3.50762 2.2571C3.50762 2.25967 3.50762 2.26224 3.50506 2.26224C3.44856 2.38549 3.42032 2.51645 3.42032 2.65254V10.5614C3.42032 10.9389 3.72589 11.2419 4.10079 11.2419ZM11.966 0.367196C12.138 0.367196 12.2767 0.508426 12.2767 0.677901V10.5614C12.2767 10.7334 12.138 10.8721 11.966 10.8721H4.10079C3.92874 10.8721 3.79008 10.7334 3.79008 10.5614V2.65254C3.79008 2.60632 3.79779 2.5601 3.80806 2.51388H5.41037C5.70567 2.51388 5.94447 2.27508 5.94447 1.97978V0.385171C5.99069 0.3749 6.03434 0.367196 6.08313 0.367196H11.966ZM5.57728 0.629113V1.98235C5.57728 2.07479 5.50281 2.14925 5.41037 2.14925H4.05457L5.57728 0.629113Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M7.27716 3.18408H10.8105C10.9953 3.18408 11.1443 3.03515 11.1443 2.85026V1.65623C11.1443 1.47135 10.9953 1.32242 10.8105 1.32242H7.27716C7.09228 1.32242 6.94335 1.47135 6.94335 1.65623V2.85026C6.94335 3.03258 7.09485 3.18408 7.27716 3.18408ZM7.31311 1.69218H10.7771V2.81688H7.31311V1.69218Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M5.17413 3.94158C5.07142 3.94158 4.98925 4.02375 4.98925 4.12646C4.98925 4.22918 5.07142 4.31135 5.17413 4.31135H11.0647C11.1674 4.31135 11.2496 4.22918 11.2496 4.12646C11.2496 4.02375 11.1674 3.94158 11.0647 3.94158H5.17413Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M5.17413 5.4797H11.0647C11.1674 5.4797 11.2496 5.39753 11.2496 5.29482C11.2496 5.1921 11.1674 5.10993 11.0647 5.10993H5.17413C5.07142 5.10993 4.98925 5.1921 4.98925 5.29482C4.98925 5.39753 5.07399 5.4797 5.17413 5.4797Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M5.17413 6.65062H11.0647C11.1674 6.65062 11.2496 6.56845 11.2496 6.46574C11.2496 6.36302 11.1674 6.28085 11.0647 6.28085H5.17413C5.07142 6.28085 4.98925 6.36302 4.98925 6.46574C4.99182 6.56845 5.07399 6.65062 5.17413 6.65062Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M6.07543 7.25662C5.264 7.25662 4.60151 7.91655 4.60151 8.72797C4.60151 9.5394 5.26144 10.1993 6.07543 10.1993C6.88686 10.1993 7.54678 9.5394 7.54678 8.72797C7.54678 7.91655 6.88686 7.25662 6.07543 7.25662ZM6.07543 9.82956C5.46686 9.82956 4.97127 9.33397 4.97127 8.72797C4.97127 8.1194 5.46686 7.62638 6.07543 7.62638C6.684 7.62638 7.17702 8.12197 7.17702 8.72797C7.17702 9.33397 6.684 9.82956 6.07543 9.82956Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M9.99647 7.25662C9.18504 7.25662 8.52255 7.91655 8.52255 8.72797C8.52255 9.5394 9.18248 10.1993 9.99647 10.1993C10.8079 10.1993 11.4678 9.5394 11.4678 8.72797C11.4653 7.91655 10.8053 7.25662 9.99647 7.25662ZM9.99647 9.82956C9.3879 9.82956 8.89231 9.33397 8.89231 8.72797C8.89231 8.1194 9.3879 7.62638 9.99647 7.62638C10.605 7.62638 11.0981 8.12197 11.0981 8.72797C11.0981 9.33397 10.6025 9.82956 9.99647 9.82956Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M6.28599 8.41984L5.97785 8.61756L5.92393 8.51998C5.87514 8.43267 5.76216 8.39929 5.67228 8.44808C5.58241 8.49687 5.5516 8.60985 5.60039 8.69973L5.74932 8.96678C5.775 9.01043 5.81608 9.04381 5.86487 9.05665C5.88028 9.05922 5.89568 9.06179 5.90852 9.06179C5.94447 9.06179 5.97785 9.05152 6.00867 9.03354L6.48114 8.73054C6.56588 8.67662 6.59156 8.56107 6.53763 8.47633C6.48628 8.38902 6.37329 8.36591 6.28599 8.41984Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M10.415 8.30685C10.3431 8.23495 10.2276 8.23495 10.1557 8.30685L9.99647 8.46606L9.83727 8.30685C9.76537 8.23495 9.64982 8.23495 9.57792 8.30685C9.50602 8.37875 9.50602 8.4943 9.57792 8.5662L9.73712 8.72541L9.57792 8.88461C9.50602 8.95651 9.50602 9.07206 9.57792 9.14396C9.61387 9.17991 9.66009 9.19788 9.70888 9.19788C9.7551 9.19788 9.80388 9.17991 9.83983 9.14396L9.99904 8.98475L10.1582 9.14396C10.1942 9.17991 10.2404 9.19788 10.2892 9.19788C10.3354 9.19788 10.3842 9.17991 10.4202 9.14396C10.4921 9.07206 10.4921 8.95651 10.4202 8.88461L10.261 8.72541L10.4202 8.5662C10.4869 8.4943 10.4869 8.37875 10.415 8.30685Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgRequest;

package/src/icons/Support.tsx

@@ -0,0 +1,40 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgSupport(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        d="M7.77732 12.5006C7.82378 12.5797 7.90809 12.6296 8.001 12.6296C8.09392 12.6296 8.17823 12.5797 8.22468 12.5006L8.9353 11.2686C10.7368 10.8402 12.0324 9.20905 12.0324 7.34562C12.0324 5.12259 10.224 3.3125 7.99928 3.3125C5.77453 3.3125 3.96788 5.12259 3.96788 7.34562C3.96788 9.20905 5.2635 10.8419 7.06499 11.2686L7.77732 12.5006ZM4.48407 7.34562C4.48407 5.40649 6.06187 3.82868 8.001 3.82868C9.94014 3.82868 11.5179 5.40649 11.5179 7.34562C11.5179 9.00601 10.3393 10.4531 8.71678 10.7886C8.64451 10.8041 8.58257 10.8488 8.54472 10.9125L8.001 11.8554L7.45729 10.9125C7.42116 10.8488 7.35749 10.8041 7.28523 10.7886C5.66269 10.4548 4.48407 9.00601 4.48407 7.34562Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M9.81797 8.87615C9.81797 8.73334 9.70268 8.61806 9.55987 8.61806H6.44212C6.29931 8.61806 6.18403 8.73334 6.18403 8.87615C6.18403 9.01896 6.29931 9.13424 6.44212 9.13424H9.55815C9.70096 9.13424 9.81797 9.01896 9.81797 8.87615Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M6.44212 5.91896H9.55815C9.70096 5.91896 9.81625 5.80368 9.81625 5.66087C9.81625 5.51806 9.70096 5.40278 9.55815 5.40278H6.44212C6.29931 5.40278 6.18403 5.51806 6.18403 5.66087C6.18403 5.80368 6.30103 5.91896 6.44212 5.91896Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M10.1706 7.26504C10.1706 7.12223 10.0553 7.00694 9.91246 7.00694H6.08926C5.94644 7.00694 5.83116 7.12223 5.83116 7.26504C5.83116 7.40785 5.94644 7.52313 6.08926 7.52313H9.91074C10.0553 7.52313 10.1706 7.40785 10.1706 7.26504Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        d="M15.1001 5.72137H15.0278C14.7956 5.72137 14.5856 5.81256 14.4256 5.95709C13.6772 3.10947 11.0808 1 8.00086 1C4.92096 1 2.32455 3.10947 1.5778 5.95709C1.41779 5.81256 1.20787 5.72137 0.975589 5.72137H0.901602C0.404344 5.72137 0 6.12571 0 6.62297V8.65674C0 9.15399 0.404344 9.55834 0.901602 9.55834H0.973868C1.47113 9.55834 1.87547 9.15399 1.87547 8.65674V7.63985C1.87547 4.26229 4.62329 1.51618 7.99914 1.51618C11.375 1.51618 14.1228 4.26401 14.1228 7.63985C14.1228 10.3946 12.3041 12.7862 9.67502 13.5312C9.52704 13.3093 9.27411 13.1647 8.98849 13.1647H7.88041C7.42445 13.1647 7.05452 13.5347 7.05452 13.9906V14.0543C7.05452 14.5103 7.42445 14.8802 7.88041 14.8802H8.99021C9.44617 14.8802 9.81611 14.5103 9.81611 14.0543V14.0285C12.1148 13.3781 13.8423 11.568 14.4256 9.32433C14.5856 9.46886 14.7956 9.55834 15.0261 9.55834H15.0984C15.5956 9.55834 16 9.15399 16 8.65674V6.62469C16.0017 6.12743 15.5974 5.72137 15.1001 5.72137ZM1.36101 8.65674C1.36101 8.87009 1.18722 9.04215 0.975589 9.04215H0.901602C0.688246 9.04215 0.516184 8.86837 0.516184 8.65674V6.62469C0.516184 6.41133 0.689966 6.23927 0.901602 6.23927H0.973868C1.18722 6.23927 1.35929 6.41305 1.35929 6.62469V8.65674H1.36101ZM9.30164 14.0543C9.30164 14.2246 9.16227 14.364 8.99193 14.364H7.88041C7.71007 14.364 7.5707 14.2246 7.5707 14.0543V13.9906C7.5707 13.8203 7.71007 13.6809 7.88041 13.6809H8.99021C9.11582 13.6809 9.22594 13.7566 9.27411 13.8668C9.27583 13.8788 9.27583 13.8891 9.27927 13.9012C9.28272 13.9149 9.29132 13.927 9.29648 13.939C9.29992 13.9562 9.30164 13.9734 9.30164 13.9906V14.0543ZM15.4855 8.65674C15.4855 8.87009 15.3117 9.04215 15.1001 9.04215H15.0278C14.8145 9.04215 14.6424 8.86837 14.6424 8.65674V6.62469C14.6424 6.41133 14.8162 6.23927 15.0278 6.23927H15.1001C15.3135 6.23927 15.4855 6.41305 15.4855 6.62469V8.65674Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgSupport;

package/src/icons/index.ts

@@ -15,11 +15,13 @@ export { default as CustomColorsIcon } from './CustomColors';
 export { default as DarkModeIcon } from './DarkMode';
 export { default as DeleteIcon } from './Delete';
 export { default as DesktopIcon } from './Desktop';
+export { default as DocumentIcon } from './Document';
 export { default as DoneIcon } from './Done';
 export { default as EvmCategoryIcon } from './EvmCategory';
 export { default as ErrorIcon } from './Error';
 export { default as ExitIcon } from './Exit';
 export { default as ExchangeIcon } from './Exchange';
+export { default as ExplorerIcon } from './Explorer';
 export { default as ExternalLinkIcon } from './ExternalLink';
 export { default as FontIcon } from './Font';
 export { default as GasIcon } from './Gas';
@@ -33,6 +35,7 @@ export { default as LinkIcon } from './Link';
 export { default as LoadingIcon } from './Loading';
 export { default as LogoWithTextIcon } from './LogoWithText';
 export { default as MenuIcon } from './Menu';
+export { default as MoreIcon } from './More';
 export { default as NoRouteIcon } from './NoRoute';
 export { default as NextIcon } from './Next';
 export { default as NoNotificationIcon } from './NoNotification';
@@ -42,9 +45,12 @@ export { default as NumberIcon } from './Number';
 export { default as OtherCategoryIcon } from './OtherCategory';
 export { default as PinIcon } from './Pin';
 export { default as RefreshIcon } from './Refresh';
+export { default as ReportIcon } from './Report';
+export { default as RequestIcon } from './Request';
 export { default as ReverseIcon } from './Reverse';
 export { default as RouteIcon } from './Route';
 export { default as SearchIcon } from './Search';
+export { default as SupportIcon } from './Support';
 export { default as SwapIcon } from './Swap';
 export { default as TimeIcon } from './Time';
 export { default as TransactionIcon } from './Transaction';

package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.d.ts

@@ -1,4 +0,0 @@
-import type { PropTypes } from './ExpandedRoute.types';
-import React from 'react';
-export declare function ExpandedRoute(props: PropTypes): React.JSX.Element;
-//# sourceMappingURL=ExpandedRoute.d.ts.map

package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandedRoute.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ExpandedRoute/ExpandedRoute.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAC;AA8B1B,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,qBAkH7C"}

package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ExpandedRoute } from './ExpandedRoute';
-declare const meta: Meta<typeof ExpandedRoute>;
-export default meta;
-type Story = StoryObj<typeof ExpandedRoute>;
-export declare const Main: Story;
-//# sourceMappingURL=ExpandedRoute.stories.d.ts.map

package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandedRoute.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ExpandedRoute/ExpandedRoute.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAEpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,IAAI,EAAE,KAgBlB,CAAC"}

package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandedRoute.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ExpandedRoute/ExpandedRoute.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAE/E,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7B,GAAG,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC3B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IACxD,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAChD,WAAW,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACrC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/widget/ui/src/components/ExpandedRoute/index.d.ts

@@ -1,2 +0,0 @@
-export { ExpandedRoute } from './ExpandedRoute';
-//# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/components/ExpandedRoute/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ExpandedRoute/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/widget/ui/src/components/ExpandedRoute/mock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ExpandedRoute/mock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAE7D,eAAO,MAAM,KAAK,EAAE,IAAI,EAkNvB,CAAC;AAEF,eAAO,MAAM,IAAI;;;GAqBhB,CAAC"}

package/src/components/ExpandedRoute/ExpandedRoute.tsx

@@ -1,147 +0,0 @@
-import type { PropTypes } from './ExpandedRoute.types';
-
-import React from 'react';
-
-import { ErrorIcon, WarningIcon } from '../../icons';
-import { ChainToken } from '../ChainToken';
-import { Image } from '../common';
-import { Divider } from '../Divider';
-import { QuoteCost } from '../QuoteCost';
-import { QuoteTag } from '../QuoteTag';
-import { Tooltip } from '../Tooltip';
-import { Typography } from '../Typography';
-
-import {
-  FromToken,
-  IconHighlight,
-  lastStepStyle,
-  LeftSection,
-  OutputSection,
-  RightSection,
-  RouteContainer,
-  RouteHeader,
-  Step,
-  Steps,
-  StyledPriceImpact,
-  SwapperContainer,
-  SwapperImage,
-  TagsContainer,
-  tokenLabelStyles,
-  VerticalLine,
-} from './ExpandedRoute.styles';
-
-export function ExpandedRoute(props: PropTypes) {
-  const {
-    steps,
-    tags,
-    time,
-    fee,
-    percentageChange,
-    warningLevel,
-    outputPrice,
-    tooltipContainer,
-    selected = false,
-    onClick,
-  } = props;
-  const numberOfSteps = steps.length;
-  return (
-    <RouteContainer selected={selected} onClick={onClick}>
-      <RouteHeader>
-        <QuoteCost fee={fee} time={time} steps={numberOfSteps} />
-        <TagsContainer>
-          {tags.map((tag) => (
-            <QuoteTag key={tag.label} label={tag.label} value={tag.value} />
-          ))}
-        </TagsContainer>
-      </RouteHeader>
-      <Steps>
-        {steps.map((step, index) => {
-          const key = `item-${index}`;
-          return (
-            <Step
-              key={key}
-              className={index === numberOfSteps - 1 ? lastStepStyle() : ''}>
-              <LeftSection>
-                <ChainToken
-                  size="small"
-                  chainImage={step.from.chain.image}
-                  tokenImage={step.from.token.image}
-                />
-                <FromToken>
-                  <Tooltip
-                    content={step.from.price.realValue}
-                    container={tooltipContainer}
-                    side="bottom"
-                    open={!step.from.price.realValue ? false : undefined}>
-                    <Typography size="xsmall" variant="body">
-                      {step.from.price.value}
-                    </Typography>
-                  </Tooltip>
-                  <Typography
-                    size="xsmall"
-                    variant="body"
-                    className={tokenLabelStyles()}>
-                    {step.from.token.displayName}
-                  </Typography>
-                </FromToken>
-              </LeftSection>
-              <RightSection>
-                <SwapperContainer>
-                  <SwapperImage state={step.state}>
-                    <Image size={15} type="circular" src={step.swapper.image} />
-                    {step.state && (
-                      <IconHighlight type={step.state}>
-                        {step.state === 'error' ? (
-                          <ErrorIcon size={6} color="error" />
-                        ) : (
-                          <WarningIcon size={6} color="warning" />
-                        )}
-                      </IconHighlight>
-                    )}
-                  </SwapperImage>
-                  <Typography size="xsmall" variant="body" align="center">
-                    {step.swapper.displayName}
-                  </Typography>
-                </SwapperContainer>
-                <VerticalLine />
-              </RightSection>
-            </Step>
-          );
-        })}
-        <OutputSection>
-          <ChainToken
-            chainImage={steps[numberOfSteps - 1].to.chain.image}
-            tokenImage={steps[numberOfSteps - 1].to.token.image}
-            size="medium"
-          />
-          <div>
-            <div>
-              <Tooltip
-                content={outputPrice.realValue}
-                container={tooltipContainer}
-                open={!outputPrice.realValue ? false : undefined}>
-                <Typography size="xmedium" variant="title">
-                  {outputPrice.value}
-                </Typography>
-                <Divider size={4} direction="horizontal" />
-                <Typography size="large" variant="body">
-                  {steps[numberOfSteps - 1].to.token.displayName}
-                </Typography>
-              </Tooltip>
-            </div>
-          </div>
-          <StyledPriceImpact
-            size="xsmall"
-            warningLevel={warningLevel}
-            outputUsdValue={outputPrice.usdValue}
-            realOutputUsdValue={outputPrice.realUsdValue}
-            percentageChange={percentageChange}
-            tooltipProps={{
-              container: tooltipContainer,
-            }}
-          />
-        </OutputSection>
-      </Steps>
-    </RouteContainer>
-  );
-}

package/src/components/ExpandedRoute/index.ts

@@ -1 +0,0 @@
-export { ExpandedRoute } from './ExpandedRoute';