@arcblock/ux 2.9.91 → 2.10.1

package/es/Alert/index.js

@@ -1,134 +0,0 @@
-import PropTypes from 'prop-types';
-import Typography from '@mui/material/Typography';
-import { blueGrey } from '@mui/material/colors';
-import Icon from '../Icon';
-import { mergeProps } from '../Util';
-import colors from '../Colors';
-import { styled } from '../Theme';
-import { withDeprecated } from '../Util/deprecate';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const types = {
-  error: {
-    icon: 'exclamation-circle',
-    color: colors.error.main,
-    borderColor: '#e35b54',
-    backgroundColor: 'rgba(227, 91, 84, 0.2)'
-  },
-  warning: {
-    icon: 'exclamation-triangle',
-    color: colors.warning.main,
-    borderColor: '#f7d040',
-    backgroundColor: 'rgba(247, 208, 64, 0.2)'
-  },
-  success: {
-    icon: 'check-circle',
-    color: colors.success.main,
-    borderColor: '#89ddd9',
-    backgroundColor: 'rgba(137, 221, 217, 0.2)'
-  },
-  tip: {
-    icon: 'info-circle',
-    color: colors.grey[500],
-    borderColor: '#222222',
-    backgroundColor: '#EEEEEE'
-  }
-};
-
-/**
- * Alert notification component
- * @typedef {{
- *  type?: 'error' | 'warning' | 'success' | 'tip';
- *  children: any;
- *  className?: string;
- *  style?: object | string;
- *  variant?: 'border' | 'icon';
- * } & import('react').ComponentPropsWithoutRef<"div"> } AlertProps
- */
-
-/**
- * Alert notification component
- * @param {AlertProps} props
- * @returns {JSX.Element}
- */
-function Alert(props) {
-  /** @type {AlertProps} */
-  const newProps = mergeProps(props, Alert, ['style']);
-  const {
-    type,
-    children,
-    style,
-    className,
-    variant,
-    ...rest
-  } = newProps;
-  const {
-    icon,
-    color,
-    backgroundColor,
-    borderColor
-  } = types[type] || types.success;
-
-  /** @type {import('react').CSSProperties} */
-  const styles = Object.assign({
-    color: blueGrey[500],
-    backgroundColor: variant === 'border' ? backgroundColor : 'transparent',
-    borderLeft: variant === 'border' ? `5px solid ${borderColor}` : 'none'
-  }, style);
-  return /*#__PURE__*/_jsxs(Container, {
-    ...rest,
-    className: `alert alert--${type} alert--${variant} ${className}`.trim(),
-    style: styles,
-    children: [variant === 'icon' && /*#__PURE__*/_jsx(Icon, {
-      className: "alert-icon",
-      name: icon,
-      size: 24,
-      style: {
-        color
-      }
-    }), /*#__PURE__*/_jsx(Typography, {
-      component: "div",
-      className: "alert-content",
-      children: children
-    })]
-  });
-}
-Alert.propTypes = {
-  type: PropTypes.oneOf(Object.keys(types)),
-  children: PropTypes.any.isRequired,
-  className: PropTypes.string,
-  style: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-  variant: PropTypes.oneOf(['border', 'icon'])
-};
-Alert.defaultProps = {
-  type: 'tip',
-  className: '',
-  style: '{}',
-  variant: 'border'
-};
-export default withDeprecated(Alert, {
-  name: 'Alert',
-  alternative: '@mui/material/Alert'
-});
-const Container = styled('div')`
-  display: flex;
-  align-items: center;
-  font-size: 16px;
-  margin: 0;
-  padding: 16px;
-  margin: 16px 0;
-
-  strong {
-    margin: 0 5px;
-  }
-
-  .alert-icon {
-    margin-right: 16px;
-  }
-
-  .alert-content {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-  }
-`;