@rango-dev/ui 0.29.1-next.1 → 0.29.1-next.11

package/src/icons/index.ts

@@ -2,11 +2,14 @@ export { default as AddIcon } from './Add';
 export { default as AutoThemeIcon } from './AutoTheme';
 export { default as AutorenewIcon } from './Autorenew';
 export { default as BorderRadiusIcon } from './BorderRadius';
+export { default as BridgeIcon } from './Bridges';
+export { default as ChainsIcon } from './Chains';
 export { default as ChevronDownIcon } from './ChevronDown';
 export { default as ChevronLeftIcon } from './ChevronLeft';
 export { default as ChevronRightIcon } from './ChevronRight';
 export { default as ChevronUpIcon } from './ChevronUp';
 export { default as CloseIcon } from './Close';
+export { default as ColorsIcon } from './Colors';
 export { default as CompleteIcon } from './Complete';
 export { default as CopyIcon } from './Copy';
 export { default as CosmosCategoryIcon } from './CosmosCategory';
@@ -14,25 +17,32 @@ 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 DiscordIcon } from './Discord';
 export { default as DoneIcon } from './Done';
-export { default as EvmCategoryIcon } from './EvmCategory';
 export { default as ErrorIcon } from './Error';
+export { default as EvmCategoryIcon } from './EvmCategory';
 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';
 export { default as HeightIcon } from './Height';
-export { default as InProgressIcon } from './InProgress';
 export { default as InfoErrorIcon } from './InfoError';
 export { default as InfoIcon } from './Info';
+export { default as InProgressIcon } from './InProgress';
+export { default as KeyIcon } from './Key';
 export { default as LanguageIcon } from './Language';
 export { default as LightModeIcon } from './LightMode';
 export { default as LinkIcon } from './Link';
 export { default as LoadingIcon } from './Loading';
 export { default as LogoWithTextIcon } from './LogoWithText';
+export { default as MediumIcon } from './Medium';
 export { default as MenuIcon } from './Menu';
-export { default as NoRouteIcon } from './NoRoute';
+export { default as MoreIcon } from './More';
 export { default as NextIcon } from './Next';
+export { default as NoRouteIcon } from './NoRoute';
 export { default as NoNotificationIcon } from './NoNotification';
 export { default as NotificationNumberIcon } from './NotificationNumber';
 export { default as NotificationsIcon } from './Notifications';
@@ -40,10 +50,16 @@ 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 SettingsIcon } from './Settings';
+export { default as StyleIcon } from './Style';
 export { default as SwapIcon } from './Swap';
+export { default as TelegramIcon } from './Telegram';
 export { default as TimeIcon } from './Time';
 export { default as TransactionIcon } from './Transaction';
 export { default as TuneIcon } from './Tune';
@@ -51,12 +67,4 @@ export { default as UtxoCategoryIcon } from './UtxoCategory';
 export { default as WalletIcon } from './Wallet';
 export { default as WarningIcon } from './Warning';
 export { default as WidthIcon } from './Width';
-export { default as ChainsIcon } from './Chains';
-export { default as ColorsIcon } from './Colors';
-export { default as DiscordIcon } from './Discord';
-export { default as KeyIcon } from './Key';
-export { default as MediumIcon } from './Medium';
-export { default as SettingsIcon } from './Settings';
-export { default as StyleIcon } from './Style';
-export { default as TelegramIcon } from './Telegram';
 export { default as XIcon } from './X';

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';