@blocklet/ui-react 2.9.14 → 2.9.15

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.
@@ -64,7 +64,7 @@ const StyledInternalFooter = styled(InternalFooter)`
64
64
  border-top: 1px solid #eee;
65
65
  color: ${(props) => props.theme.palette.grey[600]};
66
66
  ${({ $bgcolor }) => $bgcolor && `background-color: ${$bgcolor};`}
67
- font-family: Lato, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
67
+ font-family: Inter, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
68
68
  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
69
69
  `;
70
70
  export default withErrorBoundary(Footer, {
@@ -113,7 +113,7 @@ Header.defaultProps = {
113
113
  };
114
114
  const StyledUxHeader = styled(ResponsiveHeader)`
115
115
  ${({ $bgcolor }) => `background-color: ${$bgcolor || "#fff"};`}
116
- font-family: Lato, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
116
+ font-family: Inter, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
117
117
  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
118
118
  .header-logo {
119
119
  min-width: 44px;
@@ -44,7 +44,7 @@ export default function Passport({ user, ...rest }) {
44
44
  width: 200,
45
45
  color: window.blocklet.passportColor,
46
46
  createPassportSvg,
47
- title: currentRole.role === x.role ? t("currentPassport") : "",
47
+ title: currentRole && currentRole.role === x.role ? t("currentPassport") : "",
48
48
  sx: {
49
49
  flexDirection: "column",
50
50
  alignItems: "center",
@@ -57,7 +57,7 @@ export default function Passport({ user, ...rest }) {
57
57
  display: "flex",
58
58
  justifyContent: "center",
59
59
  backgroundColor: "white",
60
- boxShadow: currentRole.role === x.role ? `0px 2px 4px 0px ${activeColor}, 0px 1px 2px -1px ${activeColor}, 0px 0px 0px 1px ${activeColor} !important` : "0px 2px 4px 0px rgba(2, 7, 19, 0.04), 0px 1px 2px -1px rgba(2, 7, 19, 0.08), 0px 0px 0px 1px rgba(2, 7, 19, 0.08) !important"
60
+ boxShadow: currentRole && currentRole.role === x.role ? `0px 2px 4px 0px ${activeColor}, 0px 1px 2px -1px ${activeColor}, 0px 0px 0px 1px ${activeColor} !important` : "0px 2px 4px 0px rgba(2, 7, 19, 0.04), 0px 1px 2px -1px rgba(2, 7, 19, 0.08), 0px 0px 0px 1px rgba(2, 7, 19, 0.08) !important"
61
61
  },
62
62
  ".passport-item__body": {
63
63
  marginLeft: "0 !important"
@@ -93,7 +93,7 @@ const StyledInternalFooter = (0, _Theme.styled)(_internalFooter.default)`
93
93
  ${({
94
94
  $bgcolor
95
95
  }) => $bgcolor && `background-color: ${$bgcolor};`}
96
- font-family: Lato, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
96
+ font-family: Inter, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
97
97
  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
98
98
  `;
99
99
  module.exports = (0, _reactErrorBoundary.withErrorBoundary)(Footer, {
@@ -158,7 +158,7 @@ const StyledUxHeader = (0, _Theme.styled)(_Header.ResponsiveHeader)`
158
158
  ${({
159
159
  $bgcolor
160
160
  }) => `background-color: ${$bgcolor || "#fff"};`}
161
- font-family: Lato, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
161
+ font-family: Inter, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
162
162
  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
163
163
  .header-logo {
164
164
  min-width: 44px;
@@ -62,7 +62,7 @@ function Passport({
62
62
  width: 200,
63
63
  color: window.blocklet.passportColor,
64
64
  createPassportSvg: _utils.createPassportSvg,
65
- title: currentRole.role === x.role ? t("currentPassport") : "",
65
+ title: currentRole && currentRole.role === x.role ? t("currentPassport") : "",
66
66
  sx: {
67
67
  flexDirection: "column",
68
68
  alignItems: "center",
@@ -75,7 +75,7 @@ function Passport({
75
75
  display: "flex",
76
76
  justifyContent: "center",
77
77
  backgroundColor: "white",
78
- boxShadow: currentRole.role === x.role ? `0px 2px 4px 0px ${activeColor}, 0px 1px 2px -1px ${activeColor}, 0px 0px 0px 1px ${activeColor} !important` : "0px 2px 4px 0px rgba(2, 7, 19, 0.04), 0px 1px 2px -1px rgba(2, 7, 19, 0.08), 0px 0px 0px 1px rgba(2, 7, 19, 0.08) !important"
78
+ boxShadow: currentRole && currentRole.role === x.role ? `0px 2px 4px 0px ${activeColor}, 0px 1px 2px -1px ${activeColor}, 0px 0px 0px 1px ${activeColor} !important` : "0px 2px 4px 0px rgba(2, 7, 19, 0.04), 0px 1px 2px -1px rgba(2, 7, 19, 0.08), 0px 0px 0px 1px rgba(2, 7, 19, 0.08) !important"
79
79
  },
80
80
  ".passport-item__body": {
81
81
  marginLeft: "0 !important"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blocklet/ui-react",
3
- "version": "2.9.14",
3
+ "version": "2.9.15",
4
4
  "description": "Some useful front-end web components that can be used in Blocklets.",
5
5
  "keywords": [
6
6
  "react",
@@ -58,10 +58,10 @@
58
58
  }
59
59
  },
60
60
  "dependencies": {
61
- "@abtnode/constant": "^1.16.22",
62
- "@arcblock/did-connect": "^2.9.14",
63
- "@arcblock/ux": "^2.9.14",
64
- "@blocklet/js-sdk": "^1.16.22",
61
+ "@abtnode/constant": "1.16.23-beta-aeb9f5bd",
62
+ "@arcblock/did-connect": "^2.9.15",
63
+ "@arcblock/ux": "^2.9.15",
64
+ "@blocklet/js-sdk": "1.16.23-beta-aeb9f5bd",
65
65
  "@emotion/react": "^11.10.4",
66
66
  "@emotion/styled": "^11.10.4",
67
67
  "@iconify-icons/material-symbols": "^1.2.58",
@@ -71,6 +71,7 @@
71
71
  "axios": "^0.27.2",
72
72
  "core-js": "^3.25.5",
73
73
  "iconify-icon": "^1.0.8",
74
+ "iconify-icons-material-symbols-400": "^0.0.1",
74
75
  "is-url": "^1.2.4",
75
76
  "react-error-boundary": "^3.1.4",
76
77
  "ufo": "^1.3.2"
@@ -91,5 +92,5 @@
91
92
  "jest": "^28.1.3",
92
93
  "unbuild": "^2.0.0"
93
94
  },
94
- "gitHead": "7570827021dde66a0099a84256dfceaec07fd6b3"
95
+ "gitHead": "2402b2d3888dcac685215c373afd7651e6907acc"
95
96
  }
@@ -80,7 +80,7 @@ const StyledInternalFooter = styled(InternalFooter)`
80
80
  border-top: 1px solid #eee;
81
81
  color: ${(props) => props.theme.palette.grey[600]};
82
82
  ${({ $bgcolor }) => $bgcolor && `background-color: ${$bgcolor};`}
83
- font-family: Lato, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
83
+ font-family: Inter, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
84
84
  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
85
85
  `;
86
86
 
@@ -138,7 +138,7 @@ Header.defaultProps = {
138
138
 
139
139
  const StyledUxHeader = styled(ResponsiveHeader)`
140
140
  ${({ $bgcolor }) => `background-color: ${$bgcolor || '#fff'};`}
141
- font-family: Lato, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
141
+ font-family: Inter, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
142
142
  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
143
143
  .header-logo {
144
144
  min-width: 44px;
@@ -54,7 +54,7 @@ export default function Passport({ user, ...rest }: { user: User } & StackProps)
54
54
  width={200}
55
55
  color={window.blocklet.passportColor}
56
56
  createPassportSvg={createPassportSvg}
57
- title={currentRole.role === x.role ? t('currentPassport') : ''}
57
+ title={currentRole && currentRole.role === x.role ? t('currentPassport') : ''}
58
58
  sx={{
59
59
  flexDirection: 'column',
60
60
  alignItems: 'center',
@@ -68,7 +68,7 @@ export default function Passport({ user, ...rest }: { user: User } & StackProps)
68
68
  justifyContent: 'center',
69
69
  backgroundColor: 'white',
70
70
  boxShadow:
71
- currentRole.role === x.role
71
+ currentRole && currentRole.role === x.role
72
72
  ? `0px 2px 4px 0px ${activeColor}, 0px 1px 2px -1px ${activeColor}, 0px 0px 0px 1px ${activeColor} !important`
73
73
  : '0px 2px 4px 0px rgba(2, 7, 19, 0.04), 0px 1px 2px -1px rgba(2, 7, 19, 0.08), 0px 0px 0px 1px rgba(2, 7, 19, 0.08) !important',
74
74
  },