@rango-dev/ui 0.29.0 → 0.29.1-next.0

package/src/components/QuoteTag/QuoteTag.tsx

@@ -0,0 +1,19 @@
+import type { RouteTag, Tag } from 'rango-sdk';
+
+import React from 'react';
+
+import { Typography } from '../Typography';
+
+import { getLabelStyles, TagContainer } from './QuoteTag.styles';
+
+export const QuoteTag = (props: RouteTag) => {
+  const { value, label } = props;
+
+  return (
+    <TagContainer type={value as Tag}>
+      <Typography variant="body" size="small" className={getLabelStyles()}>
+        {label}
+      </Typography>
+    </TagContainer>
+  );
+};

package/src/components/QuoteTag/index.ts

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

package/src/components/index.ts

@@ -11,6 +11,7 @@ export * from './Chip';
 export * from './common';
 export * from './Divider';
 export * from './Drawer';
+export * from './ExpandedRoute';
 export * from './Header';
 export * from './Modal';
 export * from './MessageBox';
@@ -20,7 +21,6 @@ export * from './RefreshProgressButton';
 export * from './RoutesOverview';
 export * from './SecondaryPage';
 export * from './SelectableWalletList';
-export * from './Wallet';
 export * from './SelectableCategoryList';
 export * from './Spinner';
 export * from './StepDetail';
@@ -52,3 +52,4 @@ export * from './StepDetails';
 export * from './Popover';
 export * from './Flags';
 export * from './Select';
+export * from './QuoteTag';

package/src/containers/SwapInput/SwapInput.tsx

@@ -120,7 +120,7 @@ export function SwapInput(props: SwapInputProps) {
               </Tooltip>
               {'percentageChange' in props ? (
                 <PriceImpact
-                  size="large"
+                  size="medium"
                   tooltipProps={{
                     container: props.tooltipContainer,
                     side: 'bottom',

package/src/types/index.ts

@@ -1 +1,5 @@
 export type { ConnectedWallet } from './wallet';
+export type {
+  SimulationAssetAndAmount,
+  SimulationValidationStatus,
+} from './swaps';