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

package/dist/Checkbox/style/index.less

@@ -1,26 +1,39 @@
 @import '../../style/index.less';
 
-// v3.2的设计稿中所有复选框的边框都是如此，所以此处写死，后续如若需要修改请移除
-.ant-checkbox-inner {
-  border: 1px solid #dbdbdb !important;
-  background-color: #fff !important;
-  transform: scale(0.875);
-}
-// 此处同理
-.ant-checkbox::after,
-.ant-checkbox-checked::after {
-  border: 1px solid #dbdbdb !important;
-}
-
-.ant-checkbox-checked {
-  .ant-checkbox-inner {
-    background-color: #f8f8f8 !important;
-  }
-
-  &::after {
-    background-color: #f8f8f8 !important;
-  }
-}
+@checkbox-border-color-normal: var(
+  --alias-colors-border-accent-gray-subtle-default
+);
+@checkbox-border-color-hover: var(
+  --alias-colors-border-accent-gray-subtle-hover
+);
+@checkbox-border-color-active: var(
+  --alias-colors-border-accent-gray-subtle-default
+);
+@checkbox-border-color-disabled: var(--alias-colors-border-disabled);
+
+@checkbox-inner-bgc-normal: var(--alias-colors-bg-skeleton-subtler);
+@checkbox-inner-bgc-hover: var(--alias-colors-bg-skeleton-subtler);
+@checkbox-inner-bgc-active: var(--alias-colors-bg-skeleton-strong);
+@checkbox-inner-bgc-disabled: var(--alias-colors-border-disabled);
+
+@checkbox-checked-inner-bgc-normal: var(
+  --alias-colors-bg-selected-strong-default,
+  #126fdd
+);
+@checkbox-checked-inner-bgc-hover: var(
+  --alias-colors-bg-selected-strong-hover,
+  #0f59b1
+);
+@checkbox-checked-inner-bgc-active: var(
+  --alias-colors-bg-selected-strong-press,
+  #0b4385
+);
+@checkbox-checked-inner-bgc-disabled: var(
+  --alias-colors-bg-disabled,
+  rgba(0, 0, 0, 0.05)
+);
+
+@checkout-border-radius: var(--alias-radius-25);
 
 .ald-checkout-group-vertical {
   display: flex;
@@ -52,72 +65,113 @@
     .ant-checkbox-input {
       margin: 0;
     }
+
+    &:hover {
+      & .ant-checkbox-checked,
+      & .ant-checkbox-indeterminate {
+        .ant-checkbox-inner[class] {
+          background-color: @checkbox-checked-inner-bgc-hover;
+        }
+      }
+
+      .ant-checkbox-inner[class] {
+        background-color: @checkbox-inner-bgc-hover;
+        border-color: @checkbox-border-color-hover;
+      }
+
+      .ant-checkbox-checked.ant-checkbox-disabled {
+        .ant-checkbox-inner[class][class] {
+          background: @checkbox-checked-inner-bgc-disabled;
+        }
+      }
+
+      .ant-checkbox-disabled {
+        .ant-checkbox-inner[class][class] {
+          background: @checkbox-inner-bgc-disabled;
+        }
+      }
+    }
+
+    &:active {
+      & .ant-checkbox-checked,
+      & .ant-checkbox-indeterminate {
+        .ant-checkbox-inner[class] {
+          background-color: @checkbox-checked-inner-bgc-active;
+        }
+      }
+
+      .ant-checkbox-inner[class] {
+        background-color: @checkbox-inner-bgc-active;
+        border-color: @checkbox-border-color-active;
+      }
+    }
+
+    .ant-checkbox-checked.ant-checkbox-disabled {
+      .ant-checkbox-inner[class][class] {
+        background: @checkbox-checked-inner-bgc-disabled;
+      }
+    }
+
+    .ant-checkbox-disabled {
+      .ant-checkbox-inner[class][class] {
+        background: @checkbox-inner-bgc-disabled;
+      }
+    }
   }
 
   .ant-checkbox-inner {
     width: 16px;
     height: 16px;
-    background-color: @BG100;
-    border-color: @NL60;
+    background-color: @checkbox-inner-bgc-normal;
+    border-color: @checkbox-border-color-normal;
     border-radius: 2px;
   }
 
   .ant-checkbox-checked {
     &::after,
     .ant-checkbox-inner {
-      background-color: @B95;
-      border-color: @B40;
+      border: 0;
+      background-color: @checkbox-checked-inner-bgc-normal;
       border-radius: 2px;
     }
 
     .ant-checkbox-inner {
-      background-color: @B95;
-      border-color: @B40;
+      background-color: @checkbox-checked-inner-bgc-normal;
 
       &::after {
-        // top: 3px;
-        // left: 2px;
+        top: 4px;
+        left: 3px;
         z-index: 10;
-        // width: 10px;
-        // background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADLSURBVHgBrdTPDcIgFAZwHo3O0RF6MdGbjuAI3aCjuAGj6E3jyRGYQwPIR2rT1mfDH79Lyct7vxRIIPGHbLtr/aJKrZxpb6edRk2KwgB9kjw74fb4brp7Uwx/UL+s+1JtyakimEERbZw9YkEiI79Q6+zh0Z9xMhyDDjB3qyVogGfNeu2bODwFRST+dNQchoGUoAE2fvtoGtUmeA6KhDNu/LBkhmUlW2usSkUHeAGfJwqdwBF4NPoFL+BJKAszeDKKsG8FEGAk6JKDIm/pQrazK2zB6QAAAABJRU5ErkJggg==')
-        //   no-repeat;
-        // background-size: 100%, 100%;
-        // border-width: 0;
-        // transform: none;
-        position: absolute;
-        // top: 0;
-        // left: 0;
-        // width: 100%;
-        // height: 100%;
-        border: 2px solid #3271c9;
-        border-top: 0;
-        border-left: 0;
-        transform: rotate(45deg) scale(1) translate(-50%, -50%);
-        opacity: 1;
-        transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
+        width: 10px;
+        /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+        background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJJY29uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNTMwMzMgMC45Njk2N0M5LjgyMzIyIDEuMjYyNTYgOS44MjMyMiAxLjczNzQ0IDkuNTMwMzMgMi4wMzAzM0w0LjUzMDMzIDcuMDMwMzNDNC4yMzc0NCA3LjMyMzIyIDMuNzYyNTYgNy4zMjMyMiAzLjQ2OTY3IDcuMDMwMzNMMC45Njk2NyA0LjUzMDMzQzAuNjc2Nzc3IDQuMjM3NDQgMC42NzY3NzcgMy43NjI1NiAwLjk2OTY3IDMuNDY5NjdDMS4yNjI1NiAzLjE3Njc4IDEuNzM3NDQgMy4xNzY3OCAyLjAzMDMzIDMuNDY5NjdMNCA1LjQzOTM0TDguNDY5NjcgMC45Njk2N0M4Ljc2MjU2IDAuNjc2Nzc3IDkuMjM3NDQgMC42NzY3NzcgOS41MzAzMyAwLjk2OTY3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==')
+          no-repeat;
+        background-size: 100%, 100%;
+        border-width: 0;
+        transform: none;
       }
     }
   }
 
   .ant-checkbox-disabled {
     cursor: default;
-    opacity: 0.5;
 
     & + span {
       color: @NL0;
       cursor: default;
-      opacity: 0.5;
     }
 
     .ant-checkbox-inner {
+      background-color: @checkbox-inner-bgc-disabled;
+
       &::after {
-        top: 3px;
-        left: 2px;
+        top: 4px;
+        left: 3px;
         z-index: 10;
         width: 10px;
         height: 8px;
         /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADLSURBVHgBrdTPDcIgFAZwHo3O0RF6MdGbjuAI3aCjuAGj6E3jyRGYQwPIR2rT1mfDH79Lyct7vxRIIPGHbLtr/aJKrZxpb6edRk2KwgB9kjw74fb4brp7Uwx/UL+s+1JtyakimEERbZw9YkEiI79Q6+zh0Z9xMhyDDjB3qyVogGfNeu2bODwFRST+dNQchoGUoAE2fvtoGtUmeA6KhDNu/LBkhmUlW2usSkUHeAGfJwqdwBF4NPoFL+BJKAszeDKKsG8FEGAk6JKDIm/pQrazK2zB6QAAAABJRU5ErkJggg==')
+        background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJJY29uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNTMwMzMgMC45Njk2N0M5LjgyMzIyIDEuMjYyNTYgOS44MjMyMiAxLjczNzQ0IDkuNTMwMzMgMi4wMzAzM0w0LjUzMDMzIDcuMDMwMzNDNC4yMzc0NCA3LjMyMzIyIDMuNzYyNTYgNy4zMjMyMiAzLjQ2OTY3IDcuMDMwMzNMMC45Njk2NyA0LjUzMDMzQzAuNjc2Nzc3IDQuMjM3NDQgMC42NzY3NzcgMy43NjI1NiAwLjk2OTY3IDMuNDY5NjdDMS4yNjI1NiAzLjE3Njc4IDEuNzM3NDQgMy4xNzY3OCAyLjAzMDMzIDMuNDY5NjdMNCA1LjQzOTM0TDguNDY5NjcgMC45Njk2N0M4Ljc2MjU2IDAuNjc2Nzc3IDkuMjM3NDQgMC42NzY3NzcgOS41MzAzMyAwLjk2OTY3WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4yNSIvPgo8L3N2Zz4K')
           no-repeat;
         background-size: 100%, 100%;
         border-width: 0;
@@ -128,13 +182,14 @@
 
   .ant-checkbox-indeterminate {
     .ant-checkbox-inner {
-      background-color: @B95;
-      border-color: @B40;
+      background-color: @checkbox-checked-inner-bgc-normal;
+      border: 0;
 
       &::after {
         width: 10px;
         height: 2px;
-        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAECAYAAACOXx+WAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgBzcwxAQAACAIwNJLNjEkqKMHBAmzuKQQtwvpDAw6CAnPPhHsoAAAAAElFTkSuQmCC');
+        /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+        background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJWZWN0b3IgMSAoU3Ryb2tlKSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjc1IDFDMC43NSAwLjU4NTc4NiAxLjA4NTc5IDAuMjUgMS41IDAuMjVIOC41QzguOTE0MjEgMC4yNSA5LjI1IDAuNTg1Nzg2IDkuMjUgMUM5LjI1IDEuNDE0MjEgOC45MTQyMSAxLjc1IDguNSAxLjc1SDEuNUMxLjA4NTc5IDEuNzUgMC43NSAxLjQxNDIxIDAuNzUgMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
         background-size: 100%, 100%;
         background-color: @ND0;
         border-radius: 2px;
@@ -146,59 +201,8 @@
     display: flex;
     align-items: center;
     padding-right: 12px;
-    padding-left: 4px;
-    font-size: 13px;
-  }
-
-  &:hover .ant-checkbox-inner[class][class] {
-    border-color: #dbdbdb;
-  }
-
-  &.ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner {
-    background: @B95;
-    border: 1px solid @B60;
-    border-radius: 2px;
-  }
-
-  & .ant-checkbox-checked.ant-checkbox-disabled {
-    &:hover .ant-checkbox-inner[class][class] {
-      border-color: @B40;
-    }
-  }
-
-  .ant-checkbox:hover .ant-checkbox-inner {
-    border-color: @B40;
-    // box-shadow: @shadow-primary;
-    box-shadow: none;
-    background-color: none;
-  }
-}
-
-.ant-checkbox-wrapper
-  .ald-checkbox.ant-checkbox-disabled[class]
-  .ant-checkbox-inner:hover {
-  box-shadow: unset;
-  background-color: none;
-  border-radius: 2px;
-}
-
-.ant-checkbox-wrapper.ald-checkbox
-  .ant-checkbox-disabled.ant-checkbox:hover
-  .ant-checkbox-inner {
-  box-shadow: unset;
-  background-color: none;
-  border: 1px solid @BG60;
-}
-
-.ant-checkbox-group.ald-checkbox,
-.ant-checkbox-wrapper.ald-checkbox {
-  .ant-checkbox-input:focus + .ant-checkbox-inner {
-    border-color: @B40;
-  }
-
-  .ant-checkbox:hover .ant-checkbox-inner {
-    border-color: @B40;
-    background-color: none;
+    padding-left: 6px;
+    font-size: 14px;
   }
 }
 
@@ -206,13 +210,6 @@
   cursor: default;
 }
 
-.ant-checkbox-wrapper[class]:hover .ant-checkbox::after {
-  visibility: hidden;
-}
-
-.ant-checkbox-checked:hover .ant-checkbox-inner[class] {
-  background-color: transparent;
-}
 @keyframes ald-checkbox-effect {
   0% {
     transform: scale(1);

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,97 @@
 @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 4px 6px -2px rgba(0, 0, 0, 0.05),
+    0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
+  overflow: hidden;
+}
+// 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/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;