@rango-dev/ui 0.26.1-next.7 → 0.26.1-next.9
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.
- package/dist/index.js +2 -2
- package/dist/index.js.map +3 -3
- package/dist/translations/en.d.ts.map +1 -1
- package/dist/translations/es.d.ts.map +1 -1
- package/dist/translations/fr.d.ts.map +1 -1
- package/dist/translations/ja.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Alert/Alert.styles.d.ts +8 -0
- package/dist/widget/ui/src/components/Alert/Alert.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/BlockchainsChip/BlockchainsChip.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/BlockchainsChip/BlockchainsChip.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/BottomLogo/BottomLogo.styles.d.ts +4 -0
- package/dist/widget/ui/src/components/BottomLogo/BottomLogo.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Button/Button.styles.d.ts +6 -0
- package/dist/widget/ui/src/components/Button/Button.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/ChainToken/ChainToken.styles.d.ts +4 -0
- package/dist/widget/ui/src/components/ChainToken/ChainToken.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Checkbox/Checkbox.styles.d.ts +8 -0
- package/dist/widget/ui/src/components/Checkbox/Checkbox.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Chip/Chip.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/Chip/Chip.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Collapsible/Collapsible.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/Collapsible/Collapsible.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Divider/Divider.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/Divider/Divider.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Drawer/Drawer.styles.d.ts +10 -0
- package/dist/widget/ui/src/components/Drawer/Drawer.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Header/Header.styles.d.ts +4 -0
- package/dist/widget/ui/src/components/Header/Header.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Icon/CloseIcon.d.ts +2 -0
- package/dist/widget/ui/src/components/Icon/CloseIcon.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Icon/common.d.ts +4 -0
- package/dist/widget/ui/src/components/Icon/common.d.ts.map +1 -1
- package/dist/widget/ui/src/components/List/List.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/List/List.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/ListItem/ListItem.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/ListItem/ListItem.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/ListItemButton/ListItemButton.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/ListItemButton/ListItemButton.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/MessageBox/CollapsibleMessageBox.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/MessageBox/CollapsibleMessageBox.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/MessageBox/MessageBox.styles.d.ts +6 -0
- package/dist/widget/ui/src/components/MessageBox/MessageBox.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Modal/Modal.styles.d.ts +12 -0
- package/dist/widget/ui/src/components/Modal/Modal.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/NotFound/NotFound.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/NotFound/NotFound.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Popover/Popover.styles.d.ts +4 -0
- package/dist/widget/ui/src/components/Popover/Popover.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/PriceImpact/PriceImpact.styles.d.ts +4 -0
- package/dist/widget/ui/src/components/PriceImpact/PriceImpact.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/QuoteCost/QuoteCost.styles.d.ts +8 -0
- package/dist/widget/ui/src/components/QuoteCost/QuoteCost.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Radio/Radio.styles.d.ts +4 -0
- package/dist/widget/ui/src/components/Radio/Radio.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/RadioGroup/RadioGroup.styles.d.ts +8 -0
- package/dist/widget/ui/src/components/RadioGroup/RadioGroup.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/RefreshProgressButton/RefreshProgressButton.styles.d.ts +4 -0
- package/dist/widget/ui/src/components/RefreshProgressButton/RefreshProgressButton.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/RoutesOverview/RoutesOverview.d.ts +2 -0
- package/dist/widget/ui/src/components/RoutesOverview/RoutesOverview.d.ts.map +1 -1
- package/dist/widget/ui/src/components/SelectableCategoryList/SelectableCategoryList.styles.d.ts +6 -0
- package/dist/widget/ui/src/components/SelectableCategoryList/SelectableCategoryList.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Skeleton/Skeleton.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/Skeleton/Skeleton.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts +12 -0
- package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/SvgIcon/SvgIcon.style.d.ts +2 -0
- package/dist/widget/ui/src/components/SvgIcon/SvgIcon.style.d.ts.map +1 -1
- package/dist/widget/ui/src/components/SwapDetailsPlaceholder/SwapDetailsPlaceholder.d.ts +2 -0
- package/dist/widget/ui/src/components/SwapDetailsPlaceholder/SwapDetailsPlaceholder.d.ts.map +1 -1
- package/dist/widget/ui/src/components/SwapListItem/SwapListItem.styles.d.ts +12 -0
- package/dist/widget/ui/src/components/SwapListItem/SwapListItem.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/SwapListItem/SwapToken.styles.d.ts +18 -0
- package/dist/widget/ui/src/components/SwapListItem/SwapToken.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Switch/Switch.styles.d.ts +4 -0
- package/dist/widget/ui/src/components/Switch/Switch.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/TextField/TextField.styles.d.ts +6 -0
- package/dist/widget/ui/src/components/TextField/TextField.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/TokenAmount/TokenAmount.styles.d.ts +6 -0
- package/dist/widget/ui/src/components/TokenAmount/TokenAmount.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Tooltip/Tooltip.styles.d.ts +9 -1
- package/dist/widget/ui/src/components/Tooltip/Tooltip.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Tooltip/Tooltip.types.d.ts +6 -2
- package/dist/widget/ui/src/components/Tooltip/Tooltip.types.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Typography/Typography.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/Typography/Typography.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts +10 -0
- package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/common/FilledCircle.d.ts +2 -0
- package/dist/widget/ui/src/components/common/FilledCircle.d.ts.map +1 -1
- package/dist/widget/ui/src/components/common/Image.d.ts +2 -0
- package/dist/widget/ui/src/components/common/Image.d.ts.map +1 -1
- package/dist/widget/ui/src/components/common/styles.d.ts +2 -0
- package/dist/widget/ui/src/components/common/styles.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/SwapHistory/SwapHistory.d.ts +20 -0
- package/dist/widget/ui/src/containers/SwapHistory/SwapHistory.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts +22 -0
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts +10 -0
- package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/TokenSelector/TokenSelector.d.ts +2 -0
- package/dist/widget/ui/src/containers/TokenSelector/TokenSelector.d.ts.map +1 -1
- package/dist/widget/ui/src/theme.d.ts +9 -0
- package/dist/widget/ui/src/theme.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/RefreshProgressButton/RefreshProgressButton.styles.ts +4 -4
- package/src/components/Tooltip/Tooltip.styles.ts +7 -0
- package/src/components/Tooltip/Tooltip.tsx +2 -1
- package/src/components/Tooltip/Tooltip.types.ts +6 -2
- package/src/theme.ts +1 -0
|
@@ -3,10 +3,12 @@
|
|
|
3
3
|
/// <reference types="trusted-types" />
|
|
4
4
|
import { Typography } from '../../components';
|
|
5
5
|
export declare const textStyles: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
|
|
6
|
+
xs: string;
|
|
6
7
|
sm: string;
|
|
7
8
|
md: string;
|
|
8
9
|
lg: string;
|
|
9
10
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
11
|
+
xs: string;
|
|
10
12
|
sm: string;
|
|
11
13
|
md: string;
|
|
12
14
|
lg: string;
|
|
@@ -164,10 +166,12 @@ export declare const textStyles: import("@stitches/react/types/styled-component"
|
|
|
164
166
|
export declare const Container: import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
165
167
|
sharpBottomStyle?: boolean | "true" | undefined;
|
|
166
168
|
}, {
|
|
169
|
+
xs: string;
|
|
167
170
|
sm: string;
|
|
168
171
|
md: string;
|
|
169
172
|
lg: string;
|
|
170
173
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
174
|
+
xs: string;
|
|
171
175
|
sm: string;
|
|
172
176
|
md: string;
|
|
173
177
|
lg: string;
|
|
@@ -333,10 +337,12 @@ export declare const InputAmount: import("@stitches/react/types/styled-component
|
|
|
333
337
|
} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & {
|
|
334
338
|
children?: import("react").ReactNode;
|
|
335
339
|
} & import("react").RefAttributes<HTMLInputElement>>, {}, {
|
|
340
|
+
xs: string;
|
|
336
341
|
sm: string;
|
|
337
342
|
md: string;
|
|
338
343
|
lg: string;
|
|
339
344
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
345
|
+
xs: string;
|
|
340
346
|
sm: string;
|
|
341
347
|
md: string;
|
|
342
348
|
lg: string;
|
|
@@ -772,10 +778,12 @@ export declare const MaxButton: import("@stitches/react/types/styled-component")
|
|
|
772
778
|
} & {
|
|
773
779
|
children?: import("react").ReactNode;
|
|
774
780
|
} & import("react").RefAttributes<HTMLButtonElement>>, {}, {
|
|
781
|
+
xs: string;
|
|
775
782
|
sm: string;
|
|
776
783
|
md: string;
|
|
777
784
|
lg: string;
|
|
778
785
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
786
|
+
xs: string;
|
|
779
787
|
sm: string;
|
|
780
788
|
md: string;
|
|
781
789
|
lg: string;
|
|
@@ -933,10 +941,12 @@ export declare const MaxButton: import("@stitches/react/types/styled-component")
|
|
|
933
941
|
export declare const ValueTypography: import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
934
942
|
hasWarning?: boolean | "true" | "false" | undefined;
|
|
935
943
|
}, {
|
|
944
|
+
xs: string;
|
|
936
945
|
sm: string;
|
|
937
946
|
md: string;
|
|
938
947
|
lg: string;
|
|
939
948
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
949
|
+
xs: string;
|
|
940
950
|
sm: string;
|
|
941
951
|
md: string;
|
|
942
952
|
lg: string;
|
|
@@ -1092,10 +1102,12 @@ export declare const ValueTypography: import("@stitches/react/types/styled-compo
|
|
|
1092
1102
|
transitions: {};
|
|
1093
1103
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
1094
1104
|
export declare const formStyles: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
|
|
1105
|
+
xs: string;
|
|
1095
1106
|
sm: string;
|
|
1096
1107
|
md: string;
|
|
1097
1108
|
lg: string;
|
|
1098
1109
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
1110
|
+
xs: string;
|
|
1099
1111
|
sm: string;
|
|
1100
1112
|
md: string;
|
|
1101
1113
|
lg: string;
|
|
@@ -1251,10 +1263,12 @@ export declare const formStyles: import("@stitches/react/types/styled-component"
|
|
|
1251
1263
|
transitions: {};
|
|
1252
1264
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
1253
1265
|
export declare const labelStyles: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
|
|
1266
|
+
xs: string;
|
|
1254
1267
|
sm: string;
|
|
1255
1268
|
md: string;
|
|
1256
1269
|
lg: string;
|
|
1257
1270
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
1271
|
+
xs: string;
|
|
1258
1272
|
sm: string;
|
|
1259
1273
|
md: string;
|
|
1260
1274
|
lg: string;
|
|
@@ -1410,10 +1424,12 @@ export declare const labelStyles: import("@stitches/react/types/styled-component
|
|
|
1410
1424
|
transitions: {};
|
|
1411
1425
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
1412
1426
|
export declare const balanceStyles: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
|
|
1427
|
+
xs: string;
|
|
1413
1428
|
sm: string;
|
|
1414
1429
|
md: string;
|
|
1415
1430
|
lg: string;
|
|
1416
1431
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
1432
|
+
xs: string;
|
|
1417
1433
|
sm: string;
|
|
1418
1434
|
md: string;
|
|
1419
1435
|
lg: string;
|
|
@@ -1569,10 +1585,12 @@ export declare const balanceStyles: import("@stitches/react/types/styled-compone
|
|
|
1569
1585
|
transitions: {};
|
|
1570
1586
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
1571
1587
|
export declare const amountStyles: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
|
|
1588
|
+
xs: string;
|
|
1572
1589
|
sm: string;
|
|
1573
1590
|
md: string;
|
|
1574
1591
|
lg: string;
|
|
1575
1592
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
1593
|
+
xs: string;
|
|
1576
1594
|
sm: string;
|
|
1577
1595
|
md: string;
|
|
1578
1596
|
lg: string;
|
|
@@ -1728,10 +1746,12 @@ export declare const amountStyles: import("@stitches/react/types/styled-componen
|
|
|
1728
1746
|
transitions: {};
|
|
1729
1747
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
1730
1748
|
export declare const labelContainerStyles: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
|
|
1749
|
+
xs: string;
|
|
1731
1750
|
sm: string;
|
|
1732
1751
|
md: string;
|
|
1733
1752
|
lg: string;
|
|
1734
1753
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
1754
|
+
xs: string;
|
|
1735
1755
|
sm: string;
|
|
1736
1756
|
md: string;
|
|
1737
1757
|
lg: string;
|
|
@@ -1887,10 +1907,12 @@ export declare const labelContainerStyles: import("@stitches/react/types/styled-
|
|
|
1887
1907
|
transitions: {};
|
|
1888
1908
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
1889
1909
|
export declare const UsdPrice: import("@stitches/react/types/styled-component").StyledComponent<typeof Typography, {}, {
|
|
1910
|
+
xs: string;
|
|
1890
1911
|
sm: string;
|
|
1891
1912
|
md: string;
|
|
1892
1913
|
lg: string;
|
|
1893
1914
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
1915
|
+
xs: string;
|
|
1894
1916
|
sm: string;
|
|
1895
1917
|
md: string;
|
|
1896
1918
|
lg: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":";;;AAAA,OAAO,EAAqB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGjE,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -282,10 +282,12 @@ export declare const Container: import("@stitches/react/types/styled-component")
|
|
|
282
282
|
} & {
|
|
283
283
|
children?: import("react").ReactNode;
|
|
284
284
|
} & import("react").RefAttributes<HTMLButtonElement>>, {}, {
|
|
285
|
+
xs: string;
|
|
285
286
|
sm: string;
|
|
286
287
|
md: string;
|
|
287
288
|
lg: string;
|
|
288
289
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
290
|
+
xs: string;
|
|
289
291
|
sm: string;
|
|
290
292
|
md: string;
|
|
291
293
|
lg: string;
|
|
@@ -441,10 +443,12 @@ export declare const Container: import("@stitches/react/types/styled-component")
|
|
|
441
443
|
transitions: {};
|
|
442
444
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
443
445
|
export declare const chainNameStyles: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
|
|
446
|
+
xs: string;
|
|
444
447
|
sm: string;
|
|
445
448
|
md: string;
|
|
446
449
|
lg: string;
|
|
447
450
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
451
|
+
xs: string;
|
|
448
452
|
sm: string;
|
|
449
453
|
md: string;
|
|
450
454
|
lg: string;
|
|
@@ -600,10 +604,12 @@ export declare const chainNameStyles: import("@stitches/react/types/styled-compo
|
|
|
600
604
|
transitions: {};
|
|
601
605
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
602
606
|
export declare const TokenSectionContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
|
|
607
|
+
xs: string;
|
|
603
608
|
sm: string;
|
|
604
609
|
md: string;
|
|
605
610
|
lg: string;
|
|
606
611
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
612
|
+
xs: string;
|
|
607
613
|
sm: string;
|
|
608
614
|
md: string;
|
|
609
615
|
lg: string;
|
|
@@ -759,10 +765,12 @@ export declare const TokenSectionContainer: import("@stitches/react/types/styled
|
|
|
759
765
|
transitions: {};
|
|
760
766
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
761
767
|
export declare const tokenChainStyles: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
|
|
768
|
+
xs: string;
|
|
762
769
|
sm: string;
|
|
763
770
|
md: string;
|
|
764
771
|
lg: string;
|
|
765
772
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
773
|
+
xs: string;
|
|
766
774
|
sm: string;
|
|
767
775
|
md: string;
|
|
768
776
|
lg: string;
|
|
@@ -918,10 +926,12 @@ export declare const tokenChainStyles: import("@stitches/react/types/styled-comp
|
|
|
918
926
|
transitions: {};
|
|
919
927
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
920
928
|
export declare const skeletonStyles: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
|
|
929
|
+
xs: string;
|
|
921
930
|
sm: string;
|
|
922
931
|
md: string;
|
|
923
932
|
lg: string;
|
|
924
933
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
934
|
+
xs: string;
|
|
925
935
|
sm: string;
|
|
926
936
|
md: string;
|
|
927
937
|
lg: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenSection.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.styles.ts"],"names":[],"mappings":";;;AAGA,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"TokenSection.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.styles.ts"],"names":[],"mappings":";;;AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA2BpB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAQ,CAAC;AAErC,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAehC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAO3B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAGzB,CAAC"}
|
|
@@ -2,10 +2,12 @@ import type { TokenWithAmount } from '../../components/TokenList/TokenList';
|
|
|
2
2
|
import type { LoadingStatus } from '../../types/meta';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
export declare const LoaderContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
|
|
5
|
+
xs: string;
|
|
5
6
|
sm: string;
|
|
6
7
|
md: string;
|
|
7
8
|
lg: string;
|
|
8
9
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
10
|
+
xs: string;
|
|
9
11
|
sm: string;
|
|
10
12
|
md: string;
|
|
11
13
|
lg: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/TokenSelector/TokenSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,eAAe
|
|
1
|
+
{"version":3,"file":"TokenSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/TokenSelector/TokenSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAM1B,CAAC;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAUD,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,qBAiC7C"}
|
|
@@ -174,6 +174,7 @@ export declare const darkColors: {
|
|
|
174
174
|
export declare const styled: <Type extends import("react").ComponentType<any> | import("@stitches/react/types/util").Function | keyof JSX.IntrinsicElements, Composers extends (string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function | {
|
|
175
175
|
[name: string]: unknown;
|
|
176
176
|
})[], CSS = import("@stitches/react/types/css-util").CSS<{
|
|
177
|
+
xs: string;
|
|
177
178
|
sm: string;
|
|
178
179
|
md: string;
|
|
179
180
|
lg: string;
|
|
@@ -339,10 +340,12 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
339
340
|
})[] | undefined;
|
|
340
341
|
defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : never : import("@stitches/react/types/util").WideObject) | undefined;
|
|
341
342
|
} & CSS & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; } : never); }) => import("@stitches/react/types/styled-component").StyledComponent<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
|
|
343
|
+
xs: string;
|
|
342
344
|
sm: string;
|
|
343
345
|
md: string;
|
|
344
346
|
lg: string;
|
|
345
347
|
}, import("@stitches/react/types/css-util").CSS<{
|
|
348
|
+
xs: string;
|
|
346
349
|
sm: string;
|
|
347
350
|
md: string;
|
|
348
351
|
lg: string;
|
|
@@ -499,6 +502,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
499
502
|
}, DefaultThemeMap, {}>>, css: <Composers extends (string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("@stitches/react/types/util").Function | {
|
|
500
503
|
[name: string]: unknown;
|
|
501
504
|
})[], CSS = import("@stitches/react/types/css-util").CSS<{
|
|
505
|
+
xs: string;
|
|
502
506
|
sm: string;
|
|
503
507
|
md: string;
|
|
504
508
|
lg: string;
|
|
@@ -664,6 +668,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
664
668
|
})[] | undefined;
|
|
665
669
|
defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : never : import("@stitches/react/types/util").WideObject) | undefined;
|
|
666
670
|
} & CSS & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; } : never); }) => import("@stitches/react/types/styled-component").CssComponent<import("@stitches/react/types/styled-component").StyledComponentType<Composers>, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
|
|
671
|
+
xs: string;
|
|
667
672
|
sm: string;
|
|
668
673
|
md: string;
|
|
669
674
|
lg: string;
|
|
@@ -982,6 +987,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
982
987
|
selector: string;
|
|
983
988
|
} & (Argument0 extends string ? import("@stitches/react/types/stitches").ThemeTokens<Argument1, ""> : import("@stitches/react/types/stitches").ThemeTokens<Argument0, "">), keyframes: (style: {
|
|
984
989
|
[offset: string]: import("@stitches/react/types/css-util").CSS<{
|
|
990
|
+
xs: string;
|
|
985
991
|
sm: string;
|
|
986
992
|
md: string;
|
|
987
993
|
lg: string;
|
|
@@ -1146,6 +1152,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
1146
1152
|
'@font-face'?: unknown;
|
|
1147
1153
|
} & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("@stitches/react/types/css").AtRule.FontFace | import("@stitches/react/types/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
|
|
1148
1154
|
[x: string]: import("@stitches/react/types/css-util").CSS<{
|
|
1155
|
+
xs: string;
|
|
1149
1156
|
sm: string;
|
|
1150
1157
|
md: string;
|
|
1151
1158
|
lg: string;
|
|
@@ -1301,6 +1308,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
1301
1308
|
transitions: {};
|
|
1302
1309
|
}, DefaultThemeMap, {}>;
|
|
1303
1310
|
} : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import("@stitches/react/types/css-util").CSS<{
|
|
1311
|
+
xs: string;
|
|
1304
1312
|
sm: string;
|
|
1305
1313
|
md: string;
|
|
1306
1314
|
lg: string;
|
|
@@ -1457,6 +1465,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
1457
1465
|
}, DefaultThemeMap, {}>; })[]) => () => string, config: {
|
|
1458
1466
|
prefix: "";
|
|
1459
1467
|
media: {
|
|
1468
|
+
xs: string;
|
|
1460
1469
|
sm: string;
|
|
1461
1470
|
md: string;
|
|
1462
1471
|
lg: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAMpE,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiKjB,CAAC;
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAMpE,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiKjB,CAAC;AAaF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;CAuBtB,CAAC;AAMF,eAAO,MAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAAE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAE,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4KAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKjE,CAAC;AAEL,eAAO,MAAM,UAAU;;;gEAAoC,CAAC;AAE5D,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;MAKpB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { styled } from '../../theme';
|
|
2
2
|
|
|
3
3
|
export const StyledEllipse = styled('ellipse', {
|
|
4
|
-
cx: 12.
|
|
5
|
-
cy: 12.
|
|
6
|
-
rx: 7.
|
|
7
|
-
ry: 7.
|
|
4
|
+
cx: '12.5px',
|
|
5
|
+
cy: '12.5px',
|
|
6
|
+
rx: '7.7px',
|
|
7
|
+
ry: '7.7px',
|
|
8
8
|
strokeLinecap: 'round',
|
|
9
9
|
fill: 'none',
|
|
10
10
|
strokeDasharray: 100,
|
|
@@ -5,6 +5,13 @@ import { Typography } from '../Typography';
|
|
|
5
5
|
|
|
6
6
|
export const TooltipContent = styled(RadixTooltip.Content, {
|
|
7
7
|
zIndex: '999999',
|
|
8
|
+
variants: {
|
|
9
|
+
align: {
|
|
10
|
+
right: {
|
|
11
|
+
position: 'absolute',
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
},
|
|
8
15
|
});
|
|
9
16
|
|
|
10
17
|
export const TooltipTypography = styled(Typography, {
|
|
@@ -20,6 +20,7 @@ export function Tooltip(props: PropsWithChildren<PropTypes>) {
|
|
|
20
20
|
open,
|
|
21
21
|
side = 'top',
|
|
22
22
|
style,
|
|
23
|
+
align,
|
|
23
24
|
} = props;
|
|
24
25
|
return (
|
|
25
26
|
<RadixTooltip.Provider delayDuration={0}>
|
|
@@ -28,7 +29,7 @@ export function Tooltip(props: PropsWithChildren<PropTypes>) {
|
|
|
28
29
|
<TriggerContent>{children}</TriggerContent>
|
|
29
30
|
</RadixTooltip.Trigger>
|
|
30
31
|
<RadixTooltip.Portal container={container}>
|
|
31
|
-
<TooltipContent side={side} sideOffset={sideOffset}>
|
|
32
|
+
<TooltipContent align={align} side={side} sideOffset={sideOffset}>
|
|
32
33
|
<TooltipTypography variant="label" size="medium" color={color}>
|
|
33
34
|
{content}
|
|
34
35
|
</TooltipTypography>
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
+
import type { TooltipContent } from './Tooltip.styles';
|
|
1
2
|
import type * as RadixTooltip from '@radix-ui/react-tooltip';
|
|
2
|
-
import type
|
|
3
|
+
import type * as Stitches from '@stitches/react';
|
|
3
4
|
import type { ComponentProps, ReactNode } from 'react';
|
|
4
5
|
|
|
5
6
|
type RadixTooltipContentProps = ComponentProps<typeof RadixTooltip.Content>;
|
|
7
|
+
type BaseProps = Stitches.VariantProps<typeof TooltipContent>;
|
|
8
|
+
type BaseAlign = Exclude<BaseProps['align'], object>;
|
|
6
9
|
|
|
7
10
|
export interface PropTypes {
|
|
8
11
|
content: ReactNode;
|
|
@@ -11,5 +14,6 @@ export interface PropTypes {
|
|
|
11
14
|
sideOffset?: RadixTooltipContentProps['sideOffset'];
|
|
12
15
|
container?: HTMLElement;
|
|
13
16
|
open?: boolean;
|
|
14
|
-
style?: CSSProperties;
|
|
17
|
+
style?: Stitches.CSSProperties;
|
|
18
|
+
align?: BaseAlign;
|
|
15
19
|
}
|