@rango-dev/ui 0.37.1-next.1 → 0.38.0

package/src/icons/X.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon/index.js';
+import { SvgIcon } from '../components/SvgIcon';
 
 function SvgX(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/index.ts

@@ -1,86 +1,89 @@
-export { default as AddIcon } from './Add.js';
-export { default as AutoThemeIcon } from './AutoTheme.js';
-export { default as AutorenewIcon } from './Autorenew.js';
-export { default as BorderRadiusIcon } from './BorderRadius.js';
-export { default as BridgesIcon } from './Bridges.js';
-export { default as CalendarIcon } from './Calendar.js';
-export { default as ChevronDownIcon } from './ChevronDown.js';
-export { default as ChevronLeftIcon } from './ChevronLeft.js';
-export { default as ChevronRightIcon } from './ChevronRight.js';
-export { default as ChevronUpIcon } from './ChevronUp.js';
-export { default as CloseIcon } from './Close.js';
-export { default as CompleteIcon } from './Complete.js';
-export { default as CopyIcon } from './Copy.js';
-export { default as CosmosCategoryIcon } from './CosmosCategory.js';
-export { default as CreditCardIcon } from './CreditCard.js';
-export { default as CustomColorsIcon } from './CustomColors.js';
-export { default as DarkModeIcon } from './DarkMode.js';
-export { default as DeleteIcon } from './Delete.js';
-export { default as DesktopIcon } from './Desktop.js';
-export { default as DisconnectIcon } from './Disconnect.js';
-export { default as DocumentIcon } from './Document.js';
-export { default as DoneIcon } from './Done.js';
-export { default as EvmCategoryIcon } from './EvmCategory.js';
-export { default as ErrorIcon } from './Error.js';
-export { default as ExchangeIcon } from './Exchange.js';
-export { default as ExitIcon } from './Exit.js';
-export { default as ExplorerIcon } from './Explorer.js';
-export { default as ExternalLinkIcon } from './ExternalLink.js';
-export { default as FilterIcon } from './Filter.js';
-export { default as FirstIcon } from './First.js';
-export { default as FontIcon } from './Font.js';
-export { default as GasIcon } from './Gas.js';
-export { default as HeightIcon } from './Height.js';
-export { default as InProgressIcon } from './InProgress.js';
-export { default as InfoErrorIcon } from './InfoError.js';
-export { default as InfoIcon } from './Info.js';
-export { default as LanguageIcon } from './Language.js';
-export { default as LastIcon } from './Last.js';
-export { default as LightModeIcon } from './LightMode.js';
-export { default as LinkIcon } from './Link.js';
-export { default as LoadingIcon } from './Loading.js';
-export { default as LogoWithTextIcon } from './LogoWithText.js';
-export { default as LogoutIcon } from './Logout.js';
-export { default as MenuIcon } from './Menu.js';
-export { default as MoreIcon } from './More.js';
-export { default as NoRouteIcon } from './NoRoute.js';
-export { default as NextIcon } from './Next.js';
-export { default as NoNotificationIcon } from './NoNotification.js';
-export { default as NotificationNumberIcon } from './NotificationNumber.js';
-export { default as NotificationsIcon } from './Notifications.js';
-export { default as NumberIcon } from './Number.js';
-export { default as OtherCategoryIcon } from './OtherCategory.js';
-export { default as PasteIcon } from './Paste.js';
-export { default as PinIcon } from './Pin.js';
-export { default as RangoExplorerIcon } from './RangoExplorer.js';
-export { default as RankIcon } from './Rank.js';
-export { default as RefreshIcon } from './Refresh.js';
-export { default as ReportIcon } from './Report.js';
-export { default as RequestIcon } from './Request.js';
-export { default as ReverseIcon } from './Reverse.js';
-export { default as RouteIcon } from './Route.js';
-export { default as ScoreIcon } from './Score.js';
-export { default as SearchIcon } from './Search.js';
-export { default as ShareIcon } from './Share.js';
-export { default as StatsIcon } from './Stats.js';
-export { default as SupportIcon } from './Support.js';
-export { default as SwapIcon } from './Swap.js';
-export { default as TimeIcon } from './Time.js';
-export { default as TransactionIcon } from './Transaction.js';
-export { default as TuneIcon } from './Tune.js';
-export { default as UtxoCategoryIcon } from './UtxoCategory.js';
-export { default as WalletIcon } from './Wallet.js';
-export { default as WarningIcon } from './Warning.js';
-export { default as WidgetIcon } from './Widget.js';
-export { default as WidthIcon } from './Width.js';
-export { default as BullhornIcon } from './Bullhorn.js';
-export { default as ChainsIcon } from './Chains.js';
-export { default as ColorsIcon } from './Colors.js';
-export { default as DiscordIcon } from './Discord.js';
-export { default as InfinityIcon } from './Infinity.js';
-export { default as KeyIcon } from './Key.js';
-export { default as MediumIcon } from './Medium.js';
-export { default as SettingsIcon } from './Settings.js';
-export { default as StyleIcon } from './Style.js';
-export { default as TelegramIcon } from './Telegram.js';
-export { default as XIcon } from './X.js';
+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 BridgesIcon } from './Bridges';
+export { default as CalendarIcon } from './Calendar';
+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 CompleteIcon } from './Complete';
+export { default as CopyIcon } from './Copy';
+export { default as CosmosCategoryIcon } from './CosmosCategory';
+export { default as CreditCardIcon } from './CreditCard';
+export { default as CustomColorsIcon } from './CustomColors';
+export { default as CustomTokensZeroStateIcon } from './CustomTokensZeroState';
+export { default as CustomTokensZeroStateDarkIcon } from './CustomTokensZeroStateDark';
+export { default as DarkModeIcon } from './DarkMode';
+export { default as DeleteIcon } from './Delete';
+export { default as DesktopIcon } from './Desktop';
+export { default as DisconnectIcon } from './Disconnect';
+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 ExchangeIcon } from './Exchange';
+export { default as ExitIcon } from './Exit';
+export { default as ExplorerIcon } from './Explorer';
+export { default as ExternalLinkIcon } from './ExternalLink';
+export { default as FirstIcon } from './First';
+export { default as FilterIcon } from './Filter';
+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 LanguageIcon } from './Language';
+export { default as LastIcon } from './Last';
+export { default as LightModeIcon } from './LightMode';
+export { default as LinkIcon } from './Link';
+export { default as LoadingIcon } from './Loading';
+export { default as LogoutIcon } from './Logout';
+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';
+export { default as NotificationNumberIcon } from './NotificationNumber';
+export { default as NotificationsIcon } from './Notifications';
+export { default as NumberIcon } from './Number';
+export { default as OtherCategoryIcon } from './OtherCategory';
+export { default as PasteIcon } from './Paste';
+export { default as PinIcon } from './Pin';
+export { default as RangoExplorerIcon } from './RangoExplorer';
+export { default as RankIcon } from './Rank';
+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 ScoreIcon } from './Score';
+export { default as SearchIcon } from './Search';
+export { default as ShareIcon } from './Share';
+export { default as StatsIcon } from './Stats';
+export { default as SupportIcon } from './Support';
+export { default as SwapIcon } from './Swap';
+export { default as TargetIcon } from './Target';
+export { default as TimeIcon } from './Time';
+export { default as TransactionIcon } from './Transaction';
+export { default as TuneIcon } from './Tune';
+export { default as UtxoCategoryIcon } from './UtxoCategory';
+export { default as WalletIcon } from './Wallet';
+export { default as WarningIcon } from './Warning';
+export { default as WidgetIcon } from './Widget';
+export { default as WidthIcon } from './Width';
+export { default as BullhornIcon } from './Bullhorn';
+export { default as ChainsIcon } from './Chains';
+export { default as ColorsIcon } from './Colors';
+export { default as DiscordIcon } from './Discord';
+export { default as InfinityIcon } from './Infinity';
+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/src/index.ts

