@blocklet/payment-react 1.18.44 → 1.18.46

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.
@@ -421,21 +421,22 @@ export default function PricingTable({ table, alignItems, interval, mode, onSele
421
421
  sx: {
422
422
  width: "100%",
423
423
  position: "relative",
424
- borderTop: "1px solid #e5e7eb",
424
+ borderTop: "1px solid",
425
+ borderColor: "divider",
425
426
  boxSizing: "border-box",
426
427
  height: "1px"
427
428
  }
428
429
  }
429
430
  ),
430
431
  x.product.features.map((f) => /* @__PURE__ */ jsxs(ListItem, { disableGutters: true, disablePadding: true, sx: { fontSize: "16px !important" }, children: [
431
- /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 25, color: "#059669", fontSize: "64px" }, children: /* @__PURE__ */ jsx(
432
+ /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 25, color: "text.secondary", fontSize: "64px" }, children: /* @__PURE__ */ jsx(
432
433
  CheckOutlined,
433
434
  {
434
435
  color: "success",
435
436
  fontSize: "small",
436
437
  sx: {
437
- color: "#059669",
438
- fontSize: "18px"
438
+ fontSize: "18px",
439
+ color: "success.main"
439
440
  }
440
441
  }
441
442
  ) }),
@@ -445,7 +446,7 @@ export default function PricingTable({ table, alignItems, interval, mode, onSele
445
446
  sx: {
446
447
  ".MuiListItemText-primary": {
447
448
  fontSize: "16px",
448
- color: "#030712",
449
+ color: "text.primary",
449
450
  fontWeight: "500"
450
451
  }
451
452
  },
package/es/theme/index.js CHANGED
@@ -249,7 +249,7 @@ export function PaymentThemeProvider({
249
249
  MuiChip: {
250
250
  styleOverrides: {
251
251
  root: {
252
- borderRadius: borderRadius * 0.5,
252
+ borderRadius: `${borderRadius * 2}px`,
253
253
  border: "1px solid transparent",
254
254
  "&.MuiChip-filledSuccess": {
255
255
  color: palette.chip.success.text,
@@ -442,7 +442,8 @@ function PricingTable({
442
442
  sx: {
443
443
  width: "100%",
444
444
  position: "relative",
445
- borderTop: "1px solid #e5e7eb",
445
+ borderTop: "1px solid",
446
+ borderColor: "divider",
446
447
  boxSizing: "border-box",
447
448
  height: "1px"
448
449
  }
@@ -455,22 +456,22 @@ function PricingTable({
455
456
  children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
456
457
  sx: {
457
458
  minWidth: 25,
458
- color: "#059669",
459
+ color: "text.secondary",
459
460
  fontSize: "64px"
460
461
  },
461
462
  children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_iconsMaterial.CheckOutlined, {
462
463
  color: "success",
463
464
  fontSize: "small",
464
465
  sx: {
465
- color: "#059669",
466
- fontSize: "18px"
466
+ fontSize: "18px",
467
+ color: "success.main"
467
468
  }
468
469
  })
469
470
  }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.ListItemText, {
470
471
  sx: {
471
472
  ".MuiListItemText-primary": {
472
473
  fontSize: "16px",
473
- color: "#030712",
474
+ color: "text.primary",
474
475
  fontWeight: "500"
475
476
  }
476
477
  },
@@ -265,7 +265,7 @@ function PaymentThemeProvider({
265
265
  MuiChip: {
266
266
  styleOverrides: {
267
267
  root: {
268
- borderRadius: borderRadius * 0.5,
268
+ borderRadius: `${borderRadius * 2}px`,
269
269
  border: "1px solid transparent",
270
270
  "&.MuiChip-filledSuccess": {
271
271
  color: palette.chip.success.text,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blocklet/payment-react",
3
- "version": "1.18.44",
3
+ "version": "1.18.46",
4
4
  "description": "Reusable react components for payment kit v2",
5
5
  "keywords": [
6
6
  "react",
@@ -54,11 +54,11 @@
54
54
  }
55
55
  },
56
56
  "dependencies": {
57
- "@arcblock/did-connect": "^2.13.36",
58
- "@arcblock/ux": "^2.13.36",
57
+ "@arcblock/did-connect": "^2.13.41",
58
+ "@arcblock/ux": "^2.13.41",
59
59
  "@arcblock/ws": "^1.20.11",
60
- "@blocklet/theme": "^2.13.36",
61
- "@blocklet/ui-react": "^2.13.36",
60
+ "@blocklet/theme": "^2.13.41",
61
+ "@blocklet/ui-react": "^2.13.41",
62
62
  "@mui/icons-material": "^5.16.6",
63
63
  "@mui/lab": "^5.0.0-alpha.173",
64
64
  "@mui/material": "^5.16.6",
@@ -94,7 +94,7 @@
94
94
  "@babel/core": "^7.25.2",
95
95
  "@babel/preset-env": "^7.25.2",
96
96
  "@babel/preset-react": "^7.24.7",
97
- "@blocklet/payment-types": "1.18.44",
97
+ "@blocklet/payment-types": "1.18.46",
98
98
  "@storybook/addon-essentials": "^7.6.20",
99
99
  "@storybook/addon-interactions": "^7.6.20",
100
100
  "@storybook/addon-links": "^7.6.20",
@@ -125,5 +125,5 @@
125
125
  "vite-plugin-babel": "^1.2.0",
126
126
  "vite-plugin-node-polyfills": "^0.21.0"
127
127
  },
128
- "gitHead": "88004667b15d54fd198448255fda732cedfda970"
128
+ "gitHead": "3b82c845f7a0bf2e91bf6c485e42630743354409"
129
129
  }
@@ -441,20 +441,21 @@ export default function PricingTable({ table, alignItems, interval, mode, onSele
441
441
  sx={{
442
442
  width: '100%',
443
443
  position: 'relative',
444
- borderTop: '1px solid #e5e7eb',
444
+ borderTop: '1px solid',
445
+ borderColor: 'divider',
445
446
  boxSizing: 'border-box',
446
447
  height: '1px',
447
448
  }}
448
449
  />
449
450
  {x.product.features.map((f: any) => (
450
451
  <ListItem key={f.name} disableGutters disablePadding sx={{ fontSize: '16px !important' }}>
451
- <ListItemIcon sx={{ minWidth: 25, color: '#059669', fontSize: '64px' }}>
452
+ <ListItemIcon sx={{ minWidth: 25, color: 'text.secondary', fontSize: '64px' }}>
452
453
  <CheckOutlined
453
454
  color="success"
454
455
  fontSize="small"
455
456
  sx={{
456
- color: '#059669',
457
457
  fontSize: '18px',
458
+ color: 'success.main',
458
459
  }}
459
460
  />
460
461
  </ListItemIcon>
@@ -462,7 +463,7 @@ export default function PricingTable({ table, alignItems, interval, mode, onSele
462
463
  sx={{
463
464
  '.MuiListItemText-primary': {
464
465
  fontSize: '16px',
465
- color: '#030712',
466
+ color: 'text.primary',
466
467
  fontWeight: '500',
467
468
  },
468
469
  }}
@@ -262,7 +262,7 @@ export function PaymentThemeProvider({
262
262
  MuiChip: {
263
263
  styleOverrides: {
264
264
  root: {
265
- borderRadius: borderRadius * 0.5,
265
+ borderRadius: `${borderRadius * 2}px`,
266
266
  border: '1px solid transparent',
267
267
  '&.MuiChip-filledSuccess': {
268
268
  color: palette.chip.success.text,