@arcblock/ux 1.16.3 → 1.16.4

package/lib/CodeBlock/index.js

@@ -15,6 +15,8 @@ var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
 
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 
+var _Colors = _interopRequireDefault(require("@arcblock/ux/lib/Colors"));
+
 var _useMountedState = _interopRequireDefault(require("react-use/lib/useMountedState"));
 
 var _highlight = _interopRequireDefault(require("highlight.js/lib/highlight"));
@@ -171,4 +173,4 @@ const fontFamily = 'source-code-pro, Menlo, Monaco, Consolas, Courier New, monos
 const Pre = _styledComponents.default.pre.withConfig({
   displayName: "CodeBlock__Pre",
   componentId: "sc-1bpapaq-0"
-})(["font-family:", ";display:block;font-size:14px;line-height:1.42857143;margin:0 0 32px;word-break:break-word;word-wrap:break-word;text-align:left;border-radius:5px;border:1px solid #dedede;background:#222;color:#fff;position:relative;.codeblock__inner{display:block;width:100%;max-height:46.25rem;overflow:scroll;}.copy-button{display:none;position:absolute;top:8px;right:24px;}&:hover{.copy-button{display:block;}}code{counter-reset:line;counter-increment:line;padding:16px;font-family:", ";color:#fff;*{font-family:", ";}}.hljs *{white-space:normal;}"], fontFamily, fontFamily, fontFamily);
+})(["font-family:", ";display:block;font-size:14px;line-height:1.42857143;margin:0 0 32px;word-break:break-word;word-wrap:break-word;text-align:left;border-radius:5px;border:1px solid #dedede;background:#222;color:#fff;position:relative;.codeblock__inner{display:block;width:100%;max-height:46.25rem;overflow:scroll;}.copy-button{display:none;position:absolute;top:8px;right:24px;padding:4px;border-radius:4px;&,&:hover,&.Mui-disabled{background:", ";}}&:hover{.copy-button{display:block;}}code{counter-reset:line;counter-increment:line;padding:16px;font-family:", ";color:#fff;*{font-family:", ";}}.hljs *{white-space:normal;}"], fontFamily, _Colors.default.primary.main, fontFamily, fontFamily);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "1.16.3",
+  "version": "1.16.4",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -53,10 +53,10 @@
     "react": ">=16.12.0",
     "react-ga": "^2.7.0"
   },
-  "gitHead": "84ae55baf4d6614c13ec202e12b91faf18225474",
+  "gitHead": "86f91e1fde279db60831f972d2feca1c6e868ed0",
   "dependencies": {
-    "@arcblock/icons": "^1.16.3",
-    "@arcblock/react-hooks": "^1.16.3",
+    "@arcblock/icons": "^1.16.4",
+    "@arcblock/react-hooks": "^1.16.4",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "4.11.2",

package/src/CodeBlock/index.js

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import Copy from 'copy-to-clipboard';
 import Button from '@material-ui/core/IconButton';
+import colors from '@arcblock/ux/lib/Colors';
 import useMountedState from 'react-use/lib/useMountedState';
 
 import hljs from 'highlight.js/lib/highlight';
@@ -126,6 +127,14 @@ const Pre = styled.pre`
     position: absolute;
     top: 8px;
     right: 24px;
+    padding: 4px;
+    border-radius: 4px;
+
+    &,
+    &:hover,
+    &.Mui-disabled {
+      background: ${colors.primary.main};
+    }
   }
 
   &:hover {