@blocklet/ui-react 2.13.32 → 2.13.33

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 (11) hide show
  1. package/lib/Footer/brand.js +1 -1
  2. package/lib/Footer/index.js +1 -1
  3. package/lib/Footer/layout/standard.js +1 -2
  4. package/lib/Footer/links.js +2 -2
  5. package/lib/Footer/social-media.js +1 -1
  6. package/package.json +4 -4
  7. package/src/Footer/brand.jsx +1 -1
  8. package/src/Footer/index.jsx +1 -1
  9. package/src/Footer/layout/standard.jsx +3 -2
  10. package/src/Footer/links.jsx +2 -2
  11. package/src/Footer/social-media.jsx +1 -1
package/lib/Footer/brand.js CHANGED
@@ -57,7 +57,7 @@ const Root = styled("div")`
57
57
  .footer-brand-desc {
58
58
  white-space: pre-line;
59
59
  margin-top: 16px;
60
- color: #9397a1;
60
+ color: ${(props) => props.theme.palette.text.secondary};
61
61
  }
62
62
 
63
63
  ${(props) => props.theme.breakpoints.down("sm")} {
package/lib/Footer/index.js CHANGED
@@ -73,7 +73,7 @@ Footer.defaultProps = {
73
73
  };
74
74
  const StyledInternalFooter = styled(InternalFooter)`
75
75
  ${({ $bordered, theme }) => `border-top: 1px solid ${$bordered && theme.palette.divider};`}
76
- color: ${({ theme }) => theme.palette.grey[400]};
76
+ color: ${({ theme }) => theme.palette.text.secondary};
77
77
  ${({ $bgcolor }) => $bgcolor && `background-color: ${$bgcolor};`}
78
78
  `;
79
79
  export default withErrorBoundary(withHideWhenEmbed(Footer), {
package/lib/Footer/layout/standard.js CHANGED
@@ -2,7 +2,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import PropTypes from "prop-types";
3
3
  import clsx from "clsx";
4
4
  import { Box, Container } from "@mui/material";
5
- import { grey } from "@mui/material/colors";
6
5
  import { styled } from "@arcblock/ux/lib/Theme";
7
6
  import Row from "./row.js";
8
7
  function StandardLayout({ elements, data, className, ...rest }) {
@@ -28,7 +27,7 @@ function StandardLayout({ elements, data, className, ...rest }) {
28
27
  ]
29
28
  }
30
29
  ),
31
- /* @__PURE__ */ jsx(Box, { sx: { mb: 3, borderTop: { xs: `1px solid ${grey[200]}`, md: 0 } }, children: elements.navigation })
30
+ /* @__PURE__ */ jsx(Box, { sx: ({ palette }) => ({ mb: 3, borderTop: { xs: `1px solid ${palette.grey[200]}`, md: 0 } }), children: elements.navigation })
32
31
  ] });
33
32
  } else {
34
33
  topSection = /* @__PURE__ */ jsxs(
package/lib/Footer/links.js CHANGED
@@ -128,7 +128,7 @@ Links.defaultProps = {
128
128
  };
129
129
  const Root = styled("div")`
130
130
  overflow: hidden;
