@huma-finance/widgets 0.0.59-beta.486 → 0.0.59-beta.488

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 (40) hide show
  1. package/dist/cjs/index.cjs +212 -205
  2. package/dist/cjs/index.cjs.map +1 -1
  3. package/dist/index.js +214 -207
  4. package/dist/index.js.map +1 -1
  5. package/package.json +4 -4
  6. package/src/components/Activity.tsx +2 -3
  7. package/src/components/ApproveAllowanceModal.tsx +2 -2
  8. package/src/components/ApproveAllowanceModalV2.tsx +2 -2
  9. package/src/components/ChooseAmountModal.tsx +15 -14
  10. package/src/components/ConfirmTransferModal.tsx +5 -6
  11. package/src/components/CreditLine/borrow/1-Evaluation.tsx +5 -5
  12. package/src/components/ErrorModal.tsx +5 -12
  13. package/src/components/Factoring/FactoredList.tsx +2 -2
  14. package/src/components/Factoring/UpcomingList.tsx +2 -2
  15. package/src/components/HumaSnackBar.tsx +2 -2
  16. package/src/components/HumaTable.tsx +3 -3
  17. package/src/components/InputAmountModal.tsx +9 -7
  18. package/src/components/Lend/addRedemptionV2/1-ChooseTranche.tsx +2 -2
  19. package/src/components/Lend/supply/1-Evaluation/EvaluationEA.tsx +2 -2
  20. package/src/components/Lend/supply/1-Evaluation/EvaluationKYC.tsx +2 -2
  21. package/src/components/Lend/supplyV2/1-ChooseTranche.tsx +2 -2
  22. package/src/components/Lend/supplyV2/3-ChooseAmount.tsx +4 -0
  23. package/src/components/Lend/supplyV2/8-PointsEarned.tsx +14 -9
  24. package/src/components/Lend/supplyV2/components/PersonaEvaluation.tsx +8 -6
  25. package/src/components/Lend/supplyV2/components/SecuritizeEvaluation.tsx +2 -2
  26. package/src/components/Lend/withdrawV2/1-ConfirmTransfer.tsx +3 -3
  27. package/src/components/Notifi/NotifiSubscriptionModal.tsx +2 -2
  28. package/src/components/ReceivableBackedCreditLine/payment/1-ChoosePaymentType.tsx +2 -2
  29. package/src/components/SignIn.tsx +2 -2
  30. package/src/components/SuperfluidFactoring/index.tsx +2 -2
  31. package/src/components/TxDoneModal.tsx +4 -4
  32. package/src/components/WrapperModal.tsx +3 -3
  33. package/src/components/humaModal/HumaModal.tsx +3 -3
  34. package/src/index.tsx +0 -2
  35. package/src/theme/components.ts +3 -2
  36. package/src/theme/palette.ts +7 -7
  37. package/src/theme/typography.ts +0 -1
  38. package/dist/assets/output-f6156dde.css +0 -45
  39. package/dist/cjs/assets/output-f6156dde.css +0 -45
  40. package/src/index.css +0 -61
