@aloudata/aloudata-design 1.10.14 → 2.0.0-beta.2

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export type { CollapsePanelProps, CollapseProps } from './Collapse';
 export { default as ColorPicker } from './ColorPicker';
 export type { IColorPickerProps } from './ColorPicker';
 export { default as ConfigProvider } from './ConfigProvider';
+export type { SizeType } from './ConfigProvider/sizeContext';
 export { default as DataPreviewTable } from './DataPreviewTable';
 export type { ITableProps as DataPreviewTableProps, DataPreviewTableRef, PreviewColumn, } from './DataPreviewTable/interface';
 export { default as DatePicker } from './DatePicker';
@@ -36,7 +37,6 @@ export { default as Empty } from './Empty';
 export type { IEmptyProps as EmptyProps } from './Empty';
 export { default as Form } from './Form';
 export type { FormInstance, FormItemProps, FormProps } from './Form';
-export { default as Icon } from './Icon';
 export { default as IconButton } from './IconButton';
 export { default as Input } from './Input';
 export type { IInputProps as InputProps, InputRef, TSize, TextAreaRef, } from './Input';
@@ -83,6 +83,7 @@ export { default as Tabs } from './Tabs';
 export type { ITabsProps as TabsProps, TabsSize } from './Tabs';
 export { default as Tag } from './Tag';
 export type { TagProps, TagType } from './Tag';
+export { default as TextLink } from './TextLink';
 export { default as Tooltip } from './Tooltip';
 export type { ActionType as TooltipActionType, ITooltipProps as TooltipProps, } from './Tooltip';
 export { default as Tree } from './Tree';

package/dist/index.js

@@ -20,7 +20,6 @@ export { default as Drawer } from "./Drawer";
 export { default as Dropdown } from "./Dropdown";
 export { default as Empty } from "./Empty";
 export { default as Form } from "./Form";
-export { default as Icon } from "./Icon";
 export { default as IconButton } from "./IconButton";
 export { default as Input } from "./Input";
 export { default as InputNumber } from "./InputNumber";
@@ -46,6 +45,7 @@ export { default as Switch } from "./Switch";
 export { default as Table } from "./Table";
 export { default as Tabs } from "./Tabs";
 export { default as Tag } from "./Tag";
+export { default as TextLink } from "./TextLink";
 export { default as Tooltip } from "./Tooltip";
 export { default as Tree } from "./Tree";
 export { default as Typography } from "./Typography";

package/dist/index.less

@@ -47,3 +47,4 @@
 @import './Tree/style/index.less';
 @import './Upload/style/index.less';
 @import './Typography/style/index.less';
+@import './TextLink/style/index.less';

package/dist/message/index.js

@@ -6,8 +6,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 import { message as AntdMessage } from 'antd';
 import React from 'react';
-import { AlertTriangleDuotone, CheckCircleDuotone, InfoCircleLine, LoadingLine } from "../Icon";
-import styles from "../style/themes/default/themeColor.module.less";
+import { AttentionTriangleFill, CheckCircleFill, CloseCircleFill, InformationCircleFill, LoadingLine } from "../Icon";
 function isReactNode(value) {
   return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || _typeof(value) === 'symbol' || value === null || value === undefined || /*#__PURE__*/React.isValidElement(value);
 }
