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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +4 -4
  3. package/dist/ui.build.json +1 -1
  4. package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.d.ts.map +1 -1
  5. package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.helpers.d.ts +3 -0
  6. package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.helpers.d.ts.map +1 -1
  7. package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.types.d.ts +2 -2
  8. package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.types.d.ts.map +1 -1
  9. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.d.ts.map +1 -1
  10. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.styles.d.ts +4 -2
  11. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.styles.d.ts.map +1 -1
  12. package/dist/widget/ui/src/components/Select/Select.d.ts.map +1 -1
  13. package/dist/widget/ui/src/components/Select/Select.types.d.ts +4 -0
  14. package/dist/widget/ui/src/components/Select/Select.types.d.ts.map +1 -1
  15. package/dist/widget/ui/src/components/SwapListItem/SwapToken.d.ts.map +1 -1
  16. package/dist/widget/ui/src/components/TextField/TextField.d.ts +6 -0
  17. package/dist/widget/ui/src/components/TextField/TextField.d.ts.map +1 -1
  18. package/dist/widget/ui/src/components/TextField/TextField.types.d.ts +1 -0
  19. package/dist/widget/ui/src/components/TextField/TextField.types.d.ts.map +1 -1
  20. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.d.ts.map +1 -1
  21. package/dist/widget/ui/src/components/Tooltip/NumericTooltip.d.ts +5 -0
  22. package/dist/widget/ui/src/components/Tooltip/NumericTooltip.d.ts.map +1 -0
  23. package/dist/widget/ui/src/components/Tooltip/NumericTooltip.types.d.ts +6 -0
  24. package/dist/widget/ui/src/components/Tooltip/NumericTooltip.types.d.ts.map +1 -0
  25. package/dist/widget/ui/src/components/Tooltip/index.d.ts +2 -0
  26. package/dist/widget/ui/src/components/Tooltip/index.d.ts.map +1 -1
  27. package/dist/widget/ui/src/containers/Notifications/NotificationNotFound.d.ts +3 -0
  28. package/dist/widget/ui/src/containers/Notifications/NotificationNotFound.d.ts.map +1 -0
  29. package/dist/widget/ui/src/containers/Notifications/Notifications.d.ts +4 -0
  30. package/dist/widget/ui/src/containers/Notifications/Notifications.d.ts.map +1 -0
  31. package/dist/widget/ui/src/containers/Notifications/Notifications.styles.d.ts +1561 -0
  32. package/dist/widget/ui/src/containers/Notifications/Notifications.styles.d.ts.map +1 -0
  33. package/dist/widget/ui/src/containers/Notifications/Notifications.types.d.ts +23 -0
  34. package/dist/widget/ui/src/containers/Notifications/Notifications.types.d.ts.map +1 -0
  35. package/dist/widget/ui/src/containers/Notifications/index.d.ts +2 -0
  36. package/dist/widget/ui/src/containers/Notifications/index.d.ts.map +1 -0
  37. package/dist/widget/ui/src/containers/SwapInput/SwapInput.d.ts.map +1 -1
  38. package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts +6 -0
  39. package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts.map +1 -1
  40. package/dist/widget/ui/src/containers/index.d.ts +1 -0
  41. package/dist/widget/ui/src/containers/index.d.ts.map +1 -1
  42. package/dist/widget/ui/src/icons/CreditCard.d.ts +5 -0
  43. package/dist/widget/ui/src/icons/CreditCard.d.ts.map +1 -0
  44. package/dist/widget/ui/src/icons/Disconnect.d.ts +5 -0
  45. package/dist/widget/ui/src/icons/Disconnect.d.ts.map +1 -0
  46. package/dist/widget/ui/src/icons/Swap.d.ts.map +1 -1
  47. package/dist/widget/ui/src/icons/index.d.ts +2 -0
  48. package/dist/widget/ui/src/icons/index.d.ts.map +1 -1
  49. package/dist/widget/ui/src/theme.d.ts +2 -0
  50. package/dist/widget/ui/src/theme.d.ts.map +1 -1
  51. package/package.json +3 -3
  52. package/src/components/FullExpandedQuote/FullExpandedQuote.TokenSection.tsx +3 -3
  53. package/src/components/FullExpandedQuote/FullExpandedQuote.helpers.ts +15 -0
  54. package/src/components/FullExpandedQuote/FullExpandedQuote.tsx +11 -5
  55. package/src/components/FullExpandedQuote/FullExpandedQuote.types.ts +2 -2
  56. package/src/components/PriceImpact/PriceImpact.styles.ts +27 -4
  57. package/src/components/PriceImpact/PriceImpact.tsx +14 -20
  58. package/src/components/Select/Select.tsx +13 -4
  59. package/src/components/Select/Select.types.ts +5 -0
  60. package/src/components/StepDetails/StepDetails.tsx +5 -5
  61. package/src/components/SwapListItem/SwapToken.tsx +7 -5
  62. package/src/components/TextField/TextField.tsx +12 -1
  63. package/src/components/TextField/TextField.types.tsx +1 -0
  64. package/src/components/TokenAmount/TokenAmount.tsx +9 -8
  65. package/src/components/Tooltip/NumericTooltip.tsx +16 -0
  66. package/src/components/Tooltip/NumericTooltip.types.tsx +6 -0
  67. package/src/components/Tooltip/index.ts +2 -0
  68. package/src/components/Wallet/Wallet.helpers.ts +1 -1
  69. package/src/containers/Notifications/NotificationNotFound.tsx +19 -0
  70. package/src/containers/Notifications/Notifications.styles.ts +82 -0
  71. package/src/containers/Notifications/Notifications.tsx +108 -0
  72. package/src/containers/Notifications/Notifications.types.ts +17 -0
  73. package/src/containers/Notifications/index.ts +1 -0
  74. package/src/containers/SwapInput/SwapInput.tsx +7 -5
  75. package/src/containers/index.ts +1 -0
  76. package/src/icons/CreditCard.tsx +23 -0
  77. package/src/icons/Disconnect.tsx +26 -0
  78. package/src/icons/Swap.tsx +47 -6
  79. package/src/icons/index.ts +2 -0
  80. package/src/theme.ts +2 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Notifications.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/Notifications/Notifications.styles.ts"],"names":[],"mappings":";;;AAAA,OAAO,EAAU,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAG1D,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAgBpB,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DASjB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAEzB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAQf,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAWnB,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAKjB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAQ5B,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAKxB,CAAC"}
