@arcblock/did-playground 2.2.3 → 2.4.0

package/lib/Action/index.js

@@ -15,7 +15,7 @@ var _useWindowSize = _interopRequireDefault(require("react-use/lib/useWindowSize
 
 var _useBrowser = _interopRequireDefault(require("@arcblock/react-hooks/lib/useBrowser"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
 
@@ -37,6 +37,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 const _excluded = ["autoClose", "action", "buttonText", "buttonColor", "buttonVariant", "buttonSize", "buttonRounded", "children", "disableClose", "title", "scanMessage", "successMessage", "successUrl", "successTarget", "frameProps", "confirmMessage", "extraParams", "timeout", "webWalletUrl"];
 
+var _templateObject;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -49,6 +51,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 function Close(_ref) {
   let {
     onClose
@@ -63,10 +67,7 @@ Close.propTypes = {
   onClose: _propTypes.default.func.isRequired
 };
 
-const CloseContainer = _styledComponents.default.div.withConfig({
-  displayName: "Action__CloseContainer",
-  componentId: "sc-y9rma2-0"
-})(["display:", ";position:absolute;top:1rem;right:1rem;color:#999999;font-size:2rem;line-height:1rem;cursor:pointer;user-select:none;"], props => props.disableClose ? 'none' : 'block');
+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');
 
 function PlaygroundAction(props) {
   const newProps = (0, _Util.mergeProps)(props, PlaygroundAction, ['buttonRounded', 'extraParams', 'timeout']);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/did-playground",
-  "version": "2.2.3",
+  "version": "2.4.0",
   "description": "React components that works with wallet-playground",
   "keywords": [
     "react",
@@ -29,15 +29,16 @@
     "url": "https://github.com/ArcBlock/wallet-playground/issues"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.2.3",
-    "@arcblock/react-hooks": "^2.2.3",
-    "@arcblock/ux": "^2.2.3",
-    "@mui/material": "^5.9.3",
+    "@arcblock/did-connect": "^2.4.0",
+    "@arcblock/react-hooks": "^2.4.0",
+    "@arcblock/ux": "^2.4.0",
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
+    "@mui/material": "^5.10.0",
     "axios": "^0.21.4",
     "core-js": "^3.24.1",
     "mustache": "^4.2.0",
-    "react-use": "^17.4.0",
-    "styled-components": "^5.3.5"
+    "react-use": "^17.4.0"
   },
   "peerDependencies": {
     "prop-types": "^15.7.2",
@@ -52,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8fe2ac5bc92d997e2df3547237e3fa44b76c91aa"
+  "gitHead": "202771a046cab27fc550d31e73588075a90c75fd"
 }

package/src/Action/index.js

@@ -3,7 +3,7 @@ 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 'styled-components';
+import styled from '@emotion/styled';
 
 import CircularProgress from '@mui/material/CircularProgress';
 import Dialog from '@mui/material/Dialog';