@arcblock/ux 2.0.0 → 2.0.1

package/lib/ActivityIndicator/index.js

@@ -11,9 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _green = _interopRequireDefault(require("@mui/material/colors/green"));
-
-var _blue = _interopRequireDefault(require("@mui/material/colors/blue"));
+var _colors = require("@mui/material/colors");
 
 var _Logo = _interopRequireDefault(require("../Logo"));
 
@@ -62,13 +60,13 @@ function ActivityIndicator(_ref) {
     showText: false
   }), /*#__PURE__*/_react.default.createElement(Orbit, {
     size: 56,
-    orbitColor: _green.default[500],
-    atomColor: _green.default[500],
+    orbitColor: _colors.green[500],
+    atomColor: _colors.green[500],
     duration: 1
   }), /*#__PURE__*/_react.default.createElement(Orbit, {
     size: 80,
-    orbitColor: _blue.default[800],
-    atomColor: _blue.default[800],
+    orbitColor: _colors.blue[800],
+    atomColor: _colors.blue[800],
     duration: 1.5
   }), /*#__PURE__*/_react.default.createElement(Orbit, {
     size: 100,

package/lib/Alert/index.js

@@ -13,7 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 
-var _blueGrey = _interopRequireDefault(require("@mui/material/colors/blueGrey"));
+var _colors = require("@mui/material/colors");
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
@@ -75,7 +75,7 @@ const Alert = props => {
     borderColor
   } = types[type] || types.success;
   const styles = Object.assign({
-    color: _blueGrey.default[500],
+    color: _colors.blueGrey[500],
     backgroundColor: variant === 'border' ? backgroundColor : 'transparent',
     borderLeft: variant === 'border' ? "5px solid ".concat(borderColor) : 'none'
   }, style);

package/lib/Layout/dashboard/sidebar.js

@@ -19,7 +19,7 @@ var _Button = _interopRequireDefault(require("@mui/material/Button"));
 
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 
-var _teal = _interopRequireDefault(require("@mui/material/colors/teal"));
+var _colors = require("@mui/material/colors");
 
 var _image = _interopRequireDefault(require("../../Icon/image"));
 
@@ -110,7 +110,7 @@ const gradient = 'linear-gradient(32deg, rgba(144, 255, 230, 0.1), rgba(144, 255
 const MenuItem = (0, _styledComponents.default)(_Button.default).withConfig({
   displayName: "sidebar__MenuItem",
   componentId: "sc-gaosgy-1"
-})(["&&{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:all 200ms ease-in-out;background:", ";padding:24px 0;border-left:2px solid ", ";border-radius:0;&:hover{background:", ";border-left-color:", ";}.menu-title{margin-top:8px;font-size:12px;font-weight:500;text-align:center;text-transform:capitalize;letter-spacing:normal;width:80%;color:", ";}}"], props => props.selected ? gradient : '', props => props.selected ? _teal.default.A700 : 'transparent', gradient, _teal.default.A700, props => props.theme.palette.text.primary);
+})(["&&{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:all 200ms ease-in-out;background:", ";padding:24px 0;border-left:2px solid ", ";border-radius:0;&:hover{background:", ";border-left-color:", ";}.menu-title{margin-top:8px;font-size:12px;font-weight:500;text-align:center;text-transform:capitalize;letter-spacing:normal;width:80%;color:", ";}}"], props => props.selected ? gradient : '', props => props.selected ? _colors.teal.A700 : 'transparent', gradient, _colors.teal.A700, props => props.theme.palette.text.primary);
 
 var _default = (0, _reactRouterDom.withRouter)((0, _withTheme.default)(Sidebar));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -53,10 +53,10 @@
     "react": ">=18.1.0",
     "react-ga": "^2.7.0"
   },
-  "gitHead": "e246936f30652b6d526c33b1462f8ad5e93e7722",
+  "gitHead": "9fa98015ebb44b81cc813dad0196cc48c14c5cf7",
   "dependencies": {
-    "@arcblock/icons": "^2.0.0",
-    "@arcblock/react-hooks": "^2.0.0",
+    "@arcblock/icons": "^2.0.1",
+    "@arcblock/react-hooks": "^2.0.1",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",

package/src/ActivityIndicator/index.js

@@ -1,8 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
-import green from '@mui/material/colors/green';
-import blue from '@mui/material/colors/blue';
+import { green, blue } from '@mui/material/colors';
 
 import Logo from '../Logo';
 import colors from '../Colors';

package/src/Alert/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import Typography from '@mui/material/Typography';
-import blueGrey from '@mui/material/colors/blueGrey';
+import { blueGrey } from '@mui/material/colors';
 
 import Icon from '../Icon';
 import { mergeProps } from '../Util';

package/src/Layout/dashboard/sidebar.js

@@ -6,7 +6,7 @@ import withTheme from '@mui/styles/withTheme';
 import { withRouter, Link } from 'react-router-dom';
 import Button from '@mui/material/Button';
 import Typography from '@mui/material/Typography';
-import teal from '@mui/material/colors/teal';
+import { teal } from '@mui/material/colors';
 
 import ImageIcon from '../../Icon/image';
 import Logo from '../../Logo';