@arcblock/did-playground 2.4.2 → 2.4.3

package/lib/Action/index.js

@@ -9,13 +9,11 @@ var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _styles = require("@mui/material/styles");
-
 var _useWindowSize = _interopRequireDefault(require("react-use/lib/useWindowSize"));
 
 var _useBrowser = _interopRequireDefault(require("@arcblock/react-hooks/lib/useBrowser"));
 
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Theme = require("@arcblock/ux/lib/Theme");
 
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
 
@@ -66,8 +64,7 @@ function Close(_ref) {
 Close.propTypes = {
   onClose: _propTypes.default.func.isRequired
 };
-
-const CloseContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: ", ";\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n  color: #999999;\n  font-size: 2rem;\n  line-height: 1rem;\n  cursor: pointer;\n  user-select: none;\n"])), props => props.disableClose ? 'none' : 'block');
+const CloseContainer = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: ", ";\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n  color: #999999;\n  font-size: 2rem;\n  line-height: 1rem;\n  cursor: pointer;\n  user-select: none;\n"])), props => props.disableClose ? 'none' : 'block');
 
 function PlaygroundAction(props) {
   const newProps = (0, _Util.mergeProps)(props, PlaygroundAction, ['buttonRounded', 'extraParams', 'timeout']);
@@ -95,7 +92,7 @@ function PlaygroundAction(props) {
   } = newProps,
         rest = _objectWithoutProperties(newProps, _excluded);
 
-  const theme = (0, _styles.useTheme)();
+  const theme = (0, _Theme.useTheme)();
   const browser = (0, _useBrowser.default)();
   const {
     api,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/did-playground",
-  "version": "2.4.2",
+  "version": "2.4.3",
   "description": "React components that works with wallet-playground",
   "keywords": [
     "react",
@@ -29,9 +29,9 @@
     "url": "https://github.com/ArcBlock/wallet-playground/issues"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.4.2",
-    "@arcblock/react-hooks": "^2.4.2",
-    "@arcblock/ux": "^2.4.2",
+    "@arcblock/did-connect": "^2.4.3",
+    "@arcblock/react-hooks": "^2.4.3",
+    "@arcblock/ux": "^2.4.3",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@mui/material": "^5.10.0",
@@ -53,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6a7e96c930c4ef0dd995bc9383738bb1cdf12844"
+  "gitHead": "a3c4e62917f630b62edccc064cfbb88e72b8407d"
 }

package/src/Action/index.js

@@ -1,9 +1,8 @@
 import { useContext, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { useTheme } from '@mui/material/styles';
 import useWindowSize from 'react-use/lib/useWindowSize';
 import useBrowser from '@arcblock/react-hooks/lib/useBrowser';
-import styled from '@emotion/styled';
+import { styled, useTheme } from '@arcblock/ux/lib/Theme';
 
 import CircularProgress from '@mui/material/CircularProgress';
 import Dialog from '@mui/material/Dialog';
@@ -21,7 +20,7 @@ function Close({ onClose }) {
 }
 
 Close.propTypes = { onClose: PropTypes.func.isRequired };
-const CloseContainer = styled.div`
+const CloseContainer = styled('div')`
   display: ${(props) => (props.disableClose ? 'none' : 'block')};
   position: absolute;
   top: 1rem;