@rango-dev/ui 0.34.1-next.4 → 0.34.1-next.5
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 +1 -1
- package/dist/index.js.map +3 -3
- package/dist/ui.build.json +1 -1
- package/dist/widget/ui/src/components/Alert/Alert.styles.d.ts +16 -28
- 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 +4 -7
- 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 +8 -14
- 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 +12 -21
- 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 +12 -21
- 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 +16 -28
- 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 +4 -7
- 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 +4 -7
- 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 +4 -7
- package/dist/widget/ui/src/components/Divider/Divider.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.styles.d.ts +148 -259
- package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Header/Header.styles.d.ts +8 -14
- package/dist/widget/ui/src/components/Header/Header.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/List/List.styles.d.ts +4 -7
- 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 +4 -7
- 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 +4 -7
- 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 +4 -7
- 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 +12 -21
- 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 +24 -42
- 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 +4 -7
- 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 +8 -14
- 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 +8 -14
- 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 +16 -28
- package/dist/widget/ui/src/components/QuoteCost/QuoteCost.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/QuoteTag/QuoteTag.styles.d.ts +8 -14
- package/dist/widget/ui/src/components/QuoteTag/QuoteTag.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Radio/Radio.styles.d.ts +8 -14
- 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 +16 -28
- 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 +8 -14
- package/dist/widget/ui/src/components/RefreshProgressButton/RefreshProgressButton.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Select/Select.styles.d.ts +12 -21
- package/dist/widget/ui/src/components/Select/Select.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/SelectableCategoryList/SelectableCategoryList.styles.d.ts +12 -21
- 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 +4 -7
- package/dist/widget/ui/src/components/Skeleton/Skeleton.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Spinner/Spinner.styles.d.ts +4 -7
- package/dist/widget/ui/src/components/Spinner/Spinner.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts +24 -42
- 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 +4 -7
- package/dist/widget/ui/src/components/SvgIcon/SvgIcon.style.d.ts.map +1 -1
- package/dist/widget/ui/src/components/SwapListItem/SwapListItem.styles.d.ts +24 -42
- 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 +36 -63
- 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 +8 -14
- package/dist/widget/ui/src/components/Switch/Switch.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Tabs/Tabs.styles.d.ts +12 -21
- package/dist/widget/ui/src/components/Tabs/Tabs.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/TextField/TextField.styles.d.ts +12 -21
- package/dist/widget/ui/src/components/TextField/TextField.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Toast/Toast.styles.d.ts +24 -42
- package/dist/widget/ui/src/components/Toast/Toast.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/TokenAmount/TokenAmount.styles.d.ts +12 -21
- package/dist/widget/ui/src/components/TokenAmount/TokenAmount.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Tooltip/Tooltip.styles.d.ts +12 -21
- package/dist/widget/ui/src/components/Tooltip/Tooltip.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Typography/NotSelectableTypography.d.ts +4 -7
- package/dist/widget/ui/src/components/Typography/NotSelectableTypography.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Typography/Typography.styles.d.ts +4 -7
- 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 +20 -35
- package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/common/Image.d.ts +4 -7
- package/dist/widget/ui/src/components/common/Image.d.ts.map +1 -1
- package/dist/widget/ui/src/components/common/styles.d.ts +4 -7
- package/dist/widget/ui/src/components/common/styles.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/ConnectWalletsModal/ConnectWalletsModal.styles.d.ts +4 -7
- package/dist/widget/ui/src/containers/ConnectWalletsModal/ConnectWalletsModal.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts +44 -77
- 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 +20 -35
- package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/theme.d.ts +56 -74
- package/dist/widget/ui/src/theme.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/Button.styles.tsx +18 -18
- package/src/components/ChainToken/ChainToken.styles.ts +3 -3
- package/src/components/Checkbox/Checkbox.styles.ts +1 -1
- package/src/components/FullExpandedQuote/FullExpandedQuote.styles.ts +7 -7
- package/src/components/QuoteTag/QuoteTag.styles.ts +1 -1
- package/src/components/Radio/Radio.styles.tsx +1 -1
- package/src/components/Select/Select.styles.ts +1 -1
- package/src/components/Skeleton/Skeleton.styles.ts +2 -2
- package/src/components/Switch/Switch.styles.tsx +1 -1
- package/src/components/Wallet/Wallet.styles.ts +1 -1
- package/src/containers/SwapInput/SwapInput.styles.ts +2 -2
- package/src/theme.ts +20 -10
|
@@ -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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"}
|
|
@@ -295,17 +295,14 @@ export declare const Container: import("@stitches/react/types/styled-component")
|
|
|
295
295
|
colors: {
|
|
296
296
|
primary: string;
|
|
297
297
|
primary500: string;
|
|
298
|
-
|
|
298
|
+
primary550: string;
|
|
299
299
|
secondary: string;
|
|
300
300
|
secondary100: string;
|
|
301
|
+
secondary150: string;
|
|
301
302
|
secondary200: string;
|
|
302
|
-
|
|
303
|
-
secondary400: string;
|
|
303
|
+
secondary250: string;
|
|
304
304
|
secondary500: string;
|
|
305
|
-
|
|
306
|
-
secondary700: string;
|
|
307
|
-
secondary800: string;
|
|
308
|
-
secondary900: string;
|
|
305
|
+
secondary550: string;
|
|
309
306
|
neutral: string;
|
|
310
307
|
neutral100: string;
|
|
311
308
|
neutral200: string;
|
|
@@ -457,17 +454,14 @@ export declare const chainNameStyles: import("@stitches/react/types/styled-compo
|
|
|
457
454
|
colors: {
|
|
458
455
|
primary: string;
|
|
459
456
|
primary500: string;
|
|
460
|
-
|
|
457
|
+
primary550: string;
|
|
461
458
|
secondary: string;
|
|
462
459
|
secondary100: string;
|
|
460
|
+
secondary150: string;
|
|
463
461
|
secondary200: string;
|
|
464
|
-
|
|
465
|
-
secondary400: string;
|
|
462
|
+
secondary250: string;
|
|
466
463
|
secondary500: string;
|
|
467
|
-
|
|
468
|
-
secondary700: string;
|
|
469
|
-
secondary800: string;
|
|
470
|
-
secondary900: string;
|
|
464
|
+
secondary550: string;
|
|
471
465
|
neutral: string;
|
|
472
466
|
neutral100: string;
|
|
473
467
|
neutral200: string;
|
|
@@ -619,17 +613,14 @@ export declare const TokenSectionContainer: import("@stitches/react/types/styled
|
|
|
619
613
|
colors: {
|
|
620
614
|
primary: string;
|
|
621
615
|
primary500: string;
|
|
622
|
-
|
|
616
|
+
primary550: string;
|
|
623
617
|
secondary: string;
|
|
624
618
|
secondary100: string;
|
|
619
|
+
secondary150: string;
|
|
625
620
|
secondary200: string;
|
|
626
|
-
|
|
627
|
-
secondary400: string;
|
|
621
|
+
secondary250: string;
|
|
628
622
|
secondary500: string;
|
|
629
|
-
|
|
630
|
-
secondary700: string;
|
|
631
|
-
secondary800: string;
|
|
632
|
-
secondary900: string;
|
|
623
|
+
secondary550: string;
|
|
633
624
|
neutral: string;
|
|
634
625
|
neutral100: string;
|
|
635
626
|
neutral200: string;
|
|
@@ -781,17 +772,14 @@ export declare const tokenChainStyles: import("@stitches/react/types/styled-comp
|
|
|
781
772
|
colors: {
|
|
782
773
|
primary: string;
|
|
783
774
|
primary500: string;
|
|
784
|
-
|
|
775
|
+
primary550: string;
|
|
785
776
|
secondary: string;
|
|
786
777
|
secondary100: string;
|
|
778
|
+
secondary150: string;
|
|
787
779
|
secondary200: string;
|
|
788
|
-
|
|
789
|
-
secondary400: string;
|
|
780
|
+
secondary250: string;
|
|
790
781
|
secondary500: string;
|
|
791
|
-
|
|
792
|
-
secondary700: string;
|
|
793
|
-
secondary800: string;
|
|
794
|
-
secondary900: string;
|
|
782
|
+
secondary550: string;
|
|
795
783
|
neutral: string;
|
|
796
784
|
neutral100: string;
|
|
797
785
|
neutral200: string;
|
|
@@ -943,17 +931,14 @@ export declare const skeletonStyles: import("@stitches/react/types/styled-compon
|
|
|
943
931
|
colors: {
|
|
944
932
|
primary: string;
|
|
945
933
|
primary500: string;
|
|
946
|
-
|
|
934
|
+
primary550: string;
|
|
947
935
|
secondary: string;
|
|
948
936
|
secondary100: string;
|
|
937
|
+
secondary150: string;
|
|
949
938
|
secondary200: string;
|
|
950
|
-
|
|
951
|
-
secondary400: string;
|
|
939
|
+
secondary250: string;
|
|
952
940
|
secondary500: string;
|
|
953
|
-
|
|
954
|
-
secondary700: string;
|
|
955
|
-
secondary800: string;
|
|
956
|
-
secondary900: string;
|
|
941
|
+
secondary550: string;
|
|
957
942
|
neutral: string;
|
|
958
943
|
neutral100: string;
|
|
959
944
|
neutral200: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenSection.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.styles.ts"],"names":[],"mappings":";;;AAKA,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"TokenSection.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.styles.ts"],"names":[],"mappings":";;;AAKA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAqCpB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAQ,CAAC;AAErC,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAehC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAQ3B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAGzB,CAAC"}
|
|
@@ -5,17 +5,14 @@ export declare const theme: {
|
|
|
5
5
|
colors: {
|
|
6
6
|
primary: string;
|
|
7
7
|
primary500: string;
|
|
8
|
-
|
|
8
|
+
primary550: string;
|
|
9
9
|
secondary: string;
|
|
10
10
|
secondary100: string;
|
|
11
|
+
secondary150: string;
|
|
11
12
|
secondary200: string;
|
|
12
|
-
|
|
13
|
-
secondary400: string;
|
|
13
|
+
secondary250: string;
|
|
14
14
|
secondary500: string;
|
|
15
|
-
|
|
16
|
-
secondary700: string;
|
|
17
|
-
secondary800: string;
|
|
18
|
-
secondary900: string;
|
|
15
|
+
secondary550: string;
|
|
19
16
|
neutral: string;
|
|
20
17
|
neutral100: string;
|
|
21
18
|
neutral200: string;
|
|
@@ -155,9 +152,9 @@ export declare const theme: {
|
|
|
155
152
|
};
|
|
156
153
|
export declare const darkColors: {
|
|
157
154
|
secondary: string;
|
|
158
|
-
|
|
155
|
+
secondary250: string;
|
|
159
156
|
secondary500: string;
|
|
160
|
-
|
|
157
|
+
secondary550: string;
|
|
161
158
|
neutral: string;
|
|
162
159
|
neutral900: string;
|
|
163
160
|
neutral800: string;
|
|
@@ -184,17 +181,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
184
181
|
colors: {
|
|
185
182
|
primary: string;
|
|
186
183
|
primary500: string;
|
|
187
|
-
|
|
184
|
+
primary550: string;
|
|
188
185
|
secondary: string;
|
|
189
186
|
secondary100: string;
|
|
187
|
+
secondary150: string;
|
|
190
188
|
secondary200: string;
|
|
191
|
-
|
|
192
|
-
secondary400: string;
|
|
189
|
+
secondary250: string;
|
|
193
190
|
secondary500: string;
|
|
194
|
-
|
|
195
|
-
secondary700: string;
|
|
196
|
-
secondary800: string;
|
|
197
|
-
secondary900: string;
|
|
191
|
+
secondary550: string;
|
|
198
192
|
neutral: string;
|
|
199
193
|
neutral100: string;
|
|
200
194
|
neutral200: string;
|
|
@@ -356,17 +350,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
356
350
|
colors: {
|
|
357
351
|
primary: string;
|
|
358
352
|
primary500: string;
|
|
359
|
-
|
|
353
|
+
primary550: string;
|
|
360
354
|
secondary: string;
|
|
361
355
|
secondary100: string;
|
|
356
|
+
secondary150: string;
|
|
362
357
|
secondary200: string;
|
|
363
|
-
|
|
364
|
-
secondary400: string;
|
|
358
|
+
secondary250: string;
|
|
365
359
|
secondary500: string;
|
|
366
|
-
|
|
367
|
-
secondary700: string;
|
|
368
|
-
secondary800: string;
|
|
369
|
-
secondary900: string;
|
|
360
|
+
secondary550: string;
|
|
370
361
|
neutral: string;
|
|
371
362
|
neutral100: string;
|
|
372
363
|
neutral200: string;
|
|
@@ -514,17 +505,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
514
505
|
colors: {
|
|
515
506
|
primary: string;
|
|
516
507
|
primary500: string;
|
|
517
|
-
|
|
508
|
+
primary550: string;
|
|
518
509
|
secondary: string;
|
|
519
510
|
secondary100: string;
|
|
511
|
+
secondary150: string;
|
|
520
512
|
secondary200: string;
|
|
521
|
-
|
|
522
|
-
secondary400: string;
|
|
513
|
+
secondary250: string;
|
|
523
514
|
secondary500: string;
|
|
524
|
-
|
|
525
|
-
secondary700: string;
|
|
526
|
-
secondary800: string;
|
|
527
|
-
secondary900: string;
|
|
515
|
+
secondary550: string;
|
|
528
516
|
neutral: string;
|
|
529
517
|
neutral100: string;
|
|
530
518
|
neutral200: string;
|
|
@@ -681,17 +669,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
681
669
|
colors?: {
|
|
682
670
|
primary?: string | number | boolean | undefined;
|
|
683
671
|
primary500?: string | number | boolean | undefined;
|
|
684
|
-
|
|
672
|
+
primary550?: string | number | boolean | undefined;
|
|
685
673
|
secondary?: string | number | boolean | undefined;
|
|
686
674
|
secondary100?: string | number | boolean | undefined;
|
|
675
|
+
secondary150?: string | number | boolean | undefined;
|
|
687
676
|
secondary200?: string | number | boolean | undefined;
|
|
688
|
-
|
|
689
|
-
secondary400?: string | number | boolean | undefined;
|
|
677
|
+
secondary250?: string | number | boolean | undefined;
|
|
690
678
|
secondary500?: string | number | boolean | undefined;
|
|
691
|
-
|
|
692
|
-
secondary700?: string | number | boolean | undefined;
|
|
693
|
-
secondary800?: string | number | boolean | undefined;
|
|
694
|
-
secondary900?: string | number | boolean | undefined;
|
|
679
|
+
secondary550?: string | number | boolean | undefined;
|
|
695
680
|
neutral?: string | number | boolean | undefined;
|
|
696
681
|
neutral100?: string | number | boolean | undefined;
|
|
697
682
|
neutral200?: string | number | boolean | undefined;
|
|
@@ -837,17 +822,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
837
822
|
colors?: {
|
|
838
823
|
primary?: string | number | boolean | undefined;
|
|
839
824
|
primary500?: string | number | boolean | undefined;
|
|
840
|
-
|
|
825
|
+
primary550?: string | number | boolean | undefined;
|
|
841
826
|
secondary?: string | number | boolean | undefined;
|
|
842
827
|
secondary100?: string | number | boolean | undefined;
|
|
828
|
+
secondary150?: string | number | boolean | undefined;
|
|
843
829
|
secondary200?: string | number | boolean | undefined;
|
|
844
|
-
|
|
845
|
-
secondary400?: string | number | boolean | undefined;
|
|
830
|
+
secondary250?: string | number | boolean | undefined;
|
|
846
831
|
secondary500?: string | number | boolean | undefined;
|
|
847
|
-
|
|
848
|
-
secondary700?: string | number | boolean | undefined;
|
|
849
|
-
secondary800?: string | number | boolean | undefined;
|
|
850
|
-
secondary900?: string | number | boolean | undefined;
|
|
832
|
+
secondary550?: string | number | boolean | undefined;
|
|
851
833
|
neutral?: string | number | boolean | undefined;
|
|
852
834
|
neutral100?: string | number | boolean | undefined;
|
|
853
835
|
neutral200?: string | number | boolean | undefined;
|
|
@@ -1002,17 +984,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
1002
984
|
colors: {
|
|
1003
985
|
primary: string;
|
|
1004
986
|
primary500: string;
|
|
1005
|
-
|
|
987
|
+
primary550: string;
|
|
1006
988
|
secondary: string;
|
|
1007
989
|
secondary100: string;
|
|
990
|
+
secondary150: string;
|
|
1008
991
|
secondary200: string;
|
|
1009
|
-
|
|
1010
|
-
secondary400: string;
|
|
992
|
+
secondary250: string;
|
|
1011
993
|
secondary500: string;
|
|
1012
|
-
|
|
1013
|
-
secondary700: string;
|
|
1014
|
-
secondary800: string;
|
|
1015
|
-
secondary900: string;
|
|
994
|
+
secondary550: string;
|
|
1016
995
|
neutral: string;
|
|
1017
996
|
neutral100: string;
|
|
1018
997
|
neutral200: string;
|
|
@@ -1168,17 +1147,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
1168
1147
|
colors: {
|
|
1169
1148
|
primary: string;
|
|
1170
1149
|
primary500: string;
|
|
1171
|
-
|
|
1150
|
+
primary550: string;
|
|
1172
1151
|
secondary: string;
|
|
1173
1152
|
secondary100: string;
|
|
1153
|
+
secondary150: string;
|
|
1174
1154
|
secondary200: string;
|
|
1175
|
-
|
|
1176
|
-
secondary400: string;
|
|
1155
|
+
secondary250: string;
|
|
1177
1156
|
secondary500: string;
|
|
1178
|
-
|
|
1179
|
-
secondary700: string;
|
|
1180
|
-
secondary800: string;
|
|
1181
|
-
secondary900: string;
|
|
1157
|
+
secondary550: string;
|
|
1182
1158
|
neutral: string;
|
|
1183
1159
|
neutral100: string;
|
|
1184
1160
|
neutral200: string;
|
|
@@ -1325,17 +1301,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
1325
1301
|
colors: {
|
|
1326
1302
|
primary: string;
|
|
1327
1303
|
primary500: string;
|
|
1328
|
-
|
|
1304
|
+
primary550: string;
|
|
1329
1305
|
secondary: string;
|
|
1330
1306
|
secondary100: string;
|
|
1307
|
+
secondary150: string;
|
|
1331
1308
|
secondary200: string;
|
|
1332
|
-
|
|
1333
|
-
secondary400: string;
|
|
1309
|
+
secondary250: string;
|
|
1334
1310
|
secondary500: string;
|
|
1335
|
-
|
|
1336
|
-
secondary700: string;
|
|
1337
|
-
secondary800: string;
|
|
1338
|
-
secondary900: string;
|
|
1311
|
+
secondary550: string;
|
|
1339
1312
|
neutral: string;
|
|
1340
1313
|
neutral100: string;
|
|
1341
1314
|
neutral200: string;
|
|
@@ -1484,17 +1457,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
1484
1457
|
colors: {
|
|
1485
1458
|
primary: string;
|
|
1486
1459
|
primary500: string;
|
|
1487
|
-
|
|
1460
|
+
primary550: string;
|
|
1488
1461
|
secondary: string;
|
|
1489
1462
|
secondary100: string;
|
|
1463
|
+
secondary150: string;
|
|
1490
1464
|
secondary200: string;
|
|
1491
|
-
|
|
1492
|
-
secondary400: string;
|
|
1465
|
+
secondary250: string;
|
|
1493
1466
|
secondary500: string;
|
|
1494
|
-
|
|
1495
|
-
secondary700: string;
|
|
1496
|
-
secondary800: string;
|
|
1497
|
-
secondary900: string;
|
|
1467
|
+
secondary550: string;
|
|
1498
1468
|
neutral: string;
|
|
1499
1469
|
neutral100: string;
|
|
1500
1470
|
neutral200: string;
|
|
@@ -1646,9 +1616,9 @@ export declare const darkTheme: string & {
|
|
|
1646
1616
|
} & import("@stitches/react/types/stitches").ThemeTokens<{
|
|
1647
1617
|
colors: {
|
|
1648
1618
|
secondary: string;
|
|
1649
|
-
|
|
1619
|
+
secondary250: string;
|
|
1650
1620
|
secondary500: string;
|
|
1651
|
-
|
|
1621
|
+
secondary550: string;
|
|
1652
1622
|
neutral: string;
|
|
1653
1623
|
neutral900: string;
|
|
1654
1624
|
neutral800: string;
|
|
@@ -1668,4 +1638,16 @@ export declare const darkTheme: string & {
|
|
|
1668
1638
|
s: string;
|
|
1669
1639
|
};
|
|
1670
1640
|
}, "">;
|
|
1641
|
+
export declare const rangoDarkColors: {
|
|
1642
|
+
neutral: string;
|
|
1643
|
+
neutral100: string;
|
|
1644
|
+
neutral200: string;
|
|
1645
|
+
neutral300: string;
|
|
1646
|
+
neutral400: string;
|
|
1647
|
+
neutral500: string;
|
|
1648
|
+
neutral800: string;
|
|
1649
|
+
neutral900: string;
|
|
1650
|
+
background: string;
|
|
1651
|
+
foreground: string;
|
|
1652
|
+
};
|
|
1671
1653
|
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme.ts"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAiB,GAAG,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAMpE,eAAO,MAAM,KAAK
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -128,7 +128,7 @@ export const ButtonBase = styled('button', {
|
|
|
128
128
|
},
|
|
129
129
|
color: '$$color',
|
|
130
130
|
'&:hover': {
|
|
131
|
-
background: '$
|
|
131
|
+
background: '$primary550',
|
|
132
132
|
$$color: '$colors$background',
|
|
133
133
|
[`.${darkTheme} &`]: {
|
|
134
134
|
$$color: '$colors$foreground',
|
|
@@ -153,7 +153,7 @@ export const ButtonBase = styled('button', {
|
|
|
153
153
|
transition: 'background 0s',
|
|
154
154
|
},
|
|
155
155
|
'&:focus-visible': {
|
|
156
|
-
background: '$
|
|
156
|
+
background: '$primary550',
|
|
157
157
|
outline: 0,
|
|
158
158
|
},
|
|
159
159
|
},
|
|
@@ -165,12 +165,12 @@ export const ButtonBase = styled('button', {
|
|
|
165
165
|
color: '$primary500',
|
|
166
166
|
borderColor: '$primary500',
|
|
167
167
|
'&:hover': {
|
|
168
|
-
color: '$
|
|
169
|
-
borderColor: '$
|
|
168
|
+
color: '$primary550',
|
|
169
|
+
borderColor: '$primary550',
|
|
170
170
|
},
|
|
171
171
|
'&:focus-visible': {
|
|
172
|
-
color: '$
|
|
173
|
-
borderColor: '$
|
|
172
|
+
color: '$primary550',
|
|
173
|
+
borderColor: '$primary550',
|
|
174
174
|
outline: 0,
|
|
175
175
|
},
|
|
176
176
|
},
|
|
@@ -181,10 +181,10 @@ export const ButtonBase = styled('button', {
|
|
|
181
181
|
css: {
|
|
182
182
|
color: '$primary500',
|
|
183
183
|
'&:hover': {
|
|
184
|
-
color: '$
|
|
184
|
+
color: '$primary550',
|
|
185
185
|
},
|
|
186
186
|
'&:focus-visible': {
|
|
187
|
-
color: '$
|
|
187
|
+
color: '$primary550',
|
|
188
188
|
outline: 0,
|
|
189
189
|
},
|
|
190
190
|
},
|
|
@@ -200,7 +200,7 @@ export const ButtonBase = styled('button', {
|
|
|
200
200
|
},
|
|
201
201
|
color: '$$color',
|
|
202
202
|
'&:hover': {
|
|
203
|
-
background: '$
|
|
203
|
+
background: '$secondary550',
|
|
204
204
|
$$color: '$colors$background',
|
|
205
205
|
[`.${darkTheme} &`]: {
|
|
206
206
|
$$color: '$colors$foreground',
|
|
@@ -211,11 +211,11 @@ export const ButtonBase = styled('button', {
|
|
|
211
211
|
background: '$secondary500',
|
|
212
212
|
},
|
|
213
213
|
'&:focus': {
|
|
214
|
-
background: '$
|
|
214
|
+
background: '$secondary550',
|
|
215
215
|
outline: 0,
|
|
216
216
|
},
|
|
217
217
|
'&:focus-visible': {
|
|
218
|
-
background: '$
|
|
218
|
+
background: '$secondary550',
|
|
219
219
|
outline: 0,
|
|
220
220
|
},
|
|
221
221
|
},
|
|
@@ -227,20 +227,20 @@ export const ButtonBase = styled('button', {
|
|
|
227
227
|
color: '$secondary500',
|
|
228
228
|
borderColor: '$secondary500',
|
|
229
229
|
'&:hover': {
|
|
230
|
-
color: '$
|
|
231
|
-
borderColor: '$
|
|
230
|
+
color: '$secondary550',
|
|
231
|
+
borderColor: '$secondary550',
|
|
232
232
|
},
|
|
233
233
|
'&:visited': {
|
|
234
234
|
color: '$secondary500',
|
|
235
235
|
borderColor: '$secondary500',
|
|
236
236
|
},
|
|
237
237
|
'&:focus': {
|
|
238
|
-
color: '$
|
|
238
|
+
color: '$secondary550',
|
|
239
239
|
borderColor: '$secondary500',
|
|
240
240
|
outline: 0,
|
|
241
241
|
},
|
|
242
242
|
'&:focus-visible': {
|
|
243
|
-
color: '$
|
|
243
|
+
color: '$secondary550',
|
|
244
244
|
borderColor: '$secondary500',
|
|
245
245
|
outline: 0,
|
|
246
246
|
},
|
|
@@ -252,17 +252,17 @@ export const ButtonBase = styled('button', {
|
|
|
252
252
|
css: {
|
|
253
253
|
color: '$secondary500',
|
|
254
254
|
'&:hover': {
|
|
255
|
-
color: '$
|
|
255
|
+
color: '$secondary550',
|
|
256
256
|
},
|
|
257
257
|
'&:visited': {
|
|
258
258
|
color: '$secondary500',
|
|
259
259
|
},
|
|
260
260
|
'&:focus': {
|
|
261
|
-
color: '$
|
|
261
|
+
color: '$secondary550',
|
|
262
262
|
outline: 0,
|
|
263
263
|
},
|
|
264
264
|
'&:focus-visible': {
|
|
265
|
-
color: '$
|
|
265
|
+
color: '$secondary550',
|
|
266
266
|
outline: 0,
|
|
267
267
|
},
|
|
268
268
|
},
|
|
@@ -36,9 +36,9 @@ export const ChainImageContainer = styled('div', {
|
|
|
36
36
|
},
|
|
37
37
|
hasBorder: {
|
|
38
38
|
true: {
|
|
39
|
-
$$borderColor: '$colors$
|
|
39
|
+
$$borderColor: '$colors$secondary250',
|
|
40
40
|
[`.${darkTheme} &`]: {
|
|
41
|
-
$$borderColor: '$colors$
|
|
41
|
+
$$borderColor: '$colors$secondary550',
|
|
42
42
|
},
|
|
43
43
|
border: '1px solid $$borderColor',
|
|
44
44
|
},
|
|
@@ -56,7 +56,7 @@ export const TokenImageContainer = styled('div', {
|
|
|
56
56
|
variants: {
|
|
57
57
|
hasBorder: {
|
|
58
58
|
true: {
|
|
59
|
-
$$borderColor: '$colors$
|
|
59
|
+
$$borderColor: '$colors$secondary550',
|
|
60
60
|
[`.${darkTheme} &`]: {
|
|
61
61
|
$$borderColor: '$colors$secondary500',
|
|
62
62
|
},
|
|
@@ -23,7 +23,7 @@ export const CheckboxRoot = styled(RadixCheckbox.Root, {
|
|
|
23
23
|
'&[data-state="checked"]': {
|
|
24
24
|
$$color: '$colors$secondary500',
|
|
25
25
|
[`.${darkTheme} &`]: {
|
|
26
|
-
$$color: '$colors$
|
|
26
|
+
$$color: '$colors$secondary250',
|
|
27
27
|
},
|
|
28
28
|
backgroundColor: '$$color',
|
|
29
29
|
borderColor: '$$color',
|
|
@@ -31,7 +31,7 @@ export const RouteContainer = styled('div', {
|
|
|
31
31
|
true: {
|
|
32
32
|
$$color: '$colors$secondary500',
|
|
33
33
|
[`.${darkTheme} &`]: {
|
|
34
|
-
$$color: '$colors$
|
|
34
|
+
$$color: '$colors$secondary250',
|
|
35
35
|
},
|
|
36
36
|
borderColor: '$$color',
|
|
37
37
|
},
|
|
@@ -119,13 +119,13 @@ export const SwapperSection = styled('div', {
|
|
|
119
119
|
width: '100%',
|
|
120
120
|
height: '50%',
|
|
121
121
|
borderBottom: '1px dashed',
|
|
122
|
-
borderColor: '$
|
|
122
|
+
borderColor: '$secondary200',
|
|
123
123
|
display: 'flex',
|
|
124
124
|
flexDirection: 'column',
|
|
125
125
|
justifyContent: 'flex-end',
|
|
126
126
|
gap: '2px',
|
|
127
127
|
[`.${darkTheme} &`]: {
|
|
128
|
-
borderColor: '$
|
|
128
|
+
borderColor: '$secondary550',
|
|
129
129
|
},
|
|
130
130
|
});
|
|
131
131
|
|
|
@@ -217,9 +217,9 @@ export const VerticalLine = styled('div', {
|
|
|
217
217
|
width: 'calc(50% + 1px)',
|
|
218
218
|
borderRight: '1px dashed',
|
|
219
219
|
height: '$10',
|
|
220
|
-
borderColor: '$
|
|
220
|
+
borderColor: '$secondary200',
|
|
221
221
|
[`.${darkTheme} &`]: {
|
|
222
|
-
borderColor: '$
|
|
222
|
+
borderColor: '$secondary550',
|
|
223
223
|
},
|
|
224
224
|
});
|
|
225
225
|
|
|
@@ -240,9 +240,9 @@ export const lastStepStyle = css({
|
|
|
240
240
|
height: '$6',
|
|
241
241
|
borderTop: '2px solid',
|
|
242
242
|
borderRight: '2px solid',
|
|
243
|
-
borderColor: '$
|
|
243
|
+
borderColor: '$secondary200',
|
|
244
244
|
[`.${darkTheme} &`]: {
|
|
245
|
-
borderColor: '$
|
|
245
|
+
borderColor: '$secondary550',
|
|
246
246
|
},
|
|
247
247
|
},
|
|
248
248
|
});
|
|
@@ -17,7 +17,7 @@ export const StyledItem = styled(Radio.Item, {
|
|
|
17
17
|
'&[data-state="checked"]': {
|
|
18
18
|
$$color: '$colors$secondary500',
|
|
19
19
|
[`.${darkTheme} &`]: {
|
|
20
|
-
$$color: '$colors$
|
|
20
|
+
$$color: '$colors$secondary250',
|
|
21
21
|
},
|
|
22
22
|
backgroundColor: '$$color',
|
|
23
23
|
borderColor: '$$color',
|
|
@@ -11,10 +11,10 @@ const waveSquares = keyframes({
|
|
|
11
11
|
// #2B3462 -0.15%, rgba(43, 52, 98, 0.20) 99.85%
|
|
12
12
|
export const SkeletonContainer = styled('div', {
|
|
13
13
|
$$background:
|
|
14
|
-
'linear-gradient(90deg, $colors$
|
|
14
|
+
'linear-gradient(90deg, $colors$secondary200 20%, rgba(200, 226, 255, 0.20) 70%, $colors$secondary200 100%)',
|
|
15
15
|
[`.${darkTheme} &`]: {
|
|
16
16
|
$$background:
|
|
17
|
-
'linear-gradient(90deg, $colors$
|
|
17
|
+
'linear-gradient(90deg, $colors$secondary550 0%,rgba(43, 52, 98, 0.20) 70%, $colors$secondary550 100%)',
|
|
18
18
|
},
|
|
19
19
|
background: '$$background',
|
|
20
20
|
backgroundSize: '800px 100px',
|
|
@@ -22,7 +22,7 @@ export const StyledSwitchRoot = styled(RadixSwitch.Root, {
|
|
|
22
22
|
'&[data-state="checked"]': {
|
|
23
23
|
$$color: '$colors$secondary500',
|
|
24
24
|
[`.${darkTheme} &`]: {
|
|
25
|
-
$$color: '$colors$
|
|
25
|
+
$$color: '$colors$secondary250',
|
|
26
26
|
},
|
|
27
27
|
backgroundColor: '$$color',
|
|
28
28
|
borderColor: '$$color',
|