@@ -1,7 +1,7 @@
-export * from './components/index.js';
-export * from './containers/index.js';
-export * from './theme.js';
-export * from './types/index.js';
-export * from './hooks/index.js';
-export * from './icons/index.js';
-export * from './constants/index.js';
+export * from './components';
+export * from './containers';
+export * from './theme';
+export * from './types';
+export * from './hooks';
+export * from './icons';
+export * from './constants';

package/src/theme.ts

@@ -1,8 +1,7 @@
-import type {
-  DefaultThemeMap,
-  PropertyValue,
-  CSS as StitchesCSS,
-} from '@stitches/react';
+// TSDX + stiches doesn't work with import statement and has a bug.
+
+import type { PropertyValue, CSS as StitchesCSS } from '@stitches/react';
+import type { DefaultThemeMap } from '@stitches/react/types/config';
 
 import { createStitches } from '@stitches/react';
 
@@ -88,6 +87,7 @@ export const theme = {
     24: '24px',
     28: '28px',
     32: '32px',
+    36: '36px',
   },
 
   radii: {
@@ -208,8 +208,10 @@ export const darkColors = {
 
 /* ----------------------- End of Values ----------------------- */
 
+const typedCreateStiches = createStitches;
+
 export const { styled, css, createTheme, keyframes, globalCss, config } =
-  createStitches<'', typeof media, typeof theme, DefaultThemeMap>({
+  typedCreateStiches<'', typeof media, typeof theme, DefaultThemeMap>({
     media,
     theme,
     utils,

package/src/types/index.ts

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

package/src/types/swaps.ts

@@ -1,7 +1,7 @@
 import type {
   BlockchainValidationStatus,
   WalletRequiredAssets,
-} from 'rango-types/lib/api/main';
+} from 'rango-sdk';
 
 export type SimulationAssetAndAmount = WalletRequiredAssets;
 export type SimulationValidationStatus = BlockchainValidationStatus;

package/dist/widget/ui/src/components/Modal/Modal.helpers.d.ts

@@ -1,2 +0,0 @@
-export declare function forceReflow(node: HTMLElement): number;
-//# sourceMappingURL=Modal.helpers.d.ts.map

package/dist/widget/ui/src/components/Modal/Modal.helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Modal/Modal.helpers.ts"],"names":[],"mappings":"AACA,wBAAgB,WAAW,CAAC,IAAI,EAAE,WAAW,UAE5C"}

package/src/components/Modal/Modal.helpers.ts

@@ -1,4 +0,0 @@
-// https://github.com/reactjs/react-transition-group/blob/master/src/CSSTransition.js#L48-L55
-export function forceReflow(node: HTMLElement) {
-  return node.scrollTop;
-}