package/src/components/ReceivableBackedCreditLine/payment/1-ChoosePaymentType.tsx CHANGED
@@ -31,7 +31,7 @@ export function ChoosePaymentType({
31
31
  const styles = {
32
32
  subTitle: css`
33
33
  color: ${theme.palette.text.primary} !important;
34
- font-family: 'Uni-Neue-Regular';
34
+ font-weight: 400;
35
35
  font-size: 16px;
36
36
  line-height: 150%;
37
37
  letter-spacing: 0.15px;
@@ -46,7 +46,7 @@ export function ChoosePaymentType({
46
46
  margin-bottom: ${theme.spacing(1)};
47
47
  .MuiFormControlLabel-label {
48
48
  color: ${theme.palette.text.primary};
49
- font-family: 'Uni-Neue-Regular';
49
+ font-weight: 400;
50
50
  font-size: 16px;
51
51
  line-height: 150%;
52
52
  letter-spacing: 0.15px;
package/src/components/SignIn.tsx CHANGED
@@ -28,10 +28,10 @@ export function SignIn({ description }: Props): React.ReactElement {
28
28
  content: css`
29
29
  ${theme.cssMixins.rowHCentered};
30
30
  margin-top: ${theme.spacing(4)};
31
- font-family: 'Uni-Neue-Regular';
31
+ font-weight: 400;
32
32
  font-size: 16px;
33
33
  line-height: 24px;
34
- color: #49505b;
34
+ color: ${theme.palette.text.secondary};
35
35
  margin-bottom: ${theme.spacing(8)};
36
36
  `,
37
37
  }
package/src/components/SuperfluidFactoring/index.tsx CHANGED
@@ -5,11 +5,11 @@ import {
5
5
  POOL_NAME,
6
6
  POOL_TYPE,
7
7
  PoolMap,
8
- PoolSubgraphMap,
9
8
  useFactoring,
10
9
  } from '@huma-finance/shared'
11
10
  import React from 'react'
12
11
 
12
+ import { SubgraphService } from '@huma-finance/sdk'
13
13
  import { Activity } from '../Activity'
14
14
  import { ApolloWrapper } from '../ApolloWrapper'
15
15
  import { StreamFactoringBorrow } from '../StreamFactoring/borrow'
@@ -57,7 +57,7 @@ export function SuperfluidFactoring(): React.ReactElement {
57
57
  loading={loading && actionType === 'borrow'}
58
58
  />
59
59
  </ApolloWrapper>
60
- <ApolloWrapper uri={PoolSubgraphMap[chainId!]?.subgraph}>
60
+ <ApolloWrapper uri={SubgraphService.getSubgraphUrlForChainId(chainId!)}>
61
61
  {poolInfo && (
62
62
  <Activity
63
63
  poolInfo={poolInfo}
package/src/components/TxDoneModal.tsx CHANGED
@@ -35,17 +35,17 @@ export function TxDoneModal({
35
35
  `,
36
36
  content: css`
37
37
  ${theme.cssMixins.colVCentered};
38
- font-family: ${subContent ? 'Uni-Neue-Bold' : 'Uni-Neue-Regular'};
38
+ font-weight: ${subContent ? 700 : 400};
39
39
  font-size: 18px;
40
- color: #423b46;
40
+ color: ${theme.palette.text.secondary};
41
41
  margin-top: ${theme.spacing(8)};
42
42
  text-align: center;
43
43
  `,
44
44
  subContent: css`
45
45
  ${theme.cssMixins.colVCentered};
46
- font-family: 'Uni-Neue-Regular';
46
+ font-weight: 400;
47
47
  font-size: 18px;
48
- color: #423b46;
48
+ color: ${theme.palette.text.primary};
49
49
  margin-top: ${theme.spacing(2)};
50
50
  text-align: center;
51
51
  `,
package/src/components/WrapperModal.tsx CHANGED
@@ -21,17 +21,17 @@ export function WrapperModal({
21
21
  `,
22
22
  header: css`
23
23
  ${theme.cssMixins.rowHCentered};
24
- font-family: 'Uni-Neue-Bold';
24
+ font-weight: 700;
25
25
  font-size: 20px;
26
26
  margin-top: ${theme.spacing(-0.5)};
27
27
  `,
28
28
  content: css`
29
29
  ${theme.cssMixins.rowHCentered};
30
30
  margin-top: ${theme.spacing(4)};
31
- font-family: 'Uni-Neue-Regular';
31
+ font-weight: 400;
32
32
  font-size: 16px;
33
33
  line-height: 24px;
34
- color: #49505b;
34
+ color: ${theme.palette.text.secondary};
35
35
  `,
36
36
  bottom: css`
37
37
  & .MuiButtonBase-root {
package/src/components/humaModal/HumaModal.tsx CHANGED
@@ -3,8 +3,6 @@ import { Dialog } from '@mui/material'
3
3
  import { useMQ } from '@huma-finance/shared'
4
4
  import React from 'react'
5
5
 
6
- import { white } from '../../theme/palette'
7
-
8
6
  type HumaModalType = {
9
7
  children?: React.ReactNode
10
8
  isOpen: boolean
@@ -55,7 +53,9 @@ export function HumaModal({
55
53
  open={isOpen}
56
54
  PaperProps={{
57
55
  style: {
58
- background: white,
56
+ border: '1px solid #202020',
57
+ background: 'rgba(255, 255, 255, 0.05)',
58
+ backdropFilter: 'blur(50px)',
59
59
  borderRadius: '16px',
60
60
  overflow: overflow || 'inherit',
61
61
  overflowY: overflowY || 'inherit',
package/src/index.tsx CHANGED
@@ -1,5 +1,3 @@
1
- import './index.css'
2
-
3
1
  import { JsonRpcProvider } from '@ethersproject/providers'
4
2
  import {
5
3
  Provider as Web3Provider,
package/src/theme/components.ts CHANGED
@@ -26,7 +26,7 @@ export function components(theme: Theme): ThemeOptions['components'] {
26
26
  },
27
27
  },
28
28
  root: {
29
- fontFamily: 'Uni-Neue-Bold',
29
+ fontWeight: '700',
30
30
  fontSize: '15px',
31
31
  borderRadius: '32px',
32
32
  '&.MuiButton-containedPrimary': {
@@ -44,7 +44,8 @@ export function components(theme: Theme): ThemeOptions['components'] {
44
44
  textTransform: 'none',
45
45
  '&.Mui-disabled': {
46
46
  border: 'none',
47
- background: 'rgba(0, 0, 0, 0.12)',
47
+ background:
48
+ 'linear-gradient(232.71deg, rgba(178, 70, 255, 0.25) 5%, rgba(255, 106, 138, 0.25) 175%)',
48
49
  boxShadow: 'unset',
49
50
  },
50
51
  },
package/src/theme/palette.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ThemeOptions } from '@mui/material'
2
2
 
3
3
  // primary
4
- export const primaryPurple = '#c265d0'
4
+ export const primaryPurple = '#b246ff'
5
5
  export const primaryBlueLight = '#4473EB'
6
6
  export const primaryGradient =
7
7
  'linear-gradient(232.71deg, #A363F4 4.17%, #FF6A8A 178.69%);'
@@ -45,9 +45,9 @@ const yellow = {
45
45
 
46
46
  const grey = {
47
47
  100: '#CBD6DE',
48
- 200: '#6B6B6B',
49
- 300: '#606060',
50
- 400: '#5E7485',
48
+ 200: '#BDB5C8',
49
+ 300: '#d3ccdd',
50
+ 400: '#EAE6F0',
51
51
  600: '#395062',
52
52
  700: '#6B6572',
53
53
  800: '#4A4A4A',
@@ -136,9 +136,9 @@ export const paletteCore: ThemeOptions['palette'] = {
136
136
  main: green[200],
137
137
  },
138
138
  text: {
139
- primary: black[5],
140
- secondary: black[6],
141
- tertiary: black[3],
139
+ primary: grey[400],
140
+ secondary: grey[200],
141
+ tertiary: grey[300],
142
142
  quaternary: grey[400],
143
143
  },
144
144
  warning: {
package/src/theme/typography.ts CHANGED
@@ -97,7 +97,6 @@ export const typography: ThemeOptions['typography'] = {
97
97
  fontWeight: 500,
98
98
  letterSpacing: coreThemeConstants.letterSpacing.sm,
99
99
  lineHeight: coreThemeConstants.lineHeight.md,
100
- color: 'rgba(0, 0, 0, 0.87)',
101
100
  },
102
101
  labsSmall: {
103
102
  fontSize: '0.75rem',
package/dist/assets/output-f6156dde.css DELETED
@@ -1,45 +0,0 @@
1
- @font-face {
2
- font-family: "Recoleta-Medium";
3
- src: local("Recoleta-Medium"), url(./fonts/Recoleta/Recoleta-Medium.otf) format("truetype");
4
- font-weight: 500;
5
- }
6
- @font-face {
7
- font-family: "Roboto-Medium";
8
- src: local("Roboto-Medium"), url(./fonts/Roboto/Roboto-Medium.ttf) format("truetype");
9
- font-weight: 500;
10
- }
11
- @font-face {
12
- font-family: "Roboto-Regular";
13
- src: local("Roboto-Regular"), url(./fonts/Roboto/Roboto-Regular.ttf) format("truetype");
14
- font-weight: 400;
15
- }
16
- @font-face {
17
- font-family: "Inter-Bold";
18
- src: local("Inter-Bold"), url(./fonts/Inter/Inter-Bold.ttf) format("truetype");
19
- font-weight: 700;
20
- }
21
- @font-face {
22
- font-family: "Inter-Medium";
23
- src: local("Inter-Medium"), url(./fonts/Inter/Inter-Medium.ttf) format("truetype");
24
- font-weight: 500;
25
- }
26
- @font-face {
27
- font-family: "Inter-Regular";
28
- src: local("Inter-Regular"), url(./fonts/Inter/Inter-Regular.ttf) format("truetype");
29
- font-weight: 400;
30
- }
31
- @font-face {
32
- font-family: "Uni-Neue-Black";
33
- src: local("Uni-Neue-Black"), url(./fonts/UniNeue/UniNeue-Black.ttf) format("truetype");
34
- font-weight: 800;
35
- }
36
- @font-face {
37
- font-family: "Uni-Neue-Bold";
38
- src: local("Uni-Neue-Bold"), url(./fonts/UniNeue/UniNeue-Bold.ttf) format("truetype");
39
- font-weight: 700;
40
- }
41
- @font-face {
42
- font-family: "Uni-Neue-Regular";
43
- src: local("Uni-Neue-Regular"), url(./fonts/UniNeue/UniNeue-Regular.ttf) format("truetype");
44
- font-weight: 400;
45
- }
package/dist/cjs/assets/output-f6156dde.css DELETED
@@ -1,45 +0,0 @@
1
- @font-face {
2
- font-family: "Recoleta-Medium";
3
- src: local("Recoleta-Medium"), url(./fonts/Recoleta/Recoleta-Medium.otf) format("truetype");
4
- font-weight: 500;
5
- }
6
- @font-face {
7
- font-family: "Roboto-Medium";
8
- src: local("Roboto-Medium"), url(./fonts/Roboto/Roboto-Medium.ttf) format("truetype");
9
- font-weight: 500;
10
- }
11
- @font-face {
12
- font-family: "Roboto-Regular";
13
- src: local("Roboto-Regular"), url(./fonts/Roboto/Roboto-Regular.ttf) format("truetype");
14
- font-weight: 400;
15
- }
16
- @font-face {
17
- font-family: "Inter-Bold";
18
- src: local("Inter-Bold"), url(./fonts/Inter/Inter-Bold.ttf) format("truetype");
19
- font-weight: 700;
20
- }
21
- @font-face {
22
- font-family: "Inter-Medium";
23
- src: local("Inter-Medium"), url(./fonts/Inter/Inter-Medium.ttf) format("truetype");
24
- font-weight: 500;
25
- }
26
- @font-face {
27
- font-family: "Inter-Regular";
28
- src: local("Inter-Regular"), url(./fonts/Inter/Inter-Regular.ttf) format("truetype");
29
- font-weight: 400;
30
- }
31
- @font-face {
32
- font-family: "Uni-Neue-Black";
33
- src: local("Uni-Neue-Black"), url(./fonts/UniNeue/UniNeue-Black.ttf) format("truetype");
34
- font-weight: 800;
35
- }
36
- @font-face {
37
- font-family: "Uni-Neue-Bold";
38
- src: local("Uni-Neue-Bold"), url(./fonts/UniNeue/UniNeue-Bold.ttf) format("truetype");
39
- font-weight: 700;
40
- }
41
- @font-face {
42
- font-family: "Uni-Neue-Regular";
43
- src: local("Uni-Neue-Regular"), url(./fonts/UniNeue/UniNeue-Regular.ttf) format("truetype");
44
- font-weight: 400;
45
- }
package/src/index.css DELETED
@@ -1,61 +0,0 @@
1
- @font-face {
2
- font-family: 'Recoleta-Medium';
3
- src: local('Recoleta-Medium'),
4
- url(./fonts/Recoleta/Recoleta-Medium.otf) format('truetype');
5
- font-weight: 500;
6
- }
7
-
8
- @font-face {
9
- font-family: 'Roboto-Medium';
10
- src: local('Roboto-Medium'),
11
- url(./fonts/Roboto/Roboto-Medium.ttf) format('truetype');
12
- font-weight: 500;
13
- }
14
-
15
- @font-face {
16
- font-family: 'Roboto-Regular';
17
- src: local('Roboto-Regular'),
18
- url(./fonts/Roboto/Roboto-Regular.ttf) format('truetype');
19
- font-weight: 400;
20
- }
21
-
22
- @font-face {
23
- font-family: 'Inter-Bold';
24
- src: local('Inter-Bold'), url(./fonts/Inter/Inter-Bold.ttf) format('truetype');
25
- font-weight: 700;
26
- }
27
-
28
- @font-face {
29
- font-family: 'Inter-Medium';
30
- src: local('Inter-Medium'),
31
- url(./fonts/Inter/Inter-Medium.ttf) format('truetype');
32
- font-weight: 500;
33
- }
34
-
35
- @font-face {
36
- font-family: 'Inter-Regular';
37
- src: local('Inter-Regular'),
38
- url(./fonts/Inter/Inter-Regular.ttf) format('truetype');
39
- font-weight: 400;
40
- }
41
-
42
- @font-face {
43
- font-family: 'Uni-Neue-Black';
44
- src: local('Uni-Neue-Black'),
45
- url(./fonts/UniNeue/UniNeue-Black.ttf) format('truetype');
46
- font-weight: 800;
47
- }
48
-
49
- @font-face {
50
- font-family: 'Uni-Neue-Bold';
51
- src: local('Uni-Neue-Bold'),
52
- url(./fonts/UniNeue/UniNeue-Bold.ttf) format('truetype');
53
- font-weight: 700;
54
- }
55
-
56
- @font-face {
57
- font-family: 'Uni-Neue-Regular';
58
- src: local('Uni-Neue-Regular'),
59
- url(./fonts/UniNeue/UniNeue-Regular.ttf) format('truetype');
60
- font-weight: 400;
61
- }