131
- color: ${({ theme }) => theme.palette.grey[400]};
131
+ color: ${({ theme }) => theme.palette.text.secondary};
132
132
  .footer-links-inner {
133
133
  display: flex;
134
134
  justify-content: space-between;
@@ -221,7 +221,7 @@ const Root = styled("div")`
221
221
  top: 50%;
222
222
  transform: translate(0, -50%);
223
223
  height: 1em;
224
- border-left: 1px solid ${(props) => props.theme.palette.grey[400]};
224
+ border-left: 1px solid ${(props) => props.theme.palette.text.secondary};
225
225
  }
226
226
  }
227
227
  }
package/lib/Footer/social-media.js CHANGED
@@ -39,7 +39,7 @@ const Root = styled("div")`
39
39
  justify-content: center;
40
40
  gap: 20px;
41
41
  a {
42
- color: ${(props) => props.theme.palette.grey[400]};
42
+ color: ${(props) => props.theme.palette.text.secondary};
43
43
  text-decoration: none;
44
44
  transition: color 0.2s ease-in-out;
45
45
  &:hover {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blocklet/ui-react",
3
- "version": "2.13.32",
3
+ "version": "2.13.33",
4
4
  "description": "Some useful front-end web components that can be used in Blocklets.",
5
5
  "keywords": [
6
6
  "react",
@@ -34,8 +34,8 @@
34
34
  "dependencies": {
35
35
  "@abtnode/constant": "^1.16.43",
36
36
  "@abtnode/util": "^1.16.43",
37
- "@arcblock/bridge": "^2.13.32",
38
- "@arcblock/react-hooks": "^2.13.32",
37
+ "@arcblock/bridge": "^2.13.33",
38
+ "@arcblock/react-hooks": "^2.13.33",
39
39
  "@arcblock/ws": "^1.20.8",
40
40
  "@blocklet/constant": "^1.16.43",
41
41
  "@blocklet/did-space-react": "^1.0.51",
@@ -94,5 +94,5 @@
94
94
  "jest": "^29.7.0",
95
95
  "unbuild": "^2.0.0"
96
96
  },
97
- "gitHead": "87fa6cebba886885a5c2ac78c786c71599fb5f7a"
97
+ "gitHead": "b835dedcd8f2e473082e4c1aee0a8cb3ed0e78ec"
98
98
  }
package/src/Footer/brand.jsx CHANGED
@@ -68,7 +68,7 @@ const Root = styled('div')`
68
68
  .footer-brand-desc {
69
69
  white-space: pre-line;
70
70
  margin-top: 16px;
71
- color: #9397a1;
71
+ color: ${(props) => props.theme.palette.text.secondary};
72
72
  }
73
73
 
74
74
  ${(props) => props.theme.breakpoints.down('sm')} {
package/src/Footer/index.jsx CHANGED
@@ -89,7 +89,7 @@ Footer.defaultProps = {
89
89
 
90
90
  const StyledInternalFooter = styled(InternalFooter)`
91
91
  ${({ $bordered, theme }) => `border-top: 1px solid ${$bordered && theme.palette.divider};`}
92
- color: ${({ theme }) => theme.palette.grey[400]};
92
+ color: ${({ theme }) => theme.palette.text.secondary};
93
93
  ${({ $bgcolor }) => $bgcolor && `background-color: ${$bgcolor};`}
94
94
  `;
95
95
 
package/src/Footer/layout/standard.jsx CHANGED
@@ -1,7 +1,6 @@
1
1
  import PropTypes from 'prop-types';
2
2
  import clsx from 'clsx';
3
3
  import { Box, Container } from '@mui/material';
4
- import { grey } from '@mui/material/colors';
5
4
  import { styled } from '@arcblock/ux/lib/Theme';
6
5
 
7
6
  import Row from './row';
@@ -31,7 +30,9 @@ function StandardLayout({ elements, data, className, ...rest }) {
31
30
  <Box>{elements.brand}</Box>
32
31
  <Box lineHeight={1}>{elements.socialMedia}</Box>
33
32
  </Box>
34
- <Box sx={{ mb: 3, borderTop: { xs: `1px solid ${grey[200]}`, md: 0 } }}>{elements.navigation}</Box>
33
+ <Box sx={({ palette }) => ({ mb: 3, borderTop: { xs: `1px solid ${palette.grey[200]}`, md: 0 } })}>
34
+ {elements.navigation}
35
+ </Box>
35
36
  </Container>
36
37
  );
37
38
  } else {
package/src/Footer/links.jsx CHANGED
@@ -167,7 +167,7 @@ Links.defaultProps = {
167
167
 
168
168
  const Root = styled('div')`
169
169
  overflow: hidden;
170
- color: ${({ theme }) => theme.palette.grey[400]};
170
+ color: ${({ theme }) => theme.palette.text.secondary};
171
171
  .footer-links-inner {
172
172
  display: flex;
173
173
  justify-content: space-between;
@@ -260,7 +260,7 @@ const Root = styled('div')`
260
260
  top: 50%;
261
261
  transform: translate(0, -50%);
262
262
  height: 1em;
263
- border-left: 1px solid ${(props) => props.theme.palette.grey[400]};
263
+ border-left: 1px solid ${(props) => props.theme.palette.text.secondary};
264
264
  }
265
265
  }
266
266
  }
package/src/Footer/social-media.jsx CHANGED
@@ -46,7 +46,7 @@ const Root = styled('div')`
46
46
  justify-content: center;
47
47
  gap: 20px;
48
48
  a {
49
- color: ${(props) => props.theme.palette.grey[400]};
49
+ color: ${(props) => props.theme.palette.text.secondary};
50
50
  text-decoration: none;
51
51
  transition: color 0.2s ease-in-out;
52
52
  &:hover {