@antscorp/antsomi-ui 2.0.50 → 2.0.52

package/es/components/atoms/IconField/IconField.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FIELD_DATA_TYPE } from './constants';
 import { Icon } from '../Icon';
+import { BinaryIcon } from '../../icons';
 export const IconField = (props) => {
     const { dataType } = props;
     switch (dataType) {
@@ -18,6 +19,9 @@ export const IconField = (props) => {
         case FIELD_DATA_TYPE.DATE_TIME.name:
         case FIELD_DATA_TYPE.DATE_TIME.value:
             return _jsx(Icon, { type: "icon-ants-calendar-v2", style: { color: '#56b261' } });
+        case FIELD_DATA_TYPE.BINARY.name:
+        case FIELD_DATA_TYPE.BINARY.value:
+            return _jsx(BinaryIcon, { style: { color: '#51a5d5' } });
         default:
             return _jsx(Icon, { type: "icon-ants-ABC", style: { color: '#56b261' } });
     }

package/es/components/atoms/IconField/constants.d.ts

@@ -24,4 +24,9 @@ export declare const FIELD_DATA_TYPE: {
         readonly name: "boolean";
         readonly value: 17;
     };
+    readonly BINARY: {
+        readonly label: "Binary";
+        readonly name: "binary";
+        readonly value: 18;
+    };
 };

package/es/components/atoms/IconField/constants.js

@@ -24,4 +24,9 @@ export const FIELD_DATA_TYPE = {
         name: 'boolean',
         value: 17,
     },
+    BINARY: {
+        label: 'Binary',
+        name: 'binary',
+        value: 18,
+    },
 };

package/es/components/atoms/Switch/Switch.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
 import { StyledSwitch } from './styled';
 const Switch = props => {
-    const { color = THEME.token?.colorPrimary || '#005eb8', ...rest } = props;
-    return _jsx(StyledSwitch, { style: { '--switch-color': color }, ...rest });
+    const { color = THEME.token?.colorPrimary || '#005eb8', style, ...rest } = props;
+    return _jsx(StyledSwitch, { style: { ...style, '--switch-color': color }, ...rest });
 };
 export { Switch };

package/es/components/icons/BinaryIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const BinaryIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/BinaryIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const BinaryIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsxs("svg", { viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: [_jsx("path", { d: "M16.3295 13.2322V12.1403L17.7091 11.9698V7.06925L16.3188 7.05327V6.01989L19.5735 5.47656V11.9698L20.9531 12.1403V13.2322H16.3295Z", fill: "currentColor" }), _jsx("path", { d: "M10.9142 13.3437C10.0726 13.3437 9.40678 13.0773 8.91673 12.5447C8.42667 12.012 8.18164 11.2219 8.18164 10.1743V8.53897C8.18164 7.49494 8.42667 6.70481 8.91673 6.16859C9.40678 5.63237 10.0691 5.36426 10.9036 5.36426C11.731 5.36426 12.3897 5.63237 12.8798 6.16859C13.3734 6.70481 13.6202 7.49494 13.6202 8.53897V10.1743C13.6202 11.2219 13.3752 12.012 12.8851 12.5447C12.3986 13.0773 11.7417 13.3437 10.9142 13.3437ZM10.9142 11.9214C11.1877 11.9214 11.3972 11.7971 11.5428 11.5486C11.6884 11.2964 11.7612 10.8738 11.7612 10.2808V8.42179C11.7612 7.8394 11.6866 7.42214 11.5375 7.17001C11.3883 6.91788 11.177 6.79181 10.9036 6.79181C10.6195 6.79181 10.4047 6.91788 10.2591 7.17001C10.1135 7.41859 10.0407 7.83585 10.0407 8.42179V10.2808C10.0407 10.8774 10.1135 11.3 10.2591 11.5486C10.4047 11.7971 10.623 11.9214 10.9142 11.9214Z", fill: "currentColor" }), _jsx("path", { d: "M18.4123 24.2528C17.5707 24.2528 16.9048 23.9865 16.4148 23.4538C15.9247 22.9212 15.6797 22.131 15.6797 21.0835V19.4482C15.6797 18.4041 15.9247 17.614 16.4148 17.0778C16.9048 16.5415 17.5671 16.2734 18.4016 16.2734C19.229 16.2734 19.8878 16.5415 20.3778 17.0778C20.8714 17.614 21.1183 18.4041 21.1183 19.4482V21.0835C21.1183 22.131 20.8732 22.9212 20.3832 23.4538C19.8967 23.9865 19.2397 24.2528 18.4123 24.2528ZM18.4123 22.8306C18.6857 22.8306 18.8952 22.7063 19.0408 22.4577C19.1864 22.2056 19.2592 21.783 19.2592 21.19V19.331C19.2592 18.7486 19.1847 18.3313 19.0355 18.0792C18.8864 17.8271 18.6751 17.701 18.4016 17.701C18.1175 17.701 17.9027 17.8271 17.7571 18.0792C17.6115 18.3278 17.5387 18.745 17.5387 19.331V21.19C17.5387 21.7866 17.6115 22.2092 17.7571 22.4577C17.9027 22.7063 18.1211 22.8306 18.4123 22.8306Z", fill: "currentColor" }), _jsx("path", { d: "M8.19229 24.1414V23.0494L9.57191 22.879V17.9784L8.18164 17.9624V16.9291L11.4363 16.3857V22.879L12.8159 23.0494V24.1414H8.19229Z", fill: "currentColor" })] }));
+});