@@ -15,35 +14,36 @@ var iconMap = {
   info: {
     icon: /*#__PURE__*/React.createElement("div", {
       className: "ald-message-icon-wrap"
-    }, /*#__PURE__*/React.createElement(InfoCircleLine, {
-      fill: styles.B40
+    }, /*#__PURE__*/React.createElement(InformationCircleFill, {
+      color: 'var(--alias-colors-icon-information)',
+      size: 20
     })),
     type: 'info'
   },
   success: {
     icon: /*#__PURE__*/React.createElement("div", {
       className: "ald-message-icon-wrap"
-    }, /*#__PURE__*/React.createElement(CheckCircleDuotone, {
-      color: styles.ND0,
-      fill: styles.SA40
+    }, /*#__PURE__*/React.createElement(CheckCircleFill, {
+      color: 'var(--alias-colors-icon-success)',
+      size: 20
     })),
     type: 'success'
   },
   error: {
     icon: /*#__PURE__*/React.createElement("div", {
       className: "ald-message-icon-wrap"
-    }, /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
-      color: styles.ND0,
-      fill: styles.SC40
+    }, /*#__PURE__*/React.createElement(CloseCircleFill, {
+      color: 'var(--alias-colors-icon-danger)',
+      size: 20
     })),
     type: 'error'
   },
   warning: {
     icon: /*#__PURE__*/React.createElement("div", {
       className: "ald-message-icon-wrap"
-    }, /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
-      color: styles.ND0,
-      fill: styles.SB40
+    }, /*#__PURE__*/React.createElement(AttentionTriangleFill, {
+      color: 'var(--alias-colors-icon-warning)',
+      size: 20
     })),
     type: 'warning'
   },
@@ -51,7 +51,8 @@ var iconMap = {
     icon: /*#__PURE__*/React.createElement("div", {
       className: "ald-message-icon-wrap"
     }, /*#__PURE__*/React.createElement(LoadingLine, {
-      className: "ald-loading-spin"
+      className: "ald-loading-spin",
+      size: 20
     })),
     type: 'loading'
   }

package/dist/message/style/color.less

@@ -1,55 +1,36 @@
 // info
-.ant-message-notice-info{
-  .ant-message-custom-content{
-    background-color: @BG100;
-    color:@NL0;
-
-    .ald-message-icon-wrap{
-      background-color: @B95;
-    }
+.ant-message-notice-info {
+  .ant-message-custom-content {
+    background: var(--alias-colors-bg-skeleton-subtler, #fff);
+    color: var(--colors-gray-900, #171717);
+    border-radius: var(--alias-radius-75, 6px);
   }
 }
 // success
-.ant-message-notice-success{
-  .ant-message-custom-content{
-    background-color: @SA10;
-    color:@ND0;
-
-    .ald-message-icon-wrap{
-      background-color: @SA40;
-    }
+.ant-message-notice-success {
+  .ant-message-custom-content {
+    background: var(--alias-colors-bg-skeleton-subtler, #fff);
+    color: var(--global-colors-base-white-950a, #fff);
   }
 }
 // error
-.ant-message-notice-error{
-  .ant-message-custom-content{
-    background-color: @SC10;
-    color:@ND0;
-
-    .ald-message-icon-wrap{
-      background-color: @SC40;
-    }
+.ant-message-notice-error {
+  .ant-message-custom-content {
+    background: var(--alias-colors-bg-skeleton-subtler, #fff);
+    color: var(--global-colors-base-white-950a, #fff);
   }
 }
 // warning
-.ant-message-notice-warning{
-  .ant-message-custom-content{
-    background-color: @SB20;
-    color:@ND0;
-
-    .ald-message-icon-wrap{
-      background-color: @SB40;
-    }
+.ant-message-notice-warning {
+  .ant-message-custom-content {
+    background: var(--alias-colors-bg-skeleton-subtler, #fff);
+    color: var(--global-colors-base-white-950a, #fff);
   }
 }
 // loading
-.ant-message-notice-loading{
-  .ant-message-custom-content{
-    background-color: @BG100;
-    color:@NL0;
-
-    .ald-message-icon-wrap{
-      background-color: @B95;
-    }
+.ant-message-notice-loading {
+  .ant-message-custom-content {
+    background: var(--alias-colors-bg-skeleton-subtler, #fff);
+    color: var(--colors-gray-900, #171717);
   }
-}
+}

package/dist/message/style/index.less

@@ -1,32 +1,31 @@
 @import '../../style/index.less';
-@import './color.less';
 
 .ant-message .ant-message-notice {
   .ant-message-notice-content {
     padding: 0;
-    box-shadow: 0 12px 16px -4px rgb(16 24 40 / 0.08),
-      0 4px 6px -2px rgb(16 24 40 / 0.03);
+    border-radius: var(--alias-radius-75, 6px);
+    border: 1px solid var(--alias-colors-border-strong, #d1d5db);
+    background: var(--alias-colors-bg-skeleton-subtler, #fff);
+    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.04),
+      0 20px 25px -5px rgba(0, 0, 0, 0.1);
 
     .ant-message-custom-content {
-      padding: 0;
       display: flex;
+      overflow: hidden;
+      padding: var(--alias-padding-150-minus-1, 12px)
+        var(--alias-padding-200-minus-1, 16px);
       align-items: center;
-      border-radius: 4px;
-      padding-right: 16px;
-      font-size: 13px;
+      color: var(--alias-colors-text-default, #1f2937);
+      font-size: 14px;
+      font-weight: 500;
       line-height: 20px;
-      overflow: hidden;
-      font-weight: 600;
 
       .ald-message-icon-wrap {
+        display: grid;
+        place-items: center;
         flex-shrink: 0;
-        width: 40px;
-        height: 40px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        font-size: 16px;
-        margin-right: 16px;
+        font-size: 20px;
+        margin-right: 6px;
       }
     }
   }

package/dist/notification/demo/index.js

@@ -6,6 +6,7 @@ export default (function () {
       message: 'Notification Message',
       description: 'description,description,description,description,description,description,description,description',
       style: {
+        width: 360,
         maxHeight: 500,
         overflow: 'auto'
       }

package/dist/notification/index.js

@@ -13,7 +13,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import { notification as AntdNotification } from 'antd';
 import classnames from 'classnames';
 import React from 'react';
-import { AlertTriangleDuotone, CancelCircleDuotone, CheckCircleDuotone, CloseMLine, InfoCircleLine } from "../Icon";
+import { AlertTriangleDuotone, CancelCircleDuotone, CheckCircleDuotone, CloseLLine, InfoCircleLine } from "../Icon";
 import theme from "../style/themes/default/themeColor.module.less";
 var iconMap = {
   info: /*#__PURE__*/React.createElement(InfoCircleLine, {
@@ -21,44 +21,44 @@ var iconMap = {
     size: 20
   }),
   success: /*#__PURE__*/React.createElement(CheckCircleDuotone, {
-    color: "#16B667",
-    fill: "#FFFFFF",
-    size: 20
+    fill: 'var(--global-colors-base-white-950a)',
+    color: 'var(--global-colors-green-600)',
+    size: 24
   }),
   error: /*#__PURE__*/React.createElement(CancelCircleDuotone, {
     color: "#D64343",
     fill: "#FFFFFF",
-    size: 20
+    size: 24
   }),
   warning: /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
     color: "#FFB01F",
     fill: "#FFFFFF",
-    size: 20
+    size: 24
   })
 };
-var closeX = /*#__PURE__*/React.createElement(CloseMLine, {
+var closeX = /*#__PURE__*/React.createElement(CloseLLine, {
   size: 20,
-  color: theme.NL40
+  color: "#171717"
 });
 var getSDefaultStyle = function getSDefaultStyle(type) {
   return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    padding: '16px 24px',
+    padding: '12px 16px',
     background: theme.SC95,
     border: '1px solid',
-    borderRadius: '4px',
+    borderRadius: '2px',
     boxShadow: theme.SHADOW_LG
   }, type === 'error' && {
-    background: theme.SC95,
-    borderColor: theme.SC60
+    background: '#FBECEC',
+    borderColor: '#E98B8B'
   }), type === 'success' && {
-    background: theme.SA95,
-    borderColor: theme.SA60
+    background: '#E8F9F0',
+    borderColor: '#73D8A6'
   }), type === 'warning' && {
-    background: theme.SB95,
-    borderColor: theme.SB60
+    background: '#FFFAF0',
+    borderColor: '#FFD180'
   }), type === 'info' && {
-    background: theme.B95,
-    borderColor: theme.B60
+    background: '#F0F6FF',
+    borderColor: '#84AADF'
   });
 };
 var notification = {

package/dist/notification/style/index.less

@@ -2,13 +2,16 @@
 
 .ald-notification-notice.ant-notification-notice {
   .ant-notification-notice-icon {
-    top: 18px;
+    top: 10px;
   }
 
   .ant-notification-notice-message {
     margin-inline-start: 28px;
     padding-inline-end: 28px;
-    margin-bottom: 4px;
+    margin-bottom: 4px !important;
+    margin-left: 32px !important;
+    line-height: 20px;
+    color: var(--colors-gray-900, #171717);
   }
 
   .ant-notification-notice-description {
@@ -16,14 +19,17 @@
     font-weight: 400;
     font-size: 13px;
     line-height: 20px;
-    color: @NL40;
+    color: var(--colors-gray-800, #575757);
   }
 
   .ant-notification-notice-close {
-    top: 17px;
+    top: 12px;
+    right: 16px;
+    width: fit-content;
+    height: fit-content;
 
-    &:hover{
-      background:none;
+    &:hover {
+      background: none;
     }
   }
 }

package/dist/style/index.less

@@ -1,4 +1,5 @@
 @root-entry-name: default;
+@import './var/default.css';
 @import './mixins/index.less';
 @import './core/index.less';
 @import './themes/default/scrollBar.less';

package/dist/style/themes/default/default.less

@@ -1,4 +1,4 @@
-@primary-color: @B40;
+@primary-color: #126fdd;
 
 // Animation
 @ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);

package/dist/style/themes/default/index.less

@@ -11,7 +11,7 @@
 @padding-bottom-large: 6px;
 @padding-left-large: 12px;
 @padding-right-large: 12px;
-@border-radius-large: 4px;
+@border-radius-large: 8px;
 
 // middle
 @font-size-middle: 13px;
@@ -20,7 +20,7 @@
 @padding-bottom-middle: 6px;
 @padding-left-middle: 12px;
 @padding-right-middle: 12px;
-@border-radius-middle: 2px;
+@border-radius-middle: 8px;
 
 // small
 @font-size-small: 12px;
@@ -29,4 +29,4 @@
 @padding-bottom-small: 6px;
 @padding-left-small: 8px;
 @padding-right-small: 8px;
-@border-radius-small: 2px;
+@border-radius-small: 8px;

package/dist/style/themes/default/scrollBar.less

@@ -1,7 +1,7 @@
 &::-webkit-scrollbar {
   width: 12px !important;
   height: 12px !important;
-  background: var(--colors-neutral-white, #fff);
+  background: var(--global-colors-base-white-950a, #fff);
   opacity: 0.5;
 }