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

package/dist/DataPreviewTable/constant.d.ts

@@ -1,5 +1,5 @@
 export declare const CELL_HEIGHT = 20;
-export declare const HEADER_HEIGHT = 28;
+export declare const HEADER_HEIGHT = 32;
 export declare const DEFAULT_COLUMN_WIDTH = 100;
 export declare const PRE_RENDER_RANGE = 100;
 export declare const UNDEFINED_INDEX = -1;

package/dist/DataPreviewTable/constant.js

@@ -1,5 +1,5 @@
 export var CELL_HEIGHT = 20;
-export var HEADER_HEIGHT = 28;
+export var HEADER_HEIGHT = 32;
 export var DEFAULT_COLUMN_WIDTH = 100;
 export var PRE_RENDER_RANGE = 100; //预渲染范围
 

package/dist/DataPreviewTable/style/index.less

@@ -5,7 +5,7 @@
 @import '../../Result/style/index.less';
 
 .ald-data-preview-table {
-  border: 1px solid #d5d5d5;
+  border: 1px solid var(--alias-colors-border-default, #e5e7eb);
   font-size: 12px;
   position: relative;
 
@@ -15,29 +15,30 @@
 }
 
 .ald-data-preview-header {
-  height: 28px;
+  height: 32px;
   z-index: 2;
-  background-color: #e9e9e9;
+  background: var(--alias-colors-bg-skeleton-subtle, #f9fafb);
   width: 100%;
 }
 
 .ald-data-preview-header-cell {
   height: 100%;
   position: relative;
-  border: 1px solid #d5d5d5;
+  border: 1px solid var(--alias-colors-border-default, #e5e7eb);
   border-left: none;
   border-top: none;
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  color: #171717;
+  color: var(--alias-colors-text-strong, #111827);
   font-weight: 500;
 
   .ald-data-preview-header-default {
-    padding: 4px 13px 3px 20px;
+    padding: 6px 4px;
     height: 100%;
     width: 100%;
     line-height: 20px;
+    background: var(--alias-colors-bg-skeleton-subtle, #f9fafb);
 
     .ald-data-preview-header-left {
       width: 20px;
@@ -78,15 +79,14 @@
 .ald-data-preview-body-cell {
   white-space: nowrap;
   overflow: hidden;
-  border: 1px solid #e8e8e8;
+  border: 1px solid var(--alias-colors-border-subtle, #f3f4f6);
   border-left: none;
   border-top: none;
-  padding: 2px 7px 1px 8px;
+  padding: 2px 4px;
   line-height: 16px;
   box-sizing: border-box;
-  font-style: normal;
-  font-weight: 400;
-  text-align: left;
+  color: var(--alias-colors-text-default, #1f2937);
+  font-size: 12px;
 }
 
 .ald-data-preview-body-skeleton-cell {

package/dist/Dropdown/index.d.ts

@@ -1,5 +1,5 @@
 import { MenuProps } from 'antd';
-import React, { ReactElement } from 'react';
+import React from 'react';
 import DropdownButton from './Button';
 type Align = {
     points?: [string, string];
@@ -36,7 +36,6 @@ export interface IDropdownProps {
      * @type Menu | () => Menu
      * @default -
      */
-    overlay?: ReactElement | (() => ReactElement);
     menu?: MenuProps;
     /**
      * @description 下拉根元素的类名称

package/dist/Dropdown/style/index.less

@@ -1,134 +1,98 @@
 @import '../../style/index.less';
 @import '../../Button/style/index.less';
-
-@Dropdown-menu-minWidth: 140px;
-
-.ant-dropdown.ant-dropdown {
-  border: 1px solid #d5d5d5;
-  border-radius: 2px;
-  box-shadow: @shadow-L;
-
-  :first-child {
-    box-shadow: none !important;
-  }
-
-  .ant-dropdown-menu {
-    .ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
-      &:not(.ant-dropdown-menu-item-disabled) {
-        color: #b82828;
-
-        &:hover {
-          background-color: #f8f8f8;
-          color: #b82828;
-        }
-      }
-    }
-  }
-}
-
-.ant-dropdown-menu > .ant-dropdown-menu {
-  padding: 0;
+// dropdown Menu 和子menu的 ul样式
+.dropdown-menu-content {
+  background: var(--alias-colors-bg-skeleton-subtler, #fff);
+  border-radius: 0;
   box-shadow: none;
-}
-
-.ant-dropdown-menu-submenu-title-content {
-  padding: 6px 24px 6px 8px;
-  line-height: 20px;
-  border-radius: 0 !important;
-
-  &:hover {
-    background-color: #f8f8f8;
-  }
+  padding: 0;
 
-  .ant-dropdown-menu-submenu-expand-icon {
-    right: 8px;
-    line-height: 20px;
-    display: flex;
-    align-items: center;
-    height: 100%;
-    top: 0;
+  .ant-dropdown-menu-item-divider,
+  .ant-dropdown-menu-submenu-title-divider {
+    background-color: var(--alias-colors-border-subtle, #f3f4f6);
+    margin: 0;
   }
-}
-
-.ant-dropdown > .ant-dropdown-menu {
-  min-width: @Dropdown-menu-minWidth;
-  padding: 4px;
-  color: @NL0;
-  box-shadow: @shadow-L;
 
-  .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title {
-    display: flex;
-    .ant-dropdown-menu-submenu-title-content();
+  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
+    background-color: unset;
   }
-}
-
-.ant-dropdown-menu-submenu > .ant-dropdown-menu {
-  padding: 4px;
-  color: @NL0;
-  box-shadow: @shadow-L;
 
-  .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title {
+  .ant-dropdown-menu-item,
+  .ant-dropdown-menu-submenu .ant-dropdown-menu-submenu-title {
     display: flex;
-    .ant-dropdown-menu-submenu-title-content();
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--alias-padding-100, 8px) var(--alias-padding-150, 12px);
+    border-radius: 0;
+    color: var(--alias-colors-text-default, #1f2937);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+    min-width: 140px;
+    gap: var(--alias-spacing-50, 4px);
 
     &:hover {
-      background-color: #f8f8f8;
+      background-color: unset;
     }
 
-    &.ant-dropdown-menu-item-disabled {
-      color: @NL80;
-      cursor: default;
+    .ant-dropdown-menu-item-icon {
+      font-size: 20px;
+      margin: 0;
+    }
 
-      &:hover {
-        background-color: @BG100;
-      }
+    .ant-dropdown-menu-title-content {
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
     }
-  }
-}
 
-.ant-menu.ant-menu,
-.ant-submenu.ant-submenu {
-  .ant-dropdown-menu-item-active {
-    background-color: #f8f8f8;
+    svg {
+      flex-shrink: 0;
+    }
   }
 
-  .ant-dropdown-menu-item {
-    padding: 8px 12px;
-    line-height: 20px;
-    border-radius: 0;
-  }
-
-  .ant-dropdown-menu-item,
-  .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title {
-    display: flex;
-    .ant-dropdown-menu-submenu-title-content();
-
-    padding: 8px 24px 8px 8px;
+  .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled {
+    cursor: default;
+    color: var(--alias-colors-text-disabled, rgba(0, 0, 0, 0.25));
 
     &:hover {
-      background-color: #f8f8f8;
+      background-color: var(--alias-colors-bg-transp, rgba(0, 0, 0, 0));
     }
+  }
 
-    &.ant-dropdown-menu-item-disabled {
-      color: @NL80;
-      cursor: default;
-
-      &:hover {
-        background-color: @BG100;
-      }
-    }
+  .ant-dropdown-menu-item:hover,
+  .ant-dropdown-menu-submenu:hover,
+  .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-active {
+    background-color: var(
+      --alias-colors-bg-interaction-hover,
+      rgba(0, 0, 0, 0.05)
+    );
   }
 }
 
-.ant-submenu.ant-dropdown-menu-submenu-popup {
-  padding: 0;
-  border: none;
-  box-shadow: @shadow-L;
-
-  ul {
-    min-width: @Dropdown-menu-minWidth;
-    margin: 0;
-    padding: 4px;
-    border-radius: 2px;
+// 容器样式
+.dropdown-wrap {
+  border: 1px solid var(--alias-colors-border-strong, #d1d5db);
+  border-radius: var(--alias-radius-75, 6px);
+  box-shadow: 0 10px 18px -2px rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+  padding: 4px 0;
+  background-color: var(--alias-colors-bg-skeleton-subtler, #fff);
+}
+// dropdown的容器
+.ant-dropdown.ant-dropdown {
+  .dropdown-wrap();
+  //  dropdown内的ul
+  .ant-dropdown-menu-root.ant-dropdown-menu {
+    .dropdown-menu-content();
+  }
+}
+// 子级menu菜单
+.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-popup {
+  .dropdown-wrap();
+  // dropdown 二级菜单中的ul
+  .ant-dropdown-menu-sub {
+    .dropdown-menu-content();
   }
 }

package/dist/Empty/image/Search.js

@@ -10,9 +10,9 @@ var Search = function Search() {
   }, /*#__PURE__*/React.createElement("rect", {
     width: "240",
     height: "240",
-    fill: "url(#pattern0)"
+    fill: "url(#patternSearch)"
   }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
-    id: "pattern0",
+    id: "patternSearch",
     patternContentUnits: "objectBoundingBox",
     width: "1",
     height: "1"

package/dist/Empty/image/SearchSmall.js

@@ -9,9 +9,9 @@ var SearchSmall = function SearchSmall() {
   }, /*#__PURE__*/React.createElement("rect", {
     width: "40",
     height: "40",
-    fill: "url(#pattern0)"
+    fill: "url(#patternSmall)"
   }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
-    id: "pattern0",
+    id: "patternSmall",
     patternContentUnits: "objectBoundingBox",
     width: "1",
     height: "1"

package/dist/Empty/index.js

@@ -7,6 +7,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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; }
 import classNames from 'classnames';
+import _ from 'lodash';
 import * as React from 'react';
 import DataEmptyImg from "./image/Data";
 import SearchEmptyImg from "./image/Search";
@@ -52,7 +53,7 @@ var Empty = function Empty(props) {
   };
   return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames(prefixCls, _defineProperty({}, "".concat(prefixCls, "-").concat(getSize(size)), getSize(size)), className)
-  }, restProps), /*#__PURE__*/React.createElement("div", {
+  }, restProps), !_.isNull(imageNode) && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-image-wrap "),
     style: imageStyle
   }, imageNode), title && /*#__PURE__*/React.createElement("div", {

package/dist/Empty/style/index.less

@@ -1,12 +1,13 @@
 @import '../../style/index.less';
 
-@ald-prefix: ant;
+@ald-prefix: ald;
 
 .ald-empty {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  height: 100%;
 
   .ald-empty-image-wrap {
     display: flex;

package/dist/Form/style/index.less

@@ -2,7 +2,7 @@
 
 .ant-form {
   &.ant-form {
-    font-size: 13px;
+    font-size: 14px;
   }
 
   .ant-form-item {
@@ -18,18 +18,31 @@
 
       label {
         overflow: hidden;
-        color: #575757;
-        font-size: 13px;
-        font-style: normal;
+        height: 32px;
+        color: var(--alias-colors-text-subtle, #4b5563);
         font-weight: 500;
         line-height: 20px;
-        height: 32px;
 
         &.ant-form-item-no-colon {
           &::after {
             display: none;
           }
         }
+
+        .ant-form-item-tooltip {
+          margin-left: var(--alias-spacing-25, 2px);
+        }
+
+        &.ant-form-item-required:not(
+            .ant-form-item-required-mark-optional
+          )::before {
+          width: 8px;
+          margin-right: var(--alias-spacing-25, 2px);
+          color: var(--alias-colors-text-danger, #b91c1c);
+          text-align: right;
+          font-size: 14px;
+          font-weight: 500;
+        }
       }
     }
 
@@ -40,8 +53,16 @@
       .ant-form-item-control-input {
         min-height: 20px;
       }
-
+      // 表单元素的容器
       .ant-form-item-control-input-content {
+        .ald-select {
+          width: 100%;
+        }
+
+        .ald-input-number {
+          width: 100%;
+        }
+
         .ald-switch {
           display: block;
         }

package/dist/Icon/components/AlertTriangleDuotone.d.ts

@@ -1,7 +1,7 @@
 import type { SVGProps } from 'react';
 import * as React from 'react';
 interface SVGRProps {
-    size?: number;
+    size?: number | string;
     title?: string;
     titleId?: string;
     desc?: string;

package/dist/Icon/components/AlertTriangleLine.d.ts

@@ -0,0 +1,11 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+interface SVGRProps {
+    size?: number | string;
+    title?: string;
+    titleId?: string;
+    desc?: string;
+    descId?: string;
+}
+declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+export default Memo;

package/dist/Icon/components/AlertTriangleLine.js

@@ -0,0 +1,35 @@
+var _excluded = ["title", "titleId", "desc", "descId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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; }
+import * as React from 'react';
+import { forwardRef, memo } from 'react';
+var AlertTriangleLine = function AlertTriangleLine(_ref, ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    desc = _ref.desc,
+    descId = _ref.descId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.width || props.size || 16,
+    height: props.height || props.size || 16,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    "aria-labelledby": titleId,
+    "aria-describedby": descId
+  }, props), desc ? /*#__PURE__*/React.createElement("desc", {
+    id: descId
+  }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fill: props.color || 'currentColor',
+    fillRule: "evenodd",
+    d: "m12 3 9 16H3l9-16Zm7.29 15H4.71L12 5.04 19.29 18Zm-7.79-4V9h1v5h-1Zm1.5 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z",
+    clipRule: "evenodd"
+  }));
+};
+var ForwardRef = /*#__PURE__*/forwardRef(AlertTriangleLine);
+var Memo = /*#__PURE__*/memo(ForwardRef);
+export default Memo;

package/dist/Icon/components/ArrowDownFill.d.ts

@@ -0,0 +1,11 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+interface SVGRProps {
+    size?: number | string;
+    title?: string;
+    titleId?: string;
+    desc?: string;
+    descId?: string;
+}
+declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+export default Memo;

package/dist/Icon/components/ArrowDownFill.js

@@ -0,0 +1,35 @@
+var _excluded = ["title", "titleId", "desc", "descId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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; }
+import * as React from 'react';
+import { forwardRef, memo } from 'react';
+var ArrowDownFill = function ArrowDownFill(_ref, ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    desc = _ref.desc,
+    descId = _ref.descId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.width || props.size || 16,
+    height: props.height || props.size || 16,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    "aria-labelledby": titleId,
+    "aria-describedby": descId
+  }, props), desc ? /*#__PURE__*/React.createElement("desc", {
+    id: descId
+  }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fill: props.color || 'currentColor',
+    fillRule: "evenodd",
+    d: "M7.833 9.583a.833.833 0 0 0-.589 1.423l4.167 4.167a.833.833 0 0 0 1.178 0l4.167-4.167a.833.833 0 0 0-.59-1.423H7.834Z",
+    clipRule: "evenodd"
+  }));
+};
+var ForwardRef = /*#__PURE__*/forwardRef(ArrowDownFill);
+var Memo = /*#__PURE__*/memo(ForwardRef);
+export default Memo;

package/dist/Icon/components/AttentionCircleFill.d.ts

@@ -0,0 +1,11 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+interface SVGRProps {
+    size?: number | string;
+    title?: string;
+    titleId?: string;
+    desc?: string;
+    descId?: string;
+}
+declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+export default Memo;

package/dist/Icon/components/AttentionCircleFill.js

@@ -0,0 +1,35 @@
+var _excluded = ["title", "titleId", "desc", "descId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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; }
+import * as React from 'react';
+import { forwardRef, memo } from 'react';
+var AttentionCircleFill = function AttentionCircleFill(_ref, ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    desc = _ref.desc,
+    descId = _ref.descId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.width || props.size || 16,
+    height: props.height || props.size || 16,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    "aria-labelledby": titleId,
+    "aria-describedby": descId
+  }, props), desc ? /*#__PURE__*/React.createElement("desc", {
+    id: descId
+  }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fill: props.color || 'currentColor',
+    fillRule: "evenodd",
+    d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm10 1a1 1 0 0 1-1-1V8a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1Zm-1.5 3a1.5 1.5 0 0 1 1.5-1.5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5V16Z",
+    clipRule: "evenodd"
+  }));
+};
+var ForwardRef = /*#__PURE__*/forwardRef(AttentionCircleFill);
+var Memo = /*#__PURE__*/memo(ForwardRef);
+export default Memo;

package/dist/Icon/components/AttentionTriangleFill.d.ts

@@ -0,0 +1,11 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+interface SVGRProps {
+    size?: number | string;
+    title?: string;
+    titleId?: string;
+    desc?: string;
+    descId?: string;
+}
+declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+export default Memo;

package/dist/Icon/components/AttentionTriangleFill.js

@@ -0,0 +1,35 @@
+var _excluded = ["title", "titleId", "desc", "descId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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; }
+import * as React from 'react';
+import { forwardRef, memo } from 'react';
+var AttentionTriangleFill = function AttentionTriangleFill(_ref, ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    desc = _ref.desc,
+    descId = _ref.descId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.width || props.size || 16,
+    height: props.height || props.size || 16,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    "aria-labelledby": titleId,
+    "aria-describedby": descId
+  }, props), desc ? /*#__PURE__*/React.createElement("desc", {
+    id: descId
+  }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fill: props.color || 'currentColor',
+    fillRule: "evenodd",
+    d: "M13.515 2.119c-.674-1.164-2.355-1.164-3.03 0L1.22 18.123c-.675 1.167.166 2.627 1.515 2.627h18.53c1.349 0 2.19-1.46 1.515-2.627L13.515 2.12ZM12 12.75a.75.75 0 0 1-.75-.75V8a.75.75 0 0 1 1.5 0v4a.75.75 0 0 1-.75.75Zm-.995 3.248c0-.548.445-.993.993-.993h.014c.548 0 .993.445.993.993v.014a.993.993 0 0 1-.993.993h-.014a.993.993 0 0 1-.993-.993v-.014Z",
+    clipRule: "evenodd"
+  }));
+};
+var ForwardRef = /*#__PURE__*/forwardRef(AttentionTriangleFill);
+var Memo = /*#__PURE__*/memo(ForwardRef);
+export default Memo;

package/dist/Icon/components/AttentionTriangleLightLine.d.ts

@@ -0,0 +1,11 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+interface SVGRProps {
+    size?: number | string;
+    title?: string;
+    titleId?: string;
+    desc?: string;
+    descId?: string;
+}
+declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+export default Memo;