package/es/components/icons/LazyIcon/LazyIcon.d.ts

@@ -2,10 +2,10 @@
 export declare const LazyIcon: {
     AccountCircleIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AccountCircleOutlineIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
-    Accounts30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AccountSharing30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AccountSharingIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AccountTreeIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    Accounts30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AddChartIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AddFolderIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AddIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -28,6 +28,7 @@ export declare const LazyIcon: {
     AudioRecordIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     BatchStreaming30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     BatchStreamingIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    BinaryIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     BlockIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     BudLightIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     BugIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -53,6 +54,7 @@ export declare const LazyIcon: {
     ChatConversationCommentAddCommentIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ChatMentionIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ChatUnreadIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    CheckSlimIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     CheckboxChecked5RadiusIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     CheckboxCheckedIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     CheckboxIndeterminate5RadiusIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -60,7 +62,6 @@ export declare const LazyIcon: {
     CheckboxUnchecked5RadiusIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     CheckboxUncheckedIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ChecklistRtlIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
-    CheckSlimIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     CircleAddElementIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     CircleNotificationsIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     CloseIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -95,15 +96,15 @@ export declare const LazyIcon: {
     DataDestinationIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DataEncryption30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DataEncryptionIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
-    Dataflows30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DataIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DataRefreshIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DataSchema30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DataSource30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
-    DatasourceIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
-    DatasourceSegment30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DataView30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DataViewIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    Dataflows30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    DatasourceIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    DatasourceSegment30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DecreaseDecimalIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DeleteRemoveTrashIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DeliveryLogIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -180,13 +181,13 @@ export declare const LazyIcon: {
     ForwardIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     FreeDrawIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     FullReviewIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    GPTIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     GalleryTemplateIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     GeneralSettingIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     GeneralSettings30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     GenerateAutoWizardIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     Geofence30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     GetInsightIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
-    GPTIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     GridViewIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     GroupIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     GroupLayerIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -249,8 +250,8 @@ export declare const LazyIcon: {
     MuteIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     NodeViewIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     NotificationIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
-    NotificationsActiveIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     NotificationSettingIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    NotificationsActiveIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     OpenNewTabIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     OpenUrlIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     OrchestrationIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -301,6 +302,7 @@ export declare const LazyIcon: {
     ResumeIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     RightExpandIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     Role30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    SQLWorkspace30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     SaveAsIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     SaveIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ScheduleEmailDeliveryIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -324,7 +326,6 @@ export declare const LazyIcon: {
     SlideGroupIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     Sort1Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     SortIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
-    SQLWorkspace30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     SqlWorkspaceIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     StatisticIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     StickerIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -371,9 +372,9 @@ export declare const LazyIcon: {
     VisitorInformationIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     WarningIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     WebAssetIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
-    WebhookIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     WebIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     WebPersonalizationIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    WebhookIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     WidgetIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     WritingAIAssitantIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
 };

package/es/components/icons/LazyIcon/LazyIcon.js

@@ -2,10 +2,10 @@ import { lazy } from 'react';
 export const LazyIcon = {
     AccountCircleIcon: lazy(() => import('../AccountCircleIcon').then(m => ({ default: m.AccountCircleIcon }))),
     AccountCircleOutlineIcon: lazy(() => import('../AccountCircleOutlineIcon').then(m => ({ default: m.AccountCircleOutlineIcon }))),
-    Accounts30Icon: lazy(() => import('../Accounts30Icon').then(m => ({ default: m.Accounts30Icon }))),
     AccountSharing30Icon: lazy(() => import('../AccountSharing30Icon').then(m => ({ default: m.AccountSharing30Icon }))),
     AccountSharingIcon: lazy(() => import('../AccountSharingIcon').then(m => ({ default: m.AccountSharingIcon }))),
     AccountTreeIcon: lazy(() => import('../AccountTreeIcon').then(m => ({ default: m.AccountTreeIcon }))),
+    Accounts30Icon: lazy(() => import('../Accounts30Icon').then(m => ({ default: m.Accounts30Icon }))),
     AddChartIcon: lazy(() => import('../AddChartIcon').then(m => ({ default: m.AddChartIcon }))),
     AddFolderIcon: lazy(() => import('../AddFolderIcon').then(m => ({ default: m.AddFolderIcon }))),
     AddIcon: lazy(() => import('../AddIcon').then(m => ({ default: m.AddIcon }))),
@@ -28,6 +28,7 @@ export const LazyIcon = {
     AudioRecordIcon: lazy(() => import('../AudioRecordIcon').then(m => ({ default: m.AudioRecordIcon }))),
     BatchStreaming30Icon: lazy(() => import('../BatchStreaming30Icon').then(m => ({ default: m.BatchStreaming30Icon }))),
     BatchStreamingIcon: lazy(() => import('../BatchStreamingIcon').then(m => ({ default: m.BatchStreamingIcon }))),
+    BinaryIcon: lazy(() => import('../BinaryIcon').then(m => ({ default: m.BinaryIcon }))),
     BlockIcon: lazy(() => import('../BlockIcon').then(m => ({ default: m.BlockIcon }))),
     BudLightIcon: lazy(() => import('../BudLightIcon').then(m => ({ default: m.BudLightIcon }))),
     BugIcon: lazy(() => import('../BugIcon').then(m => ({ default: m.BugIcon }))),
@@ -55,6 +56,7 @@ export const LazyIcon = {
     }))),
     ChatMentionIcon: lazy(() => import('../ChatMentionIcon').then(m => ({ default: m.ChatMentionIcon }))),
     ChatUnreadIcon: lazy(() => import('../ChatUnreadIcon').then(m => ({ default: m.ChatUnreadIcon }))),
+    CheckSlimIcon: lazy(() => import('../CheckSlimIcon').then(m => ({ default: m.CheckSlimIcon }))),
     CheckboxChecked5RadiusIcon: lazy(() => import('../CheckboxChecked5RadiusIcon').then(m => ({ default: m.CheckboxChecked5RadiusIcon }))),
     CheckboxCheckedIcon: lazy(() => import('../CheckboxCheckedIcon').then(m => ({ default: m.CheckboxCheckedIcon }))),
     CheckboxIndeterminate5RadiusIcon: lazy(() => import('../CheckboxIndeterminate5RadiusIcon').then(m => ({
@@ -66,7 +68,6 @@ export const LazyIcon = {
     }))),
     CheckboxUncheckedIcon: lazy(() => import('../CheckboxUncheckedIcon').then(m => ({ default: m.CheckboxUncheckedIcon }))),
     ChecklistRtlIcon: lazy(() => import('../ChecklistRtlIcon').then(m => ({ default: m.ChecklistRtlIcon }))),
-    CheckSlimIcon: lazy(() => import('../CheckSlimIcon').then(m => ({ default: m.CheckSlimIcon }))),
     CircleAddElementIcon: lazy(() => import('../CircleAddElementIcon').then(m => ({ default: m.CircleAddElementIcon }))),
     CircleNotificationsIcon: lazy(() => import('../CircleNotificationsIcon').then(m => ({ default: m.CircleNotificationsIcon }))),
     CloseIcon: lazy(() => import('../CloseIcon').then(m => ({ default: m.CloseIcon }))),
@@ -101,15 +102,15 @@ export const LazyIcon = {
     DataDestinationIcon: lazy(() => import('../DataDestinationIcon').then(m => ({ default: m.DataDestinationIcon }))),
     DataEncryption30Icon: lazy(() => import('../DataEncryption30Icon').then(m => ({ default: m.DataEncryption30Icon }))),
     DataEncryptionIcon: lazy(() => import('../DataEncryptionIcon').then(m => ({ default: m.DataEncryptionIcon }))),
-    Dataflows30Icon: lazy(() => import('../Dataflows30Icon').then(m => ({ default: m.Dataflows30Icon }))),
     DataIcon: lazy(() => import('../DataIcon').then(m => ({ default: m.DataIcon }))),
     DataRefreshIcon: lazy(() => import('../DataRefreshIcon').then(m => ({ default: m.DataRefreshIcon }))),
     DataSchema30Icon: lazy(() => import('../DataSchema30Icon').then(m => ({ default: m.DataSchema30Icon }))),
     DataSource30Icon: lazy(() => import('../DataSource30Icon').then(m => ({ default: m.DataSource30Icon }))),
-    DatasourceIcon: lazy(() => import('../DatasourceIcon').then(m => ({ default: m.DatasourceIcon }))),
-    DatasourceSegment30Icon: lazy(() => import('../DatasourceSegment30Icon').then(m => ({ default: m.DatasourceSegment30Icon }))),
     DataView30Icon: lazy(() => import('../DataView30Icon').then(m => ({ default: m.DataView30Icon }))),
     DataViewIcon: lazy(() => import('../DataViewIcon').then(m => ({ default: m.DataViewIcon }))),
+    Dataflows30Icon: lazy(() => import('../Dataflows30Icon').then(m => ({ default: m.Dataflows30Icon }))),
+    DatasourceIcon: lazy(() => import('../DatasourceIcon').then(m => ({ default: m.DatasourceIcon }))),
+    DatasourceSegment30Icon: lazy(() => import('../DatasourceSegment30Icon').then(m => ({ default: m.DatasourceSegment30Icon }))),
     DecreaseDecimalIcon: lazy(() => import('../DecreaseDecimalIcon').then(m => ({ default: m.DecreaseDecimalIcon }))),
     DeleteRemoveTrashIcon: lazy(() => import('../DeleteRemoveTrashIcon').then(m => ({ default: m.DeleteRemoveTrashIcon }))),
     DeliveryLogIcon: lazy(() => import('../DeliveryLogIcon').then(m => ({ default: m.DeliveryLogIcon }))),
@@ -186,13 +187,13 @@ export const LazyIcon = {
     ForwardIcon: lazy(() => import('../ForwardIcon').then(m => ({ default: m.ForwardIcon }))),
     FreeDrawIcon: lazy(() => import('../FreeDrawIcon').then(m => ({ default: m.FreeDrawIcon }))),
     FullReviewIcon: lazy(() => import('../FullReviewIcon').then(m => ({ default: m.FullReviewIcon }))),
+    GPTIcon: lazy(() => import('../GPTIcon').then(m => ({ default: m.GPTIcon }))),
     GalleryTemplateIcon: lazy(() => import('../GalleryTemplateIcon').then(m => ({ default: m.GalleryTemplateIcon }))),
     GeneralSettingIcon: lazy(() => import('../GeneralSettingIcon').then(m => ({ default: m.GeneralSettingIcon }))),
     GeneralSettings30Icon: lazy(() => import('../GeneralSettings30Icon').then(m => ({ default: m.GeneralSettings30Icon }))),
     GenerateAutoWizardIcon: lazy(() => import('../GenerateAutoWizardIcon').then(m => ({ default: m.GenerateAutoWizardIcon }))),
     Geofence30Icon: lazy(() => import('../Geofence30Icon').then(m => ({ default: m.Geofence30Icon }))),
     GetInsightIcon: lazy(() => import('../GetInsightIcon').then(m => ({ default: m.GetInsightIcon }))),
-    GPTIcon: lazy(() => import('../GPTIcon').then(m => ({ default: m.GPTIcon }))),
     GridViewIcon: lazy(() => import('../GridViewIcon').then(m => ({ default: m.GridViewIcon }))),
     GroupIcon: lazy(() => import('../GroupIcon').then(m => ({ default: m.GroupIcon }))),
     GroupLayerIcon: lazy(() => import('../GroupLayerIcon').then(m => ({ default: m.GroupLayerIcon }))),
@@ -253,8 +254,8 @@ export const LazyIcon = {
     MuteIcon: lazy(() => import('../MuteIcon').then(m => ({ default: m.MuteIcon }))),
     NodeViewIcon: lazy(() => import('../NodeViewIcon').then(m => ({ default: m.NodeViewIcon }))),
     NotificationIcon: lazy(() => import('../NotificationIcon').then(m => ({ default: m.NotificationIcon }))),
-    NotificationsActiveIcon: lazy(() => import('../NotificationsActiveIcon').then(m => ({ default: m.NotificationsActiveIcon }))),
     NotificationSettingIcon: lazy(() => import('../NotificationSettingIcon').then(m => ({ default: m.NotificationSettingIcon }))),
+    NotificationsActiveIcon: lazy(() => import('../NotificationsActiveIcon').then(m => ({ default: m.NotificationsActiveIcon }))),
     OpenNewTabIcon: lazy(() => import('../OpenNewTabIcon').then(m => ({ default: m.OpenNewTabIcon }))),
     OpenUrlIcon: lazy(() => import('../OpenUrlIcon').then(m => ({ default: m.OpenUrlIcon }))),
     OrchestrationIcon: lazy(() => import('../OrchestrationIcon').then(m => ({ default: m.OrchestrationIcon }))),
@@ -307,6 +308,7 @@ export const LazyIcon = {
     ResumeIcon: lazy(() => import('../ResumeIcon').then(m => ({ default: m.ResumeIcon }))),
     RightExpandIcon: lazy(() => import('../RightExpandIcon').then(m => ({ default: m.RightExpandIcon }))),
     Role30Icon: lazy(() => import('../Role30Icon').then(m => ({ default: m.Role30Icon }))),
+    SQLWorkspace30Icon: lazy(() => import('../SQLWorkspace30Icon').then(m => ({ default: m.SQLWorkspace30Icon }))),
     SaveAsIcon: lazy(() => import('../SaveAsIcon').then(m => ({ default: m.SaveAsIcon }))),
     SaveIcon: lazy(() => import('../SaveIcon').then(m => ({ default: m.SaveIcon }))),
     ScheduleEmailDeliveryIcon: lazy(() => import('../ScheduleEmailDeliveryIcon').then(m => ({ default: m.ScheduleEmailDeliveryIcon }))),
@@ -330,7 +332,6 @@ export const LazyIcon = {
     SlideGroupIcon: lazy(() => import('../SlideGroupIcon').then(m => ({ default: m.SlideGroupIcon }))),
     Sort1Icon: lazy(() => import('../Sort1Icon').then(m => ({ default: m.Sort1Icon }))),
     SortIcon: lazy(() => import('../SortIcon').then(m => ({ default: m.SortIcon }))),
-    SQLWorkspace30Icon: lazy(() => import('../SQLWorkspace30Icon').then(m => ({ default: m.SQLWorkspace30Icon }))),
     SqlWorkspaceIcon: lazy(() => import('../SqlWorkspaceIcon').then(m => ({ default: m.SqlWorkspaceIcon }))),
     StatisticIcon: lazy(() => import('../StatisticIcon').then(m => ({ default: m.StatisticIcon }))),
     StickerIcon: lazy(() => import('../StickerIcon').then(m => ({ default: m.StickerIcon }))),
@@ -377,9 +378,9 @@ export const LazyIcon = {
     VisitorInformationIcon: lazy(() => import('../VisitorInformationIcon').then(m => ({ default: m.VisitorInformationIcon }))),
     WarningIcon: lazy(() => import('../WarningIcon').then(m => ({ default: m.WarningIcon }))),
     WebAssetIcon: lazy(() => import('../WebAssetIcon').then(m => ({ default: m.WebAssetIcon }))),
-    WebhookIcon: lazy(() => import('../WebhookIcon').then(m => ({ default: m.WebhookIcon }))),
     WebIcon: lazy(() => import('../WebIcon').then(m => ({ default: m.WebIcon }))),
     WebPersonalizationIcon: lazy(() => import('../WebPersonalizationIcon').then(m => ({ default: m.WebPersonalizationIcon }))),
+    WebhookIcon: lazy(() => import('../WebhookIcon').then(m => ({ default: m.WebhookIcon }))),
     WidgetIcon: lazy(() => import('../WidgetIcon').then(m => ({ default: m.WidgetIcon }))),
     WritingAIAssitantIcon: lazy(() => import('../WritingAIAssitantIcon').then(m => ({ default: m.WritingAIAssitantIcon }))),
 };

package/es/components/icons/TaskAltIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const TaskAltIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/TaskAltIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const TaskAltIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", fill: "#fff", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q65 0 123 19t107 53l-58 59q-38-24-81-37.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-18-2-36t-6-35l65-65q11 32 17 66t6 70q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-56-216L254-466l56-56 114 114 400-401 56 56-456 457Z" }) }));
+});

package/es/components/icons/index.d.ts

@@ -1,9 +1,9 @@
 export { AccountCircleIcon } from './AccountCircleIcon';
 export { AccountCircleOutlineIcon } from './AccountCircleOutlineIcon';
-export { Accounts30Icon } from './Accounts30Icon';
 export { AccountSharing30Icon } from './AccountSharing30Icon';
 export { AccountSharingIcon } from './AccountSharingIcon';
 export { AccountTreeIcon } from './AccountTreeIcon';
+export { Accounts30Icon } from './Accounts30Icon';
 export { AddChartIcon } from './AddChartIcon';
 export { AddFolderIcon } from './AddFolderIcon';
 export { AddIcon } from './AddIcon';
@@ -26,6 +26,7 @@ export { AttachmentIcon } from './AttachmentIcon';
 export { AudioRecordIcon } from './AudioRecordIcon';
 export { BatchStreaming30Icon } from './BatchStreaming30Icon';
 export { BatchStreamingIcon } from './BatchStreamingIcon';
+export { BinaryIcon } from './BinaryIcon';
 export { BlockIcon } from './BlockIcon';
 export { BudLightIcon } from './BudLightIcon';
 export { BugIcon } from './BugIcon';
@@ -51,6 +52,7 @@ export { ChatBubbleOutlineIcon } from './ChatBubbleOutlineIcon';
 export { ChatConversationCommentAddCommentIcon } from './ChatConversationCommentAddCommentIcon';
 export { ChatMentionIcon } from './ChatMentionIcon';
 export { ChatUnreadIcon } from './ChatUnreadIcon';
+export { CheckSlimIcon } from './CheckSlimIcon';
 export { CheckboxChecked5RadiusIcon } from './CheckboxChecked5RadiusIcon';
 export { CheckboxCheckedIcon } from './CheckboxCheckedIcon';
 export { CheckboxIndeterminate5RadiusIcon } from './CheckboxIndeterminate5RadiusIcon';
@@ -58,7 +60,6 @@ export { CheckboxIndeterminateIcon } from './CheckboxIndeterminateIcon';
 export { CheckboxUnchecked5RadiusIcon } from './CheckboxUnchecked5RadiusIcon';
 export { CheckboxUncheckedIcon } from './CheckboxUncheckedIcon';
 export { ChecklistRtlIcon } from './ChecklistRtlIcon';
-export { CheckSlimIcon } from './CheckSlimIcon';
 export { CircleAddElementIcon } from './CircleAddElementIcon';
 export { CircleNotificationsIcon } from './CircleNotificationsIcon';
 export { CloseIcon } from './CloseIcon';
@@ -93,15 +94,15 @@ export { DataDestination30Icon } from './DataDestination30Icon';
 export { DataDestinationIcon } from './DataDestinationIcon';
 export { DataEncryption30Icon } from './DataEncryption30Icon';
 export { DataEncryptionIcon } from './DataEncryptionIcon';
-export { Dataflows30Icon } from './Dataflows30Icon';
 export { DataIcon } from './DataIcon';
 export { DataRefreshIcon } from './DataRefreshIcon';
 export { DataSchema30Icon } from './DataSchema30Icon';
 export { DataSource30Icon } from './DataSource30Icon';
-export { DatasourceIcon } from './DatasourceIcon';
-export { DatasourceSegment30Icon } from './DatasourceSegment30Icon';
 export { DataView30Icon } from './DataView30Icon';
 export { DataViewIcon } from './DataViewIcon';
+export { Dataflows30Icon } from './Dataflows30Icon';
+export { DatasourceIcon } from './DatasourceIcon';
+export { DatasourceSegment30Icon } from './DatasourceSegment30Icon';
 export { DecreaseDecimalIcon } from './DecreaseDecimalIcon';
 export { DeleteRemoveTrashIcon } from './DeleteRemoveTrashIcon';
 export { DeliveryLogIcon } from './DeliveryLogIcon';
@@ -178,13 +179,13 @@ export { Form30Icon } from './Form30Icon';
 export { ForwardIcon } from './ForwardIcon';
 export { FreeDrawIcon } from './FreeDrawIcon';
 export { FullReviewIcon } from './FullReviewIcon';
+export { GPTIcon } from './GPTIcon';
 export { GalleryTemplateIcon } from './GalleryTemplateIcon';
 export { GeneralSettingIcon } from './GeneralSettingIcon';
 export { GeneralSettings30Icon } from './GeneralSettings30Icon';
 export { GenerateAutoWizardIcon } from './GenerateAutoWizardIcon';
 export { Geofence30Icon } from './Geofence30Icon';
 export { GetInsightIcon } from './GetInsightIcon';
-export { GPTIcon } from './GPTIcon';
 export { GridViewIcon } from './GridViewIcon';
 export { GroupIcon } from './GroupIcon';
 export { GroupLayerIcon } from './GroupLayerIcon';
@@ -245,8 +246,8 @@ export { MoveToIcon } from './MoveToIcon';
 export { MuteIcon } from './MuteIcon';
 export { NodeViewIcon } from './NodeViewIcon';
 export { NotificationIcon } from './NotificationIcon';
-export { NotificationsActiveIcon } from './NotificationsActiveIcon';
 export { NotificationSettingIcon } from './NotificationSettingIcon';
+export { NotificationsActiveIcon } from './NotificationsActiveIcon';
 export { OpenNewTabIcon } from './OpenNewTabIcon';
 export { OpenUrlIcon } from './OpenUrlIcon';
 export { OrchestrationIcon } from './OrchestrationIcon';
@@ -297,6 +298,7 @@ export { RestoreDefaultIcon } from './RestoreDefaultIcon';
 export { ResumeIcon } from './ResumeIcon';
 export { RightExpandIcon } from './RightExpandIcon';
 export { Role30Icon } from './Role30Icon';
+export { SQLWorkspace30Icon } from './SQLWorkspace30Icon';
 export { SaveAsIcon } from './SaveAsIcon';
 export { SaveIcon } from './SaveIcon';
 export { ScheduleEmailDeliveryIcon } from './ScheduleEmailDeliveryIcon';
@@ -320,7 +322,6 @@ export { SignatureIcon } from './SignatureIcon';
 export { SlideGroupIcon } from './SlideGroupIcon';
 export { Sort1Icon } from './Sort1Icon';
 export { SortIcon } from './SortIcon';
-export { SQLWorkspace30Icon } from './SQLWorkspace30Icon';
 export { SqlWorkspaceIcon } from './SqlWorkspaceIcon';
 export { StatisticIcon } from './StatisticIcon';
 export { StickerIcon } from './StickerIcon';
@@ -367,8 +368,8 @@ export { VisitorIcon } from './VisitorIcon';
 export { VisitorInformationIcon } from './VisitorInformationIcon';
 export { WarningIcon } from './WarningIcon';
 export { WebAssetIcon } from './WebAssetIcon';
-export { WebhookIcon } from './WebhookIcon';
 export { WebIcon } from './WebIcon';
 export { WebPersonalizationIcon } from './WebPersonalizationIcon';
+export { WebhookIcon } from './WebhookIcon';
 export { WidgetIcon } from './WidgetIcon';
 export { WritingAIAssitantIcon } from './WritingAIAssitantIcon';

package/es/components/icons/index.js

@@ -1,9 +1,9 @@
 export { AccountCircleIcon } from './AccountCircleIcon';
 export { AccountCircleOutlineIcon } from './AccountCircleOutlineIcon';
-export { Accounts30Icon } from './Accounts30Icon';
 export { AccountSharing30Icon } from './AccountSharing30Icon';
 export { AccountSharingIcon } from './AccountSharingIcon';
 export { AccountTreeIcon } from './AccountTreeIcon';
+export { Accounts30Icon } from './Accounts30Icon';
 export { AddChartIcon } from './AddChartIcon';
 export { AddFolderIcon } from './AddFolderIcon';
 export { AddIcon } from './AddIcon';
@@ -26,6 +26,7 @@ export { AttachmentIcon } from './AttachmentIcon';
 export { AudioRecordIcon } from './AudioRecordIcon';
 export { BatchStreaming30Icon } from './BatchStreaming30Icon';
 export { BatchStreamingIcon } from './BatchStreamingIcon';
+export { BinaryIcon } from './BinaryIcon';
 export { BlockIcon } from './BlockIcon';
 export { BudLightIcon } from './BudLightIcon';
 export { BugIcon } from './BugIcon';
@@ -51,6 +52,7 @@ export { ChatBubbleOutlineIcon } from './ChatBubbleOutlineIcon';
 export { ChatConversationCommentAddCommentIcon } from './ChatConversationCommentAddCommentIcon';
 export { ChatMentionIcon } from './ChatMentionIcon';
 export { ChatUnreadIcon } from './ChatUnreadIcon';
+export { CheckSlimIcon } from './CheckSlimIcon';
 export { CheckboxChecked5RadiusIcon } from './CheckboxChecked5RadiusIcon';
 export { CheckboxCheckedIcon } from './CheckboxCheckedIcon';
 export { CheckboxIndeterminate5RadiusIcon } from './CheckboxIndeterminate5RadiusIcon';
@@ -58,7 +60,6 @@ export { CheckboxIndeterminateIcon } from './CheckboxIndeterminateIcon';
 export { CheckboxUnchecked5RadiusIcon } from './CheckboxUnchecked5RadiusIcon';
 export { CheckboxUncheckedIcon } from './CheckboxUncheckedIcon';
 export { ChecklistRtlIcon } from './ChecklistRtlIcon';
-export { CheckSlimIcon } from './CheckSlimIcon';
 export { CircleAddElementIcon } from './CircleAddElementIcon';
 export { CircleNotificationsIcon } from './CircleNotificationsIcon';
 export { CloseIcon } from './CloseIcon';
@@ -93,15 +94,15 @@ export { DataDestination30Icon } from './DataDestination30Icon';
 export { DataDestinationIcon } from './DataDestinationIcon';
 export { DataEncryption30Icon } from './DataEncryption30Icon';
 export { DataEncryptionIcon } from './DataEncryptionIcon';
-export { Dataflows30Icon } from './Dataflows30Icon';
 export { DataIcon } from './DataIcon';
 export { DataRefreshIcon } from './DataRefreshIcon';
 export { DataSchema30Icon } from './DataSchema30Icon';
 export { DataSource30Icon } from './DataSource30Icon';
-export { DatasourceIcon } from './DatasourceIcon';
-export { DatasourceSegment30Icon } from './DatasourceSegment30Icon';
 export { DataView30Icon } from './DataView30Icon';
 export { DataViewIcon } from './DataViewIcon';
+export { Dataflows30Icon } from './Dataflows30Icon';
+export { DatasourceIcon } from './DatasourceIcon';
+export { DatasourceSegment30Icon } from './DatasourceSegment30Icon';
 export { DecreaseDecimalIcon } from './DecreaseDecimalIcon';
 export { DeleteRemoveTrashIcon } from './DeleteRemoveTrashIcon';
 export { DeliveryLogIcon } from './DeliveryLogIcon';
@@ -178,13 +179,13 @@ export { Form30Icon } from './Form30Icon';
 export { ForwardIcon } from './ForwardIcon';
 export { FreeDrawIcon } from './FreeDrawIcon';
 export { FullReviewIcon } from './FullReviewIcon';
+export { GPTIcon } from './GPTIcon';
 export { GalleryTemplateIcon } from './GalleryTemplateIcon';
 export { GeneralSettingIcon } from './GeneralSettingIcon';
 export { GeneralSettings30Icon } from './GeneralSettings30Icon';
 export { GenerateAutoWizardIcon } from './GenerateAutoWizardIcon';
 export { Geofence30Icon } from './Geofence30Icon';
 export { GetInsightIcon } from './GetInsightIcon';
-export { GPTIcon } from './GPTIcon';
 export { GridViewIcon } from './GridViewIcon';
 export { GroupIcon } from './GroupIcon';
 export { GroupLayerIcon } from './GroupLayerIcon';
@@ -245,8 +246,8 @@ export { MoveToIcon } from './MoveToIcon';
 export { MuteIcon } from './MuteIcon';
 export { NodeViewIcon } from './NodeViewIcon';
 export { NotificationIcon } from './NotificationIcon';
-export { NotificationsActiveIcon } from './NotificationsActiveIcon';
 export { NotificationSettingIcon } from './NotificationSettingIcon';
+export { NotificationsActiveIcon } from './NotificationsActiveIcon';
 export { OpenNewTabIcon } from './OpenNewTabIcon';
 export { OpenUrlIcon } from './OpenUrlIcon';
 export { OrchestrationIcon } from './OrchestrationIcon';
@@ -297,6 +298,7 @@ export { RestoreDefaultIcon } from './RestoreDefaultIcon';
 export { ResumeIcon } from './ResumeIcon';
 export { RightExpandIcon } from './RightExpandIcon';
 export { Role30Icon } from './Role30Icon';
+export { SQLWorkspace30Icon } from './SQLWorkspace30Icon';
 export { SaveAsIcon } from './SaveAsIcon';
 export { SaveIcon } from './SaveIcon';
 export { ScheduleEmailDeliveryIcon } from './ScheduleEmailDeliveryIcon';
@@ -320,7 +322,6 @@ export { SignatureIcon } from './SignatureIcon';
 export { SlideGroupIcon } from './SlideGroupIcon';
 export { Sort1Icon } from './Sort1Icon';
 export { SortIcon } from './SortIcon';
-export { SQLWorkspace30Icon } from './SQLWorkspace30Icon';
 export { SqlWorkspaceIcon } from './SqlWorkspaceIcon';
 export { StatisticIcon } from './StatisticIcon';
 export { StickerIcon } from './StickerIcon';
@@ -367,8 +368,8 @@ export { VisitorIcon } from './VisitorIcon';
 export { VisitorInformationIcon } from './VisitorInformationIcon';
 export { WarningIcon } from './WarningIcon';
 export { WebAssetIcon } from './WebAssetIcon';
-export { WebhookIcon } from './WebhookIcon';
 export { WebIcon } from './WebIcon';
 export { WebPersonalizationIcon } from './WebPersonalizationIcon';
+export { WebhookIcon } from './WebhookIcon';
 export { WidgetIcon } from './WidgetIcon';
 export { WritingAIAssitantIcon } from './WritingAIAssitantIcon';

package/es/components/molecules/DrawerDetail/DrawerDetail.js

@@ -16,7 +16,7 @@ import { safeParseJson } from '@antscorp/antsomi-ui/es/utils';
 import { POST_MESSAGE_TYPES } from '@antscorp/antsomi-ui/es/constants';
 export const DrawerDetail = props => {
     // Props
-    const { width, fullScreen: fullScreenProp = false, children, menuProps, closeIconProps, maxWidth, minWidth, defaultSize = 'max', headerProps, name, destroyOnClose = true, ...restProps } = props;
+    const { width, fullScreen: fullScreenProp = false, children, menuProps, closeIconProps, maxWidth, minWidth, defaultSize = 'max', headerProps, name, destroyOnClose = true, closable = false, ...restProps } = props;
     const { show: showMenu = true, showExpandButton = true, showClose = true, items, selectedKeys, footer, onClick = () => { }, } = menuProps || {};
     const { children: headerChildren, ...restOfHeaderProps } = headerProps || {};
     const { onClose = () => { } } = props;
@@ -105,7 +105,7 @@ export const DrawerDetail = props => {
             localStorage.setItem(DRAWER_DETAIL_LOCAL_STORAGE_KEY, JSON.stringify({ ...localStorageValues, [name || '']: !collapseDrawer }));
         }
     };
-    return (_jsxs(StyledDrawer, { push: false, closable: false, width: drawerWidth, motion: {
+    return (_jsxs(StyledDrawer, { push: false, closable: closable, width: drawerWidth, motion: {
             visible: false,
             motionAppear: false,
             motionEnter: false,

package/es/components/molecules/MatchAnySelect/styled.js

@@ -208,7 +208,7 @@ export const MatchesAnyWrapper = styled(props => _jsx(Flex, { ...props })) `
 
       &.load-more-node {
         overflow: hidden;
-        height: 0px !important;
+        height: 5px !important;
         padding: 0px !important;
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "2.0.50",
+  "version": "2.0.52",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",