@antscorp/antsomi-ui 2.0.109 → 2.0.111

package/es/components/atoms/Text/styled.js

@@ -2,49 +2,49 @@
 import styled, { css } from 'styled-components';
 // Constants
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const TextWrapper = styled.div `
-  color: ${THEME.token?.colorTextBase};
-  font-size: ${THEME.token?.fontSize}px;
-  font-family: Roboto;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-
+export const TextWrapper = styled.div `
+  color: ${THEME.token?.colorTextBase};
+  font-size: ${THEME.token?.fontSize}px;
+  font-family: Roboto;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+
   ${p => {
     switch (p.size) {
         case 'small':
-            return css `
-          font-size: ${THEME.token?.fontSize}px;
+            return css `
+          font-size: ${THEME.token?.fontSize}px;
         `;
         case 'medium':
-            return css `
-          font-size: ${THEME.token?.fontSizeMd}px;
+            return css `
+          font-size: ${THEME.token?.fontSizeMd}px;
         `;
         case 'large':
-            return css `
-          font-size: ${THEME.token?.fontSizeLg}px;
+            return css `
+          font-size: ${THEME.token?.fontSizeLg}px;
         `;
         default:
-            return css `
-          font-size: ${p.size}px;
+            return css `
+          font-size: ${p.size}px;
         `;
     }
-}}
-
-  &.--disabled {
-    color: ${THEME.token?.colorTextDisabled};
-    pointer-events: none;
-  }
-
-  &.--secondary {
-    color: ${THEME.token?.colorIcon};
-  }
-
-  &.--error {
-    color: ${THEME.token?.red6};
-  }
-
-  &.--warning {
-    color: ${THEME.token?.colorWarning};
-  }
+}}
+
+  &.--disabled {
+    color: ${THEME.token?.colorTextDisabled};
+    pointer-events: none;
+  }
+
+  &.--secondary {
+    color: ${THEME.token?.colorIcon};
+  }
+
+  &.--error {
+    color: ${THEME.token?.red6};
+  }
+
+  &.--warning {
+    color: ${THEME.token?.colorWarning};
+  }
 `;

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

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

package/es/components/icons/ALignRightIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ALignRightIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M3 21H21V19H3V21ZM9 17H21V15H9V17ZM3 13H21V11H3V13ZM9 9H21V7H9V9ZM3 3V5H21V3H3Z", fill: "currentColor" }) }));
+});

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

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

package/es/components/icons/AlignCenterIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const AlignCenterIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M7 15V17H17V15H7ZM3 21H21V19H3V21ZM3 13H21V11H3V13ZM7 7V9H17V7H7ZM3 3V5H21V3H3Z", fill: "currentColor" }) }));
+});

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

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

package/es/components/icons/AlignJustifyIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const AlignJustifyIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M3 21H21V19H3V21ZM3 17H21V15H3V17ZM3 13H21V11H3V13ZM3 9H21V7H3V9ZM3 3V5H21V3H3Z", fill: "currentColor" }) }));
+});

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

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

package/es/components/icons/AlignLeftIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const AlignLeftIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M15 15H3V17H15V15ZM15 7H3V9H15V7ZM3 13H21V11H3V13ZM3 21H21V19H3V21ZM3 3V5H21V3H3Z", fill: "currentColor" }) }));
+});

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

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

package/es/components/icons/ArrowDropDownIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ArrowDropDownIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M7 10L12 15L17 10H7Z", fill: "black" }) }));
+});

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

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

package/es/components/icons/ChevronRightIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ChevronRightIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "m9 18 6-6-6-6" }) }));
+});

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

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

package/es/components/icons/ColorizeIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ColorizeIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M21.6764 4.92454L19.0766 2.32489C18.9738 2.2219 18.8517 2.1402 18.7173 2.08445C18.5829 2.0287 18.4388 2 18.2933 2C18.1478 2 18.0037 2.0287 17.8693 2.08445C17.7349 2.1402 17.6128 2.2219 17.51 2.32489L14.0436 5.79109L11.8993 3.66916L10.3327 5.23561L11.9104 6.81317L2 16.7229V22H7.27741L17.1878 12.0902L18.7655 13.6678L20.332 12.1013L18.1989 9.9683L21.6653 6.50211C22.1097 6.05772 22.1097 5.35782 21.6764 4.92454ZM6.35525 19.7781L4.22207 17.645L13.177 8.6907L15.3102 10.8237L6.35525 19.7781Z", fill: "black" }) }));
+});

package/es/components/icons/DomainManagementIcon.js

@@ -6,5 +6,5 @@ export const DomainManagementIcon = forwardRef((props, ref) => {
     return (_jsxs("svg", { 
         // width="29"
         // height="29"
-        viewBox: "0 0 29 29", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: [_jsx("path", { d: "M15.7,15.7l1.9,0.8c1.6-1.8,2.4-4.1,2.4-6.5c0-2-0.6-3.9-1.7-5.6c-1.1-1.6-2.7-2.9-4.5-3.7C12,0,10-0.2,8,0.2\r\n\tC6.1,0.6,4.3,1.5,2.9,2.9C1.5,4.3,0.6,6.1,0.2,8c-0.4,2-0.2,4,0.6,5.8s2,3.4,3.7,4.5C6.1,19.4,8,20,10,20c2.3,0,4.7-0.9,6.4-2.4\r\n\tL15.7,15.7z M5.5,16.5c-1.3-0.9-2.3-2.2-2.9-3.7C2.1,11.3,2,9.6,2.4,8.1C3.1,8.7,4.3,10,4.3,10l-0.5,2.5l1.8,1.6\r\n\tC5.6,14.9,5.6,15.7,5.5,16.5z M13.8,7.5c-0.5,0.3-1,0.7-1.3,1.3C11.9,11,14.7,11.9,15,12c0,0,0,3.2,0,4.1c-1,0.9-2.3,1.5-3.6,1.7\r\n\tc-1.3,0.2-2.7,0.1-4-0.3c0.3-0.6,0.7-1.5,1-2.3c0.2-0.5,0.4-0.9,0.5-1.2c0.3-0.4,0.4-0.9,0.5-1.4c0.1-0.5,0-1-0.1-1.5\r\n\tC8.9,9.9,7.4,8.4,6.6,8.4C6.3,8.4,6,8.6,5.8,8.8S5.5,9.3,5.5,9.6C5.2,9,4.9,8.4,4.5,7.9c0,0,2.2-0.9,2.7-1.8C7.3,6,7.3,5.8,7.4,5.7\r\n\tc0.6-1,0.9-2.2,1-3.4c1.2-0.3,2.5-0.2,3.7,0.1C12,2.5,12,2.6,12,2.7c0,0.1,0,0.2,0,0.3s0.1,0.1,0.2,0.2c0.1,0,0.2,0.1,0.3,0\r\n\tc0.1,0,0.2,0,0.3,0c0.5,0,0.7-0.1,0.8-0.3c0.3,0.1,0.6,0.3,0.8,0.5c-0.5,0.3-0.9,0.6-1.3,1c0.1,0.2,0.5,0.4,0.7,0.5v0.5H13\r\n\tc0,0.2,0,0.5,0.1,0.7c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3,0c0.5,0,0.6-0.3,0.7-0.7\r\n\tc0-0.1,0-0.2,0.1-0.3C14.9,5.2,15,5,15.2,4.9c0.2,0.1,0.4,0.1,0.6,0h0.1c0,0,0.1,0,0.1,0.1c0.6,0.7,1.1,1.6,1.4,2.5\r\n\tc-0.6-0.2-1.3-0.4-1.9-0.3C14.9,7.1,14.3,7.2,13.8,7.5z" }), _jsx("path", { fill: "white", d: "M28.7,17L9.5,9.4L17,28.5l2.5-5.1l3.4,3.4l4.1-4l-3.4-3.3L28.7,17z M19,18c-0.1,0-0.2,0.2-0.3,0.4l-0.1,0.2\r\n\tl-0.2,0.1c-0.2,0.1-0.4,0.2-0.6,0.4l-0.5,0.5l-1.5-3.9l4.5,1.8L19,18z" }), _jsx("path", { d: "M20,19l3.7-1.7L13,13l4.1,10.6l1.7-3.5l4,3.9l1.2-1.2L20,19z M18.2,18.2c-0.3,0.1-0.6,0.3-0.8,0.5l-0.8-2.1l2.2,0.9\r\n\tC18.5,17.6,18.3,17.9,18.2,18.2z" })] }));
+        viewBox: "0 0 29 29", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: [_jsx("path", { d: "M15.7,15.7l1.9,0.8c1.6-1.8,2.4-4.1,2.4-6.5c0-2-0.6-3.9-1.7-5.6c-1.1-1.6-2.7-2.9-4.5-3.7C12,0,10-0.2,8,0.2\n\tC6.1,0.6,4.3,1.5,2.9,2.9C1.5,4.3,0.6,6.1,0.2,8c-0.4,2-0.2,4,0.6,5.8s2,3.4,3.7,4.5C6.1,19.4,8,20,10,20c2.3,0,4.7-0.9,6.4-2.4\n\tL15.7,15.7z M5.5,16.5c-1.3-0.9-2.3-2.2-2.9-3.7C2.1,11.3,2,9.6,2.4,8.1C3.1,8.7,4.3,10,4.3,10l-0.5,2.5l1.8,1.6\n\tC5.6,14.9,5.6,15.7,5.5,16.5z M13.8,7.5c-0.5,0.3-1,0.7-1.3,1.3C11.9,11,14.7,11.9,15,12c0,0,0,3.2,0,4.1c-1,0.9-2.3,1.5-3.6,1.7\n\tc-1.3,0.2-2.7,0.1-4-0.3c0.3-0.6,0.7-1.5,1-2.3c0.2-0.5,0.4-0.9,0.5-1.2c0.3-0.4,0.4-0.9,0.5-1.4c0.1-0.5,0-1-0.1-1.5\n\tC8.9,9.9,7.4,8.4,6.6,8.4C6.3,8.4,6,8.6,5.8,8.8S5.5,9.3,5.5,9.6C5.2,9,4.9,8.4,4.5,7.9c0,0,2.2-0.9,2.7-1.8C7.3,6,7.3,5.8,7.4,5.7\n\tc0.6-1,0.9-2.2,1-3.4c1.2-0.3,2.5-0.2,3.7,0.1C12,2.5,12,2.6,12,2.7c0,0.1,0,0.2,0,0.3s0.1,0.1,0.2,0.2c0.1,0,0.2,0.1,0.3,0\n\tc0.1,0,0.2,0,0.3,0c0.5,0,0.7-0.1,0.8-0.3c0.3,0.1,0.6,0.3,0.8,0.5c-0.5,0.3-0.9,0.6-1.3,1c0.1,0.2,0.5,0.4,0.7,0.5v0.5H13\n\tc0,0.2,0,0.5,0.1,0.7c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3,0c0.5,0,0.6-0.3,0.7-0.7\n\tc0-0.1,0-0.2,0.1-0.3C14.9,5.2,15,5,15.2,4.9c0.2,0.1,0.4,0.1,0.6,0h0.1c0,0,0.1,0,0.1,0.1c0.6,0.7,1.1,1.6,1.4,2.5\n\tc-0.6-0.2-1.3-0.4-1.9-0.3C14.9,7.1,14.3,7.2,13.8,7.5z" }), _jsx("path", { fill: "white", d: "M28.7,17L9.5,9.4L17,28.5l2.5-5.1l3.4,3.4l4.1-4l-3.4-3.3L28.7,17z M19,18c-0.1,0-0.2,0.2-0.3,0.4l-0.1,0.2\n\tl-0.2,0.1c-0.2,0.1-0.4,0.2-0.6,0.4l-0.5,0.5l-1.5-3.9l4.5,1.8L19,18z" }), _jsx("path", { d: "M20,19l3.7-1.7L13,13l4.1,10.6l1.7-3.5l4,3.9l1.2-1.2L20,19z M18.2,18.2c-0.3,0.1-0.6,0.3-0.8,0.5l-0.8-2.1l2.2,0.9\n\tC18.5,17.6,18.3,17.9,18.2,18.2z" })] }));
 });

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

@@ -12,6 +12,10 @@ export declare const LazyIcon: {
     AddRadiusIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AddShoppingCartIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AdjustIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    AlignCenterIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    AlignJustifyIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    AlignLeftIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    ALignRightIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AllDevicesIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AllJourneyChannelsIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AnalyticModels30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -21,6 +25,7 @@ export declare const LazyIcon: {
     AnlysisIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AnlyticModelsIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AntsomiAIIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    ArrowDropDownIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ArrowGrowIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ArrowLineIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ArticleIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -63,12 +68,14 @@ export declare const LazyIcon: {
     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>>>;
+    ChevronRightIcon: 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>>>;
     CircleInfoIcon: 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>>>;
     CodeIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     Collection30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    ColorizeIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ColorProfileStyleThemeIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ColumnIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     CommentIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -232,6 +239,7 @@ export declare const LazyIcon: {
     LineIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     LinkManagement30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     LinkManagementIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    LinkOffIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ListIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     LoadingIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & {
         backgroundColor?: string | undefined;
@@ -251,6 +259,7 @@ export declare const LazyIcon: {
     MenuImageMultiIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     MenuImageSingleIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     MergeIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    MinusIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     MobileFriendlyIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     MobilePhoneIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     MonitorAppIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;

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

@@ -12,6 +12,10 @@ export const LazyIcon = {
     AddRadiusIcon: lazy(() => import('../AddRadiusIcon').then(m => ({ default: m.AddRadiusIcon }))),
     AddShoppingCartIcon: lazy(() => import('../AddShoppingCartIcon').then(m => ({ default: m.AddShoppingCartIcon }))),
     AdjustIcon: lazy(() => import('../AdjustIcon').then(m => ({ default: m.AdjustIcon }))),
+    AlignCenterIcon: lazy(() => import('../AlignCenterIcon').then(m => ({ default: m.AlignCenterIcon }))),
+    AlignJustifyIcon: lazy(() => import('../AlignJustifyIcon').then(m => ({ default: m.AlignJustifyIcon }))),
+    AlignLeftIcon: lazy(() => import('../AlignLeftIcon').then(m => ({ default: m.AlignLeftIcon }))),
+    ALignRightIcon: lazy(() => import('../ALignRightIcon').then(m => ({ default: m.ALignRightIcon }))),
     AllDevicesIcon: lazy(() => import('../AllDevicesIcon').then(m => ({ default: m.AllDevicesIcon }))),
     AllJourneyChannelsIcon: lazy(() => import('../AllJourneyChannelsIcon').then(m => ({ default: m.AllJourneyChannelsIcon }))),
     AnalyticModels30Icon: lazy(() => import('../AnalyticModels30Icon').then(m => ({ default: m.AnalyticModels30Icon }))),
@@ -21,6 +25,7 @@ export const LazyIcon = {
     AnlysisIcon: lazy(() => import('../AnlysisIcon').then(m => ({ default: m.AnlysisIcon }))),
     AnlyticModelsIcon: lazy(() => import('../AnlyticModelsIcon').then(m => ({ default: m.AnlyticModelsIcon }))),
     AntsomiAIIcon: lazy(() => import('../AntsomiAIIcon').then(m => ({ default: m.AntsomiAIIcon }))),
+    ArrowDropDownIcon: lazy(() => import('../ArrowDropDownIcon').then(m => ({ default: m.ArrowDropDownIcon }))),
     ArrowGrowIcon: lazy(() => import('../ArrowGrowIcon').then(m => ({ default: m.ArrowGrowIcon }))),
     ArrowLineIcon: lazy(() => import('../ArrowLineIcon').then(m => ({ default: m.ArrowLineIcon }))),
     ArticleIcon: lazy(() => import('../ArticleIcon').then(m => ({ default: m.ArticleIcon }))),
@@ -69,12 +74,14 @@ 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 }))),
+    ChevronRightIcon: lazy(() => import('../ChevronRightIcon').then(m => ({ default: m.ChevronRightIcon }))),
     CircleAddElementIcon: lazy(() => import('../CircleAddElementIcon').then(m => ({ default: m.CircleAddElementIcon }))),
     CircleInfoIcon: lazy(() => import('../CircleInfoIcon').then(m => ({ default: m.CircleInfoIcon }))),
     CircleNotificationsIcon: lazy(() => import('../CircleNotificationsIcon').then(m => ({ default: m.CircleNotificationsIcon }))),
     CloseIcon: lazy(() => import('../CloseIcon').then(m => ({ default: m.CloseIcon }))),
     CodeIcon: lazy(() => import('../CodeIcon').then(m => ({ default: m.CodeIcon }))),
     Collection30Icon: lazy(() => import('../Collection30Icon').then(m => ({ default: m.Collection30Icon }))),
+    ColorizeIcon: lazy(() => import('../ColorizeIcon').then(m => ({ default: m.ColorizeIcon }))),
     ColorProfileStyleThemeIcon: lazy(() => import('../ColorProfileStyleThemeIcon').then(m => ({ default: m.ColorProfileStyleThemeIcon }))),
     ColumnIcon: lazy(() => import('../ColumnIcon').then(m => ({ default: m.ColumnIcon }))),
     CommentIcon: lazy(() => import('../CommentIcon').then(m => ({ default: m.CommentIcon }))),
@@ -235,6 +242,7 @@ export const LazyIcon = {
     LineIcon: lazy(() => import('../LineIcon').then(m => ({ default: m.LineIcon }))),
     LinkManagement30Icon: lazy(() => import('../LinkManagement30Icon').then(m => ({ default: m.LinkManagement30Icon }))),
     LinkManagementIcon: lazy(() => import('../LinkManagementIcon').then(m => ({ default: m.LinkManagementIcon }))),
+    LinkOffIcon: lazy(() => import('../LinkOffIcon').then(m => ({ default: m.LinkOffIcon }))),
     ListIcon: lazy(() => import('../ListIcon').then(m => ({ default: m.ListIcon }))),
     LoadingIcon: lazy(() => import('../LoadingIcon').then(m => ({ default: m.LoadingIcon }))),
     LocalMallIcon: lazy(() => import('../LocalMallIcon').then(m => ({ default: m.LocalMallIcon }))),
@@ -252,6 +260,7 @@ export const LazyIcon = {
     MenuImageMultiIcon: lazy(() => import('../MenuImageMultiIcon').then(m => ({ default: m.MenuImageMultiIcon }))),
     MenuImageSingleIcon: lazy(() => import('../MenuImageSingleIcon').then(m => ({ default: m.MenuImageSingleIcon }))),
     MergeIcon: lazy(() => import('../MergeIcon').then(m => ({ default: m.MergeIcon }))),
+    MinusIcon: lazy(() => import('../MinusIcon').then(m => ({ default: m.MinusIcon }))),
     MobileFriendlyIcon: lazy(() => import('../MobileFriendlyIcon').then(m => ({ default: m.MobileFriendlyIcon }))),
     MobilePhoneIcon: lazy(() => import('../MobilePhoneIcon').then(m => ({ default: m.MobilePhoneIcon }))),
     MonitorAppIcon: lazy(() => import('../MonitorAppIcon').then(m => ({ default: m.MonitorAppIcon }))),

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

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

package/es/components/icons/LinkOffIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const LinkOffIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M21.7338 20.4488C22.0886 20.8038 22.0888 21.3789 21.7338 21.7338C21.3789 22.0888 20.8038 22.0886 20.4488 21.7338L21.7338 20.4488ZM2 12.0006C2 10.554 2.57508 9.16568 3.59799 8.14276C4.16642 7.57438 4.8477 7.14486 5.58882 6.875L2.26633 3.55247L2.15048 3.40998C1.91716 3.05707 1.95555 2.57685 2.26633 2.26607C2.57711 1.95529 3.05732 1.91689 3.41023 2.15021L3.55271 2.26607L21.7338 20.4488L21.0907 21.0906L20.4488 21.7338L11.6239 12.9088H8.364C7.86207 12.9088 7.45471 12.5025 7.45447 12.0006C7.45447 11.4985 7.86193 11.0911 8.364 11.0911H9.80485L7.09493 8.37979C6.26264 8.46253 5.47964 8.83254 4.88304 9.42915C4.20138 10.1111 3.81905 11.0364 3.81905 12.0006C3.81916 12.9649 4.2012 13.8902 4.88304 14.5721C5.56488 15.2539 6.49022 15.636 7.45447 15.6361H9.27352L9.45596 15.6547C9.87039 15.7394 10.1817 16.1062 10.1817 16.5456C10.1817 16.9851 9.87039 17.3519 9.45596 17.4365L9.27352 17.4552H7.45447C6.00802 17.455 4.6208 16.88 3.59799 15.8572C2.57518 14.8343 2.00012 13.4471 2 12.0006ZM16.5457 6.54608C17.5584 6.54608 18.5512 6.82743 19.4128 7.35973C20.2744 7.89228 20.9719 8.65496 21.4249 9.56099C21.8778 10.4669 22.0685 11.4819 21.9775 12.4907C21.8865 13.4992 21.517 14.4624 20.9096 15.2725L20.7844 15.4084C20.468 15.6888 19.9879 15.7185 19.6365 15.455C19.2348 15.1537 19.1541 14.5836 19.4554 14.1819L19.5992 13.9742C19.9185 13.4802 20.1148 12.9152 20.1678 12.3269C20.2285 11.6543 20.0996 10.9773 19.7976 10.3733C19.4957 9.76978 19.032 9.26202 18.458 8.90714C17.8835 8.5521 17.221 8.36381 16.5457 8.36381H14.728C14.2259 8.36381 13.8185 7.95636 13.8185 7.45428C13.8187 6.95241 14.2261 6.54608 14.728 6.54608H16.5457Z", fill: "currentColor" }) }));
+});

package/es/components/icons/LoadingIcon.js

@@ -2,39 +2,39 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { useIcon } from './hooks/useIcon';
-const StyleSvg = styled.svg `
-  animation: 1.5s linear 0s infinite normal none running spin;
-
-  circle.circle {
-    stroke: currentcolor;
-    stroke-dasharray: 80px, 200px;
-    stroke-dashoffset: 0;
-    animation: 1.5s ease-in-out 0s infinite normal none running animation-loading;
-  }
-
-  @keyframes animation-loading {
-    0% {
-      stroke-dasharray: 1px, 200px;
-      stroke-dashoffset: 0;
-    }
-    50% {
-      stroke-dasharray: 100px, 200px;
-      stroke-dashoffset: -15px;
-    }
-    100% {
-      stroke-dasharray: 100px, 200px;
-      stroke-dashoffset: -118px;
-    }
-  }
-
-  @keyframes spin {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
+const StyleSvg = styled.svg `
+  animation: 1.5s linear 0s infinite normal none running spin;
+
+  circle.circle {
+    stroke: currentcolor;
+    stroke-dasharray: 80px, 200px;
+    stroke-dashoffset: 0;
+    animation: 1.5s ease-in-out 0s infinite normal none running animation-loading;
+  }
+
+  @keyframes animation-loading {
+    0% {
+      stroke-dasharray: 1px, 200px;
+      stroke-dashoffset: 0;
+    }
+    50% {
+      stroke-dasharray: 100px, 200px;
+      stroke-dashoffset: -15px;
+    }
+    100% {
+      stroke-dasharray: 100px, 200px;
+      stroke-dashoffset: -118px;
+    }
+  }
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
 `;
 export const LoadingIcon = forwardRef(({ backgroundColor, ...restOfProps }, ref) => {
     const { width, height } = useIcon(restOfProps);

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

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

package/es/components/icons/MinusIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const MinusIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M19 13H5V11H19V13Z", fill: "currentColor" }) }));
+});

package/es/components/icons/document/styled.js

@@ -1,46 +1,46 @@
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
 import styled from 'styled-components';
-export const IconGalleryStyled = styled.div `
-  .grid-container {
-    /* NOTE: I don't know why gutter of antd Row doesn't apply for row-gap */
-    /* row-gap: 16px; */
-    margin-top: 24px;
-    flex-wrap: wrap;
-  }
-
-  .grid-item {
-    width: calc((100% - 16px * 4) / 5);
-    flex-grow: 0;
-    flex-shrink: 0;
-
-    padding: 32px 16px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    gap: 8px;
-    border-radius: ${globalToken?.borderRadius}px;
-
-    cursor: pointer;
-    transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
-
-    span {
-      font-size: 14px;
-    }
-
-    &:hover {
-      background-color: ${globalToken?.colorPrimary};
-
-      svg {
-        transform: scale(1.2);
-      }
-      svg,
-      span {
-        transition: all 0.3s ease-in-out;
-        will-change: transform;
-        fill: white;
-        color: white;
-      }
-    }
-  }
+export const IconGalleryStyled = styled.div `
+  .grid-container {
+    /* NOTE: I don't know why gutter of antd Row doesn't apply for row-gap */
+    /* row-gap: 16px; */
+    margin-top: 24px;
+    flex-wrap: wrap;
+  }
+
+  .grid-item {
+    width: calc((100% - 16px * 4) / 5);
+    flex-grow: 0;
+    flex-shrink: 0;
+
+    padding: 32px 16px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    border-radius: ${globalToken?.borderRadius}px;
+
+    cursor: pointer;
+    transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
+
+    span {
+      font-size: 14px;
+    }
+
+    &:hover {
+      background-color: ${globalToken?.colorPrimary};
+
+      svg {
+        transform: scale(1.2);
+      }
+      svg,
+      span {
+        transition: all 0.3s ease-in-out;
+        will-change: transform;
+        fill: white;
+        color: white;
+      }
+    }
+  }
 `;

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

@@ -10,6 +10,10 @@ export { AddIcon } from './AddIcon';
 export { AddRadiusIcon } from './AddRadiusIcon';
 export { AddShoppingCartIcon } from './AddShoppingCartIcon';
 export { AdjustIcon } from './AdjustIcon';
+export { AlignCenterIcon } from './AlignCenterIcon';
+export { AlignJustifyIcon } from './AlignJustifyIcon';
+export { AlignLeftIcon } from './AlignLeftIcon';
+export { ALignRightIcon } from './ALignRightIcon';
 export { AllDevicesIcon } from './AllDevicesIcon';
 export { AllJourneyChannelsIcon } from './AllJourneyChannelsIcon';
 export { AnalyticModels30Icon } from './AnalyticModels30Icon';
@@ -19,6 +23,7 @@ export { AnalyticsIcon } from './AnalyticsIcon';
 export { AnlysisIcon } from './AnlysisIcon';
 export { AnlyticModelsIcon } from './AnlyticModelsIcon';
 export { AntsomiAIIcon } from './AntsomiAIIcon';
+export { ArrowDropDownIcon } from './ArrowDropDownIcon';
 export { ArrowGrowIcon } from './ArrowGrowIcon';
 export { ArrowLineIcon } from './ArrowLineIcon';
 export { ArticleIcon } from './ArticleIcon';
@@ -61,12 +66,14 @@ export { CheckboxUnchecked5RadiusIcon } from './CheckboxUnchecked5RadiusIcon';
 export { CheckboxUncheckedIcon } from './CheckboxUncheckedIcon';
 export { ChecklistRtlIcon } from './ChecklistRtlIcon';
 export { CheckSlimIcon } from './CheckSlimIcon';
+export { ChevronRightIcon } from './ChevronRightIcon';
 export { CircleAddElementIcon } from './CircleAddElementIcon';
 export { CircleInfoIcon } from './CircleInfoIcon';
 export { CircleNotificationsIcon } from './CircleNotificationsIcon';
 export { CloseIcon } from './CloseIcon';
 export { CodeIcon } from './CodeIcon';
 export { Collection30Icon } from './Collection30Icon';
+export { ColorizeIcon } from './ColorizeIcon';
 export { ColorProfileStyleThemeIcon } from './ColorProfileStyleThemeIcon';
 export { ColumnIcon } from './ColumnIcon';
 export { CommentIcon } from './CommentIcon';
@@ -227,6 +234,7 @@ export { LibraryIcon } from './LibraryIcon';
 export { LineIcon } from './LineIcon';
 export { LinkManagement30Icon } from './LinkManagement30Icon';
 export { LinkManagementIcon } from './LinkManagementIcon';
+export { LinkOffIcon } from './LinkOffIcon';
 export { ListIcon } from './ListIcon';
 export { LoadingIcon } from './LoadingIcon';
 export { LocalMallIcon } from './LocalMallIcon';
@@ -244,6 +252,7 @@ export { MenuExpandIcon } from './MenuExpandIcon';
 export { MenuImageMultiIcon } from './MenuImageMultiIcon';
 export { MenuImageSingleIcon } from './MenuImageSingleIcon';
 export { MergeIcon } from './MergeIcon';
+export { MinusIcon } from './MinusIcon';
 export { MobileFriendlyIcon } from './MobileFriendlyIcon';
 export { MobilePhoneIcon } from './MobilePhoneIcon';
 export { MonitorAppIcon } from './MonitorAppIcon';

package/es/components/icons/index.js

@@ -10,6 +10,10 @@ export { AddIcon } from './AddIcon';
 export { AddRadiusIcon } from './AddRadiusIcon';
 export { AddShoppingCartIcon } from './AddShoppingCartIcon';
 export { AdjustIcon } from './AdjustIcon';
+export { AlignCenterIcon } from './AlignCenterIcon';
+export { AlignJustifyIcon } from './AlignJustifyIcon';
+export { AlignLeftIcon } from './AlignLeftIcon';
+export { ALignRightIcon } from './ALignRightIcon';
 export { AllDevicesIcon } from './AllDevicesIcon';
 export { AllJourneyChannelsIcon } from './AllJourneyChannelsIcon';
 export { AnalyticModels30Icon } from './AnalyticModels30Icon';
@@ -19,6 +23,7 @@ export { AnalyticsIcon } from './AnalyticsIcon';
 export { AnlysisIcon } from './AnlysisIcon';
 export { AnlyticModelsIcon } from './AnlyticModelsIcon';
 export { AntsomiAIIcon } from './AntsomiAIIcon';
+export { ArrowDropDownIcon } from './ArrowDropDownIcon';
 export { ArrowGrowIcon } from './ArrowGrowIcon';
 export { ArrowLineIcon } from './ArrowLineIcon';
 export { ArticleIcon } from './ArticleIcon';
@@ -61,12 +66,14 @@ export { CheckboxUnchecked5RadiusIcon } from './CheckboxUnchecked5RadiusIcon';
 export { CheckboxUncheckedIcon } from './CheckboxUncheckedIcon';
 export { ChecklistRtlIcon } from './ChecklistRtlIcon';
 export { CheckSlimIcon } from './CheckSlimIcon';
+export { ChevronRightIcon } from './ChevronRightIcon';
 export { CircleAddElementIcon } from './CircleAddElementIcon';
 export { CircleInfoIcon } from './CircleInfoIcon';
 export { CircleNotificationsIcon } from './CircleNotificationsIcon';
 export { CloseIcon } from './CloseIcon';
 export { CodeIcon } from './CodeIcon';
 export { Collection30Icon } from './Collection30Icon';
+export { ColorizeIcon } from './ColorizeIcon';
 export { ColorProfileStyleThemeIcon } from './ColorProfileStyleThemeIcon';
 export { ColumnIcon } from './ColumnIcon';
 export { CommentIcon } from './CommentIcon';
@@ -227,6 +234,7 @@ export { LibraryIcon } from './LibraryIcon';
 export { LineIcon } from './LineIcon';
 export { LinkManagement30Icon } from './LinkManagement30Icon';
 export { LinkManagementIcon } from './LinkManagementIcon';
+export { LinkOffIcon } from './LinkOffIcon';
 export { ListIcon } from './ListIcon';
 export { LoadingIcon } from './LoadingIcon';
 export { LocalMallIcon } from './LocalMallIcon';
@@ -244,6 +252,7 @@ export { MenuExpandIcon } from './MenuExpandIcon';
 export { MenuImageMultiIcon } from './MenuImageMultiIcon';
 export { MenuImageSingleIcon } from './MenuImageSingleIcon';
 export { MergeIcon } from './MergeIcon';
+export { MinusIcon } from './MinusIcon';
 export { MobileFriendlyIcon } from './MobileFriendlyIcon';
 export { MobilePhoneIcon } from './MobilePhoneIcon';
 export { MonitorAppIcon } from './MonitorAppIcon';

package/es/components/index.scss

@@ -1 +1,2 @@
-@use './organism';
+@use './organism';
+@use './molecules';