@@ -0,0 +1,23 @@
1
+ import type { CSS } from '../../theme';
2
+ import type { Asset } from 'rango-sdk';
3
+ type Notification = {
4
+ route: {
5
+ from: Asset;
6
+ to: Asset;
7
+ };
8
+ event: {
9
+ messageSeverity: string;
10
+ message: string;
11
+ };
12
+ requestId: string;
13
+ };
14
+ export type PropTypes = {
15
+ list: Notification[];
16
+ getBlockchainImage: (blockchain: string) => string;
17
+ getTokenImage: (token: Asset) => string;
18
+ onClickItem: (requestId: string) => void;
19
+ onClearAll: () => void;
20
+ containerStyles?: CSS;
21
+ };
22
+ export {};
23
+ //# sourceMappingURL=Notifications.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Notifications.types.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/Notifications/Notifications.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAEvC,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE;QAAE,IAAI,EAAE,KAAK,CAAC;QAAC,EAAE,EAAE,KAAK,CAAA;KAAE,CAAC;IAClC,KAAK,EAAE;QAAE,eAAe,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC;IACxC,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,CAAC,EAAE,GAAG,CAAC;CACvB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Notifications';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/Notifications/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"SwapInput.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,kBAAkB,qBAsIlD"}
1
+ {"version":3,"file":"SwapInput.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,kBAAkB,qBAwIlD"}
@@ -330,6 +330,12 @@ export declare const InputAmount: import("@stitches/react/types/styled-component
330
330
  variant?: "contained" | "outlined" | "ghost" | undefined;
331
331
  fullWidth?: boolean | undefined;
332
332
  labelProps?: import("../../components").TypographyPropTypes | undefined;
333
+ style?: import("@stitches/react").CSS<{
334
+ media: {};
335
+ theme: {};
336
+ themeMap: {};
337
+ utils: {};
338
+ }> | undefined;
333
339
  } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & {
334
340
  children?: import("react").ReactNode;
335
341
  } & import("react").RefAttributes<HTMLInputElement>>, {
@@ -1 +1 @@
1
- {"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":"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"}
@@ -1,4 +1,5 @@
1
1
  export * from './ConnectWalletsModal';
2
2
  export * from './Warnings';
3
3
  export * from './SwapInput';
4
+ export * from './Notifications';
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}
@@ -0,0 +1,5 @@
1
+ import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
2
+ import React from 'react';
3
+ declare function SvgCreditCard(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
4
+ export default SvgCreditCard;
5
+ //# sourceMappingURL=CreditCard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CreditCard.d.ts","sourceRoot":"","sources":["../../../../../src/icons/CreditCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,aAAa,CAAC,KAAK,EAAE,wBAAwB,4DAerD;AACD,eAAe,aAAa,CAAC"}
@@ -0,0 +1,5 @@
1
+ import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
2
+ import React from 'react';
3
+ declare function SvgDisconnect(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
4
+ export default SvgDisconnect;
5
+ //# sourceMappingURL=Disconnect.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Disconnect.d.ts","sourceRoot":"","sources":["../../../../../src/icons/Disconnect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,aAAa,CAAC,KAAK,EAAE,wBAAwB,4DAkBrD;AACD,eAAe,aAAa,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Swap.d.ts","sourceRoot":"","sources":["../../../../../src/icons/Swap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,OAAO,CAAC,KAAK,EAAE,wBAAwB,4DAY/C;AACD,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Swap.d.ts","sourceRoot":"","sources":["../../../../../src/icons/Swap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,OAAO,CAAC,KAAK,EAAE,wBAAwB,4DAqD/C;AACD,eAAe,OAAO,CAAC"}
@@ -11,10 +11,12 @@ export { default as CloseIcon } from './Close';
11
11
  export { default as CompleteIcon } from './Complete';
12
12
  export { default as CopyIcon } from './Copy';
13
13
  export { default as CosmosCategoryIcon } from './CosmosCategory';
14
+ export { default as CreditCardIcon } from './CreditCard';
14
15
  export { default as CustomColorsIcon } from './CustomColors';
15
16
  export { default as DarkModeIcon } from './DarkMode';
16
17
  export { default as DeleteIcon } from './Delete';
17
18
  export { default as DesktopIcon } from './Desktop';
19
+ export { default as DisconnectIcon } from './Disconnect';
18
20
  export { default as DocumentIcon } from './Document';
19
21
  export { default as DoneIcon } from './Done';
20
22
  export { default as EvmCategoryIcon } from './EvmCategory';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/icons/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/icons/index.ts"],"names":[],"mappings":"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"}
@@ -1644,6 +1644,8 @@ export declare const darkTheme: string & {
1644
1644
  };
1645
1645
  }, "">;
1646
1646
  export declare const rangoDarkColors: {
1647
+ secondary800: string;
1648
+ secondary850: string;
1647
1649
  neutral: string;
1648
1650
  neutral100: string;
1649
1651
  neutral200: string;
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rango-dev/ui",
3
- "version": "0.35.1-next.1",
3
+ "version": "0.35.1-next.11",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "source": "./src/index.ts",
@@ -50,7 +50,7 @@
50
50
  "@radix-ui/react-select": "^2.0.0",
51
51
  "@radix-ui/react-switch": "^1.0.1",
52
52
  "@radix-ui/react-tooltip": "^1.0.2",
53
- "@rango-dev/wallets-shared": "^0.34.1-next.0",
53
+ "@rango-dev/wallets-shared": "^0.34.1-next.6",
54
54
  "@stitches/react": "^1.2.8",
55
55
  "copy-to-clipboard": "^3.3.3",
56
56
  "rango-sdk": "^0.1.49",
@@ -60,4 +60,4 @@
60
60
  "publishConfig": {
61
61
  "access": "public"
62
62
  }
63
- }
63
+ }
@@ -3,7 +3,7 @@ import type { TokenSectionPropTypes } from './FullExpandedQuote.types';
3
3
  import React from 'react';
