@arcblock/ux 3.1.16 → 3.1.17

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 (5) hide show
  1. package/lib/DIDConnect/auth-apps/auth-apps-info.js +5 -5
  2. package/lib/Result/result.js +19 -19
  3. package/package.json +7 -7
  4. package/src/DIDConnect/auth-apps/auth-apps-info.tsx +1 -1
  5. package/src/Result/result.tsx +3 -3
package/lib/DIDConnect/auth-apps/auth-apps-info.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { jsxs as r, jsx as t } from "react/jsx-runtime";
2
2
  import { Box as e, Typography as l } from "@mui/material";
3
- import i from "../../Img/index.js";
3
+ import o from "../../Img/index.js";
4
4
  function m({
5
5
  requestAppInfo: a,
6
- currentAppInfo: o
6
+ currentAppInfo: i
7
7
  }) {
8
8
  return /* @__PURE__ */ r(
9
9
  e,
@@ -25,7 +25,7 @@ function m({
25
25
  justifyContent: "center"
26
26
  },
27
27
  children: [
28
- /* @__PURE__ */ t(i, { src: o.appLogo, alt: "Server", width: 48, height: 48, useProxyFallback: !0 }),
28
+ /* @__PURE__ */ t(o, { src: i.appLogo, alt: "Server", width: 48, height: 48, useProxyFallback: !0 }),
29
29
  /* @__PURE__ */ r(
30
30
  e,
31
31
  {
@@ -37,7 +37,7 @@ function m({
37
37
  width: 8,
38
38
  height: 8,
39
39
  borderRadius: "50%",
40
- bgcolor: "divider",
40
+ bgcolor: "grey.500",
41
41
  mx: 0.5
42
42
  }
43
43
  },
@@ -48,7 +48,7 @@ function m({
48
48
  ]
49
49
  }
50
50
  ),
51
- /* @__PURE__ */ t(i, { src: a.appLogo, alt: a.appName, width: 48, height: 48, useProxyFallback: !0 })
51
+ /* @__PURE__ */ t(o, { src: a.appLogo, alt: a.appName, width: 48, height: 48, useProxyFallback: !0 })
52
52
  ]
53
53
  }
54
54
  ),
package/lib/Result/result.js CHANGED
@@ -1,36 +1,36 @@
1
- import { jsxs as f, jsx as e } from "react/jsx-runtime";
2
- import { Box as n } from "@mui/material";
3
- import { styled as c } from "../Theme/index.js";
4
- function g({ icon: r = null, title: t = "", description: o = "", extra: i = null, ...l }) {
5
- return /* @__PURE__ */ f(s, { ...l, children: [
6
- r,
7
- typeof t == "string" ? /* @__PURE__ */ e(
8
- n,
1
+ import { jsxs as c, jsx as n } from "react/jsx-runtime";
2
+ import { Box as r } from "@mui/material";
3
+ import { styled as x } from "../Theme/index.js";
4
+ function a({ icon: t = null, title: e = "", description: o = "", extra: i = null, ...l }) {
5
+ return /* @__PURE__ */ c(s, { ...l, children: [
6
+ t,
7
+ typeof e == "string" ? /* @__PURE__ */ n(
8
+ r,
9
9
  {
10
10
  sx: {
11
11
  mt: 3,
12
12
  fontSize: 22,
13
13
  fontWeight: 400,
14
- color: "#47494E",
14
+ color: "text.primary",
15
15
  textAlign: "center"
16
16
  },
17
- children: t
17
+ children: e
18
18
  }
19
- ) : t,
20
- typeof o == "string" ? /* @__PURE__ */ e(
21
- n,
19
+ ) : e,
20
+ typeof o == "string" ? /* @__PURE__ */ n(
21
+ r,
22
22
  {
23
23
  sx: {
24
24
  mt: 1,
25
25
  fontSize: 14,
26
- color: "#7F828B",
26
+ color: "text.secondary",
27
27
  textAlign: "center"
28
28
  },
29
29
  children: o
30
30
  }
31
31
  ) : o,
32
- /* @__PURE__ */ e(
33
- n,
32
+ /* @__PURE__ */ n(
33
+ r,
34
34
  {
35
35
  sx: {
36
36
  mt: 3
@@ -40,7 +40,7 @@ function g({ icon: r = null, title: t = "", description: o = "", extra: i = null
40
40
  )
41
41
  ] });
42
42
  }
43
- const s = c("div")`
43
+ const s = x("div")`
44
44
  box-sizing: border-box;
45
45
  display: flex;
46
46
  flex-direction: column;
@@ -49,8 +49,8 @@ const s = c("div")`
49
49
  height: 100%;
50
50
  padding: 16px;
51
51
 
52
- background-color: #f7f8fb;
52
+ background-color: ${({ theme: t }) => t.palette?.background?.default || "#F7F8F8"};
53
53
  `;
54
54
  export {
55
- g as default
55
+ a as default
56
56
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arcblock/ux",
3
- "version": "3.1.16",
3
+ "version": "3.1.17",
4
4
  "description": "Common used react components for arcblock products",
5
5
  "keywords": [
6
6
  "react",
@@ -66,16 +66,16 @@
66
66
  "react": "^19.0.0",
67
67
  "react-router-dom": "^6.22.3"
68
68
  },
69
- "gitHead": "27542c7d118ed769c6adeeb10611238dbeb1f664",
69
+ "gitHead": "5b5551ce69cf45e2bed8cc06fbb3592020b7618c",
70
70
  "dependencies": {
71
- "@arcblock/bridge": "3.1.16",
71
+ "@arcblock/bridge": "3.1.17",
72
72
  "@arcblock/did": "^1.21.3",
73
73
  "@arcblock/did-motif": "^1.1.14",
74
- "@arcblock/icons": "3.1.16",
75
- "@arcblock/nft-display": "3.1.16",
76
- "@arcblock/react-hooks": "3.1.16",
74
+ "@arcblock/icons": "3.1.17",
75
+ "@arcblock/nft-display": "3.1.17",
76
+ "@arcblock/react-hooks": "3.1.17",
77
77
  "@blocklet/js-sdk": "^1.16.48",
78
- "@blocklet/theme": "3.1.16",
78
+ "@blocklet/theme": "3.1.17",
79
79
  "@fontsource/roboto": "~5.1.1",
80
80
  "@fontsource/ubuntu-mono": "^5.2.6",
81
81
  "@iconify-icons/logos": "^1.2.36",
package/src/DIDConnect/auth-apps/auth-apps-info.tsx CHANGED
@@ -47,7 +47,7 @@ export default function AuthAppsInfo({
47
47
  width: 8,
48
48
  height: 8,
49
49
  borderRadius: '50%',
50
- bgcolor: 'divider',
50
+ bgcolor: 'grey.500',
51
51
  mx: 0.5,
52
52
  },
53
53
  }}>
package/src/Result/result.tsx CHANGED
@@ -19,7 +19,7 @@ function Result({ icon = null, title = '', description = '', extra = null, ...re
19
19
  mt: 3,
20
20
  fontSize: 22,
21
21
  fontWeight: 400,
22
- color: '#47494E',
22
+ color: 'text.primary',
23
23
  textAlign: 'center',
24
24
  }}>
25
25
  {title}
@@ -32,7 +32,7 @@ function Result({ icon = null, title = '', description = '', extra = null, ...re
32
32
  sx={{
33
33
  mt: 1,
34
34
  fontSize: 14,
35
- color: '#7F828B',
35
+ color: 'text.secondary',
36
36
  textAlign: 'center',
37
37
  }}>
38
38
  {description}
@@ -59,7 +59,7 @@ const Root = styled('div')`
59
59
  height: 100%;
60
60
  padding: 16px;
61
61
 
62
- background-color: #f7f8fb;
62
+ background-color: ${({ theme }) => theme.palette?.background?.default || '#F7F8F8'};
63
63
  `;
64
64
 
65
65
  export default Result;