4
4
 
5
5
  import { ChainToken } from '../ChainToken';
6
- import { Tooltip } from '../Tooltip';
6
+ import { NumericTooltip } from '../Tooltip';
7
7
  import { Typography } from '../Typography';
8
8
 
9
9
  import {
@@ -27,7 +27,7 @@ export function TokenSection(props: TokenSectionPropTypes) {
27
27
  <TokenSectionContainer style={style} isInternalSwap={isInternalSwap}>
28
28
  <ChainToken size={size} chainImage={chainImage} tokenImage={tokenImage} />
29
29
  <TokenInfo className="token-info">
30
- <Tooltip
30
+ <NumericTooltip
31
31
  content={tooltipProps?.content}
32
32
  container={tooltipProps?.container}
33
33
  side="bottom"
@@ -38,7 +38,7 @@ export function TokenSection(props: TokenSectionPropTypes) {
38
38
  className={isInternalSwap ? tokenLabelStyles() : ''}>
39
39
  {amount}
40
40
  </Typography>
41
- </Tooltip>
41
+ </NumericTooltip>
42
42
  <Typography size="xsmall" variant="body" className={tokenLabelStyles()}>
43
43
  {name}
44
44
  </Typography>
@@ -1,7 +1,11 @@
1
+ import type { I18n } from '@lingui/core';
2
+ import type { Tag } from 'rango-sdk';
3
+
1
4
  export const ITEM_SKELETON_COUNT = 3;
2
5
  export const TOOLTIP_SIDE_OFFSET = 10;
3
6
  const MAX_AMOUNT_LENGTH_DISPLAY = 4;
4
7
  const MAX_NAME_LENGTH_DISPLAY = 6;
8
+
5
9
  export function shortenAmount(amount: string) {
6
10
  if (!amount || amount.length <= MAX_AMOUNT_LENGTH_DISPLAY) {
7
11
  return amount;
@@ -15,3 +19,14 @@ export function shortenDisplayName(name: string) {
15
19
  }
16
20
  return name.slice(0, MAX_NAME_LENGTH_DISPLAY) + '...';
17
21
  }
22
+
23
+ export function getTagLabel(tag: Tag, t: I18n['t']): string {
24
+ const data: Record<Tag, string> = {
25
+ CENTRALIZED: t('Centralized'),
26
+ FASTEST: t('Fastest'),
27
+ HIGH_IMPACT: t('High Impact'),
28
+ LOWEST_FEE: t('Lowest Fee'),
29
+ RECOMMENDED: t('Recommended'),
30
+ };
31
+ return data[tag];
32
+ }
@@ -1,5 +1,7 @@
1
1
  import type { DataLoadedProps, PropTypes } from './FullExpandedQuote.types';
2
+ import type { Tag } from 'rango-sdk';
2
3
 
4
+ import { i18n } from '@lingui/core';
3
5
  import React, { useState } from 'react';
4
6
 
5
7
  import { ErrorIcon, WarningIcon } from '../../icons';
@@ -8,10 +10,11 @@ import { Image } from '../common';
8
10
  import { Divider } from '../Divider';
9
11
  import { QuoteCost } from '../QuoteCost';
10
12
  import { QuoteTag } from '../QuoteTag';
11
- import { Tooltip } from '../Tooltip';
13
+ import { NumericTooltip, Tooltip } from '../Tooltip';
12
14
  import { Typography } from '../Typography';
13
15
 
14
16
  import {
17
+ getTagLabel,
15
18
  ITEM_SKELETON_COUNT,
16
19
  shortenAmount,
17
20
  shortenDisplayName,
@@ -79,7 +82,11 @@ export function FullExpandedQuote(props: PropTypes) {
79
82
  />
80
83
  <TagsContainer>
81
84
  {props.tags.map((tag) => (
82
- <QuoteTag key={tag.label} label={tag.label} value={tag.value} />
85
+ <QuoteTag
86
+ key={tag.label}
87
+ label={getTagLabel(tag.value as Tag, i18n.t)}
88
+ value={tag.value}
89
+ />
83
90
  ))}
84
91
  </TagsContainer>
85
92
  </>
@@ -236,7 +243,7 @@ export function FullExpandedQuote(props: PropTypes) {
236
243
  />
237
244
  <Divider size={4} />
238
245
  <div>
239
- <Tooltip
246
+ <NumericTooltip
240
247
  content={props.outputPrice.realValue}
241
248
  container={tooltipContainer}
242
249
  open={
@@ -249,11 +256,10 @@ export function FullExpandedQuote(props: PropTypes) {
249
256
  <Typography size="xmedium" variant="title">
250
257
  {step.to.token.displayName}
251
258
  </Typography>
252
- </Tooltip>
259
+ </NumericTooltip>
253
260
  </div>
254
261
  <StyledPriceImpact
255
262
  size="small"
256
- outputColor="$neutral700"
257
263
  warningLevel={warningLevel}
258
264
  outputUsdValue={props.outputPrice.usdValue}
259
265
  realOutputUsdValue={props.outputPrice.realUsdValue}
@@ -3,7 +3,7 @@ import type { ChainTokenPropTypes } from '../ChainToken';
3
3
  import type { PriceImpactPropTypes } from '../PriceImpact/PriceImpact.types';
4
4
  import type { PropTypes as QuoteCostProps } from '../QuoteCost/QuoteCost.types';
5
5
  import type { InternalSwap, Step } from '../StepDetails/StepDetails.types';
6
- import type { TooltipPropTypes } from '../Tooltip/Tooltip.types';
6
+ import type { NumericTooltipPropTypes, TooltipPropTypes } from '../Tooltip';
7
7
  import type { CSSProperties } from '@stitches/react';
8
8
  import type { RouteTag } from 'rango-sdk';
9
9
 
@@ -41,7 +41,7 @@ export interface TokenSectionPropTypes {
41
41
  style?: CSSProperties;
42
42
  tooltipProps?: {
43
43
  container: TooltipPropTypes['container'];
44
- content: TooltipPropTypes['content'];
44
+ content: NumericTooltipPropTypes['content'];
45
45
  open?: TooltipPropTypes['open'];
46
46
  };
47
47
  isInternalSwap?: boolean;
@@ -1,5 +1,4 @@
1
- import { styled } from '../../theme';
2
- import { Typography } from '../Typography';
1
+ import { darkTheme, styled } from '../../theme';
3
2
 
4
3
  export const Container = styled('div', {
5
4
  width: '100%',
@@ -8,8 +7,32 @@ export const Container = styled('div', {
8
7
  alignItems: 'center',
9
8
  });
10
9
 
11
- export const OutputUsdValue = styled(Typography, {
12
- overflow: 'hidden',
10
+ export const ValueTypography = styled('div', {
11
+ display: 'flex',
13
12
  whiteSpace: 'nowrap',
13
+ overflow: 'hidden',
14
14
  textOverflow: 'ellipsis',
15
+ '& ._typography': {
16
+ $$color: '$colors$neutral600',
17
+ [`.${darkTheme} &`]: {
18
+ $$color: '$colors$neutral700',
19
+ },
20
+ color: '$$color',
21
+ },
22
+ variants: {
23
+ hasWarning: {
24
+ true: {
25
+ '& ._typography': {
26
+ color: '$warning500',
27
+ },
28
+ },
29
+ },
30
+ hasError: {
31
+ true: {
32
+ '& ._typography': {
33
+ color: '$error500',
34
+ },
35
+ },
36
+ },
37
+ },
15
38
  });
@@ -2,9 +2,9 @@ import type { PriceImpactPropTypes } from './PriceImpact.types';
2
2
 
3
3
  import React from 'react';
4
4
 
5
- import { Divider, Tooltip, Typography } from '..';
5
+ import { Divider, NumericTooltip, Typography } from '..';
6
6
 
7
- import { Container, OutputUsdValue } from './PriceImpact.styles';
7
+ import { Container, ValueTypography } from './PriceImpact.styles';
8
8
 
9
9
  export function PriceImpact(props: PriceImpactPropTypes) {
10
10
  const {
@@ -19,17 +19,13 @@ export function PriceImpact(props: PriceImpactPropTypes) {
19
19
  ...rest
20
20
  } = props;
21
21
 
22
- let percentageChangeColor = '$neutral600';
23
- if (!outputUsdValue || warningLevel === 'low') {
24
- percentageChangeColor = '$warning500';
25
- } else if (warningLevel === 'high') {
26
- percentageChangeColor = '$error500';
27
- }
22
+ const hasWarning = !outputUsdValue || warningLevel === 'low';
23
+ const hasError = warningLevel === 'high';
28
24
 
29
25
  return (
30
26
  <Container {...rest}>
31
27
  {outputUsdValue && (
32
- <Tooltip
28
+ <NumericTooltip
33
29
  content={realOutputUsdValue}
34
30
  container={tooltipProps?.container}
35
31
  open={
@@ -38,19 +34,17 @@ export function PriceImpact(props: PriceImpactPropTypes) {
38
34
  : undefined
39
35
  }
40
36
  side={tooltipProps?.side}>
41
- <OutputUsdValue
42
- size={size}
43
- variant="body"
44
- color={outputColor || '$neutral600'}>
45
- {outputUsdValue === '0' ? '0.00' : `~$${outputUsdValue}`}
46
- </OutputUsdValue>
47
- </Tooltip>
37
+ <ValueTypography>
38
+ <Typography size={size} variant="body" color={outputColor}>
39
+ {outputUsdValue === '0' ? '0.00' : `~$${outputUsdValue}`}
40
+ </Typography>
41
+ </ValueTypography>
42
+ </NumericTooltip>
48
43
  )}
49
44
  {((outputUsdValue && percentageChange) || !outputUsdValue) && (
50
- <>
45
+ <ValueTypography hasError={hasError} hasWarning={hasWarning}>
51
46
  <Divider direction="horizontal" size={4} />
52
-
53
- <Typography size={size} variant="body" color={percentageChangeColor}>
47
+ <Typography size={size} variant="body">
54
48
  {outputUsdValue &&
55
49
  percentageChange &&
56
50
  `(${
@@ -61,7 +55,7 @@ export function PriceImpact(props: PriceImpactPropTypes) {
61
55
 
62
56
  {!outputUsdValue && error}
63
57
  </Typography>
64
- </>
58
+ </ValueTypography>
65
59
  )}
66
60
  </Container>
67
61
  );
@@ -11,7 +11,7 @@ import { SelectContent, SelectItem, SelectTrigger } from './Select.styles';
11
11
  export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
12
12
  const [open, setOpen] = useState(false);
13
13
  const selectRef = useRef<HTMLDivElement>(null);
14
- const { options, value, container, handleItemClick, variant } = props;
14
+ const { options, value, container, handleItemClick, variant, styles } = props;
15
15
  const handleToggle = () => {
16
16
  setOpen((prev) => !prev);
17
17
  };
@@ -31,6 +31,14 @@ export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
31
31
 
32
32
  const selectedLabel = options.find((option) => option.value === value)?.label;
33
33
 
34
+ const wrapPortal = (children: React.ReactNode) => {
35
+ if (container) {
36
+ return <Select.Portal container={container}>{children}</Select.Portal>;
37
+ }
38
+
39
+ return <>{children}</>;
40
+ };
41
+
34
42
  return (
35
43
  <div ref={selectRef}>
36
44
  <Select.Root value={value} open={open}>
@@ -39,7 +47,8 @@ export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
39
47
  onKeyDown={(event) => event.key === 'Enter' && handleToggle()}
40
48
  onClick={handleToggle}
41
49
  open={open}
42
- aria-label={selectedLabel}>
50
+ aria-label={selectedLabel}
51
+ css={styles?.trigger}>
43
52
  <Select.Value>
44
53
  <Typography variant="body" size="small">
45
54
  {selectedLabel}
@@ -50,7 +59,7 @@ export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
50
59
  <ChevronDownIcon size={12} color="black" />
51
60
  </Select.Icon>
52
61
  </SelectTrigger>
53
- <Select.Portal container={container}>
62
+ {wrapPortal(
54
63
  <SelectContent position="popper" sideOffset={5}>
55
64
  <Select.ScrollUpButton className="SelectScrollButton">
56
65
  <ChevronUpIcon />
@@ -81,7 +90,7 @@ export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
81
90
  <ChevronDownIcon />
82
91
  </Select.ScrollDownButton>
83
92
  </SelectContent>
84
- </Select.Portal>
93
+ )}
85
94
  </Select.Root>
86
95
  </div>
87
96
  );
@@ -1,3 +1,5 @@
1
+ import type * as Stitches from '@stitches/react';
2
+
1
3
  type Item<T> = {
2
4
  value: T;
3
5
  label: string;
@@ -11,4 +13,7 @@ export type SelectPropTypes<T> = {
11
13
  value: string;
12
14
  container?: HTMLElement;
13
15
  variant: Variant;
16
+ styles?: {
17
+ trigger?: Stitches.CSS;
18
+ };
14
19
  };
@@ -7,7 +7,7 @@ import { ChainToken } from '../../components/ChainToken/ChainToken';
7
7
  import { NextIcon } from '../../icons';
8
8
  import { Image } from '../common';
9
9
  import { Divider } from '../Divider';
10
- import { Tooltip } from '../Tooltip';
10
+ import { NumericTooltip } from '../Tooltip';
11
11
  import { Typography } from '../Typography';
12
12
 
13
13
  import {
@@ -133,7 +133,7 @@ const StepDetailsComponent = forwardRef<HTMLDivElement, StepDetailsProps>(
133
133
  tokenImage={step.from.token.image}
134
134
  size="small"
135
135
  />
136
- <Tooltip
136
+ <NumericTooltip
137
137
  content={step.from.price.realValue}
138
138
  container={tooltipContainer}>
139
139
  <Divider direction="horizontal" size={4} />
@@ -141,7 +141,7 @@ const StepDetailsComponent = forwardRef<HTMLDivElement, StepDetailsProps>(
141
141
  size="small"
142
142
  color="$neutral700"
143
143
  variant="body">{`${step.from.price.value} ${step.from.token.displayName}`}</Typography>
144
- </Tooltip>
144
+ </NumericTooltip>
145
145
  <Divider direction="horizontal" size={4} />
146
146
 
147
147
  <NextIcon color="gray" />
@@ -151,7 +151,7 @@ const StepDetailsComponent = forwardRef<HTMLDivElement, StepDetailsProps>(
151
151
  tokenImage={step.to.token.image}
152
152
  size="small"
153
153
  />
154
- <Tooltip
154
+ <NumericTooltip
155
155
  content={step.to.price.realValue}
156
156
  container={tooltipContainer}>
157
157
  <Divider direction="horizontal" size={4} />
@@ -161,7 +161,7 @@ const StepDetailsComponent = forwardRef<HTMLDivElement, StepDetailsProps>(
161
161
  }${step.to.price.value} ${
162
162
  step.to.token.displayName
163
163
  }`}</Typography>
164
- </Tooltip>
164
+ </NumericTooltip>
165
165
  </div>
166
166
  <Alerts pb={hasSeparator && type === 'quote-details'}>
167
167
  {step.alerts}
@@ -7,7 +7,7 @@ import { NextIcon } from '../../icons';
7
7
  import { ChainToken } from '../ChainToken';
8
8
  import { Divider } from '../Divider';
9
9
  import { Skeleton } from '../Skeleton';
10
- import { Tooltip } from '../Tooltip';
10
+ import { NumericTooltip } from '../Tooltip';
11
11
  import { Typography } from '../Typography';
12
12
 
13
13
  import {
@@ -129,11 +129,13 @@ export function SwapToken(props: PropTypes) {
129
129
  {fromToken.displayName}
130
130
  </Typography>
131
131
  {!!fromAmount && (
132
- <Tooltip content={fromRealAmount} container={tooltipContainer}>
132
+ <NumericTooltip
133
+ content={fromRealAmount}
134
+ container={tooltipContainer}>
133
135
  <Typography size="small" variant="body" color="neutral700">
134
136
  {fromAmount}
135
137
  </Typography>
136
- </Tooltip>
138
+ </NumericTooltip>
137
139
  )}
138
140
  </TokenInfo>
139
141
  <Icon>
@@ -143,11 +145,11 @@ export function SwapToken(props: PropTypes) {
143
145
  <Typography size="medium" variant="title">
144
146
  {toToken.displayName}
145
147
  </Typography>
146
- <Tooltip content={toRealAmount} container={tooltipContainer}>
148
+ <NumericTooltip content={toRealAmount} container={tooltipContainer}>
147
149
  <Typography size="small" variant="body" color="neutral700">
148
150
  {toAmount}
149
151
  </Typography>
150
- </Tooltip>
152
+ </NumericTooltip>
151
153
  </TokenInfo>
152
154
  </Layout>
153
155
  )}
@@ -33,6 +33,16 @@ function TextFieldComponent(
33
33
  }
34
34
  };
35
35
 
36
+ const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {
37
+ if (inputAttributes?.type === 'number') {
38
+ const data = event.clipboardData.getData('text');
39
+ const numericPattern = /^\d+(\.\d+)?$/;
40
+ if (!numericPattern.test(data)) {
41
+ event.preventDefault();
42
+ }
43
+ }
44
+ };
45
+
36
46
  return (
37
47
  <>
38
48
  {label && (
@@ -52,12 +62,13 @@ function TextFieldComponent(
52
62
  fullWidth={fullWidth}
53
63
  variant={variant}
54
64
  size={size}
55
- style={style}
65
+ css={style}
56
66
  className="_text-field">
57
67
  {prefix || null}
58
68
  <Input
59
69
  {...inputAttributes}
60
70
  onKeyDown={handleKeyDown}
71
+ onPaste={handlePaste}
61
72
  spellCheck={false}
62
73
  suffix={!!suffix}
63
74
  ref={ref}
@@ -20,4 +20,5 @@ export type TextFieldPropTypes = {
20
20
  variant?: BaseVariants;
21
21
  fullWidth?: boolean;
22
22
  labelProps?: TypographyPropTypes;
23
+ style?: Stitches.CSS;
23
24
  } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'>;