@antscorp/antsomi-ui 1.3.5-alpha.1 → 1.3.5-alpha.10

package/es/components/atoms/Alert/Alert.js

@@ -9,28 +9,30 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var _a, _b, _c, _d;
 // Libraries
 import React from 'react';
 import styled from 'styled-components';
 import { Alert as AntdAlert } from 'antd';
 // Constants
-import { globalToken, THEME } from '@antscorp/antsomi-ui/es/constants';
+import { globalToken } from '@antscorp/antsomi-ui/es/constants';
 import clsx from 'clsx';
 import { WarningIcon } from '@antscorp/antsomi-ui/es/components/icons';
 export const AlertStyled = styled(AntdAlert) `
   padding: 15px !important;
-  font-size: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.fontSize}px;
+  font-size: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.fontSize}px;
   box-sizing: border-box;
   gap: 15px;
 
   /* .antsomi-alert-message {
-    color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorTextBase} !important;
+    color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.colorTextBase} !important;
   } */
 
   &.antsomi-alert-info {
-    background-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.bw1};
-    border-color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.bw1};
+    background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw1};
+    border-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.blue1};
+    svg {
+      color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.blue7};
+    }
   }
 
   &.antsomi-alert-outline {

package/es/components/atoms/Avatar/Avatar.d.ts

@@ -0,0 +1,2 @@
+export { Avatar } from 'antd';
+export type { AvatarProps } from 'antd';

package/es/components/atoms/Avatar/Avatar.js

@@ -0,0 +1 @@
+export { Avatar } from 'antd';

package/es/components/atoms/Avatar/index.d.ts

@@ -0,0 +1 @@
+export * from './Avatar';

package/es/components/atoms/Avatar/index.js

@@ -0,0 +1 @@
+export * from './Avatar';

package/es/components/atoms/Image/Image.d.ts

@@ -0,0 +1,2 @@
+export { Image } from 'antd';
+export type { ImageProps } from 'antd';

package/es/components/atoms/Image/Image.js

@@ -0,0 +1 @@
+export { Image } from 'antd';

package/es/components/atoms/Image/index.d.ts

@@ -0,0 +1 @@
+export * from './Image';

package/es/components/atoms/Image/index.js

@@ -0,0 +1 @@
+export * from './Image';

package/es/components/atoms/Tag/Tag.d.ts

@@ -1 +1,2 @@
-export { Tag } from 'antd';
+import { TagType } from 'antd/lib';
+export declare const Tag: TagType;

package/es/components/atoms/Tag/Tag.js

@@ -1 +1,35 @@
-export { Tag } from 'antd';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Libraries
+import React from 'react';
+import { Tag as AntdTag } from 'antd';
+import styled from 'styled-components';
+// Icons
+import { CloseIcon } from '../../icons';
+// Constants
+import { globalToken } from '@antscorp/antsomi-ui/es/constants';
+const CloseBtn = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  background-color: #fff;
+  border-radius: 100%;
+`;
+const OriginTag = props => {
+    const { closable = false, closeIcon = (React.createElement(CloseBtn, null,
+        React.createElement(CloseIcon, { size: 14, color: globalToken === null || globalToken === void 0 ? void 0 : globalToken.colorPrimary }))) } = props, restOfProps = __rest(props, ["closable", "closeIcon"]);
+    return React.createElement(AntdTag, Object.assign({}, restOfProps, { closable: closable, closeIcon: closable ? closeIcon : null }));
+};
+export const Tag = OriginTag;
+Tag.CheckableTag = AntdTag.CheckableTag;

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

@@ -30,6 +30,7 @@ export { Rate } from './Rate';
 export { SliderV2 } from './SliderV2';
 export { InputDynamic } from './InputDynamic';
 export { ContentEditable } from './ContentEditable';
+export { Image } from './Image';
 export * from './Flex';
 export * from './PreviewTabs';
 export * from './MobileFrame';
@@ -42,6 +43,8 @@ export * from './Button';
 export * from './RateV2';
 export * from './Popover';
 export * from './Iframe';
+export * from './Avatar';
 export type { SliderProps } from './Slider';
 export type { PaginationProps } from './Pagination';
 export type { InputDynamicProps } from './InputDynamic';
+export type { ImageProps } from './Image';

package/es/components/atoms/index.js

@@ -30,6 +30,7 @@ export { Rate } from './Rate';
 export { SliderV2 } from './SliderV2';
 export { InputDynamic } from './InputDynamic';
 export { ContentEditable } from './ContentEditable';
+export { Image } from './Image';
 export * from './Flex';
 export * from './PreviewTabs';
 export * from './MobileFrame';
@@ -42,3 +43,4 @@ export * from './Button';
 export * from './RateV2';
 export * from './Popover';
 export * from './Iframe';
+export * from './Avatar';

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

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

package/es/components/icons/AccountCircleOutlineIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const AccountCircleOutlineIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M15 5.01562C20.5312 5.01562 24.9844 9.46875 24.9844 15C24.9844 20.5312 20.5312 24.9844 15 24.9844C9.46875 24.9844 5.01562 20.5312 5.01562 15C5.01562 9.46875 9.46875 5.01562 15 5.01562ZM10.3594 21.5156C11.6719 22.4531 13.2656 23.0156 15 23.0156C16.7344 23.0156 18.3281 22.4531 19.6406 21.5156C18.3281 20.5781 16.7344 20.0156 15 20.0156C13.2656 20.0156 11.6719 20.5781 10.3594 21.5156ZM21.1406 20.1094C22.3125 18.75 23.0156 16.9688 23.0156 15C23.0156 10.5938 19.4062 6.98438 15 6.98438C10.5938 6.98438 6.98438 10.5938 6.98438 15C6.98438 16.9688 7.6875 18.75 8.85938 20.1094C10.5469 18.7969 12.7031 18 15 18C17.2969 18 19.4531 18.7969 21.1406 20.1094ZM15 9C16.9219 9 18.5156 10.5469 18.5156 12.5156C18.5156 14.4375 16.9219 15.9844 15 15.9844C13.0781 15.9844 11.4844 14.4375 11.4844 12.5156C11.4844 10.5469 13.0781 9 15 9ZM15 14.0156C15.8438 14.0156 16.5 13.3125 16.5 12.5156C16.5 11.6719 15.8438 11.0156 15 11.0156C14.1562 11.0156 13.5 11.6719 13.5 12.5156C13.5 13.3125 14.1562 14.0156 15 14.0156Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/AccountSharing30Icon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const AccountSharing30Icon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.8223 4.64648C14.5762 4.64648 16.8027 6.93164 16.8027 9.68555C16.8027 12.4395 14.5762 14.666 11.8223 14.666C9.06836 14.666 6.8418 12.4395 6.8418 9.68555C6.8418 6.93164 9.06836 4.64648 11.8223 4.64648ZM11.8223 7.16602C10.4746 7.16602 9.30273 8.2793 9.30273 9.68555C9.30273 11.0332 10.4746 12.1465 11.8223 12.1465C13.1699 12.1465 14.3418 11.0332 14.3418 9.68555C14.3418 8.2793 13.1699 7.16602 11.8223 7.16602ZM11.8223 19.6465C8.48242 19.6465 4.61523 21.2871 4.32227 22.166H12.7221C12.368 23.0026 12.1094 23.8548 11.9213 24.6855H1.80273V22.166C1.80273 18.8262 8.48242 17.1855 11.8223 17.1855C12.9653 17.1855 14.4994 17.3777 16.0232 17.7644C15.5236 18.1524 15.07 18.581 14.6604 19.044C14.4305 19.3039 14.2168 19.572 14.0181 19.8466C13.2913 19.7209 12.5462 19.6465 11.8223 19.6465ZM22.8223 14.666V17.541C17.6348 18.2285 15.5723 21.791 14.8223 25.3535C16.6973 22.8535 19.1348 21.7285 22.8223 21.7285V24.666L28.1973 19.666L22.8223 14.666Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/AccountSharingIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const AccountSharingIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.8223 4.64648C14.5762 4.64648 16.8027 6.93164 16.8027 9.68555C16.8027 12.4395 14.5762 14.666 11.8223 14.666C9.06836 14.666 6.8418 12.4395 6.8418 9.68555C6.8418 6.93164 9.06836 4.64648 11.8223 4.64648ZM11.8223 7.16602C10.4746 7.16602 9.30273 8.2793 9.30273 9.68555C9.30273 11.0332 10.4746 12.1465 11.8223 12.1465C13.1699 12.1465 14.3418 11.0332 14.3418 9.68555C14.3418 8.2793 13.1699 7.16602 11.8223 7.16602ZM11.8223 19.6465C8.48242 19.6465 4.61523 21.2871 4.32227 22.166H12.7221C12.368 23.0026 12.1094 23.8548 11.9213 24.6855H1.80273V22.166C1.80273 18.8262 8.48242 17.1855 11.8223 17.1855C12.9653 17.1855 14.4994 17.3777 16.0232 17.7644C15.5236 18.1524 15.07 18.581 14.6604 19.044C14.4305 19.3039 14.2168 19.572 14.0181 19.8466C13.2913 19.7209 12.5462 19.6465 11.8223 19.6465ZM22.8223 14.666V17.541C17.6348 18.2285 15.5723 21.791 14.8223 25.3535C16.6973 22.8535 19.1348 21.7285 22.8223 21.7285V24.666L28.1973 19.666L22.8223 14.666Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/AccountTreeIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const AccountTreeIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M24.9844 14.0156H18V11.0156H15.9844V18.9844H18V15.9844H24.9844V24H18V21H14.0156V11.0156H12V14.0156H5.01562V6H12V9H18V6H24.9844V14.0156ZM9.98438 12V8.01562H6.98438V12H9.98438ZM20.0156 18V21.9844H23.0156V18H20.0156ZM20.0156 8.01562V12H23.0156V8.01562H20.0156Z", fill: "currentColor" })));
+});

package/es/components/icons/{RenameEditIcon.d.ts → Accounts30Icon.d.ts}

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

package/es/components/icons/Accounts30Icon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const Accounts30Icon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M11.25 17.168C14.1797 17.168 19.9805 18.6328 19.9805 21.5625V23.7305H2.51953V21.5625C2.51953 18.6328 8.32031 17.168 11.25 17.168ZM5.44922 21.2695H17.0508C15.9961 20.5078 13.4766 19.6875 11.25 19.6875C9.02344 19.6875 6.50391 20.5078 5.44922 21.2695ZM11.25 15C8.84766 15 6.85547 13.0664 6.85547 10.6055C6.85547 8.20312 8.84766 6.26953 11.25 6.26953C13.6523 6.26953 15.6445 8.20312 15.6445 10.6055C15.6445 13.0664 13.6523 15 11.25 15ZM11.25 8.73047C10.1953 8.73047 9.375 9.60938 9.375 10.6055C9.375 11.6602 10.1953 12.4805 11.25 12.4805C12.3047 12.4805 13.125 11.6602 13.125 10.6055C13.125 9.60938 12.3047 8.73047 11.25 8.73047ZM20.0391 17.2852C23.1445 17.5781 27.4805 19.043 27.4805 21.5625V23.7305H22.5V21.5625C22.5 19.6875 21.5039 18.3398 20.0391 17.2852ZM18.75 15C18.0469 15 17.4609 14.8242 16.875 14.5898C17.6367 13.4766 18.1055 12.0703 18.1055 10.6055C18.1055 9.14062 17.6367 7.79297 16.875 6.67969C17.4609 6.38672 18.0469 6.26953 18.75 6.26953C21.1523 6.26953 23.1445 8.20312 23.1445 10.6055C23.1445 13.0664 21.1523 15 18.75 15Z", fill: "currentColor" })));
+});

package/es/components/icons/AllJourneyChannelsIcon.js

@@ -2,6 +2,6 @@ import React, { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const AllJourneyChannelsIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { d: "M20.0156 2.01562C20.5469 2.01562 21 2.21875 21.375 2.625C21.7812 3 21.9844 3.45312 21.9844 3.98438V20.0156C21.9844 20.5469 21.7812 21.0156 21.375 21.4219C21 21.7969 20.5469 21.9844 20.0156 21.9844H3.98438C3.45312 21.9844 2.98438 21.7969 2.57812 21.4219C2.20312 21.0156 2.01562 20.5469 2.01562 20.0156V3.98438C2.01562 3.45312 2.20312 3 2.57812 2.625C2.98438 2.21875 3.45312 2.01562 3.98438 2.01562H20.0156ZM20.0156 11.0156V3.98438H12.9844V11.0156H20.0156ZM11.0156 3.98438H3.98438V11.0156H11.0156V3.98438ZM3.98438 12.9844V20.0156H11.0156V12.9844H3.98438ZM12.9844 20.0156H20.0156V12.9844H12.9844V20.0156Z" })));
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M23.0156 5.01562C23.5469 5.01562 24 5.21875 24.375 5.625C24.7812 6 24.9844 6.45313 24.9844 6.98438V23.0156C24.9844 23.5469 24.7812 24.0156 24.375 24.4219C24 24.7969 23.5469 24.9844 23.0156 24.9844H6.98438C6.45312 24.9844 5.98438 24.7969 5.57812 24.4219C5.20312 24.0156 5.01562 23.5469 5.01562 23.0156V6.98438C5.01562 6.45313 5.20312 6 5.57812 5.625C5.98438 5.21875 6.45312 5.01562 6.98438 5.01562H23.0156ZM23.0156 14.0156V6.98438H15.9844V14.0156H23.0156ZM14.0156 6.98438H6.98438V14.0156H14.0156V6.98438ZM6.98438 15.9844V23.0156H14.0156V15.9844H6.98438ZM15.9844 23.0156H23.0156V15.9844H15.9844V23.0156Z", fill: "currentColor" })));
 });

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

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

package/es/components/icons/AnalyticModels30Icon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const AnalyticModels30Icon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26 4H21V6H18V7V14H16V15H18V22V23H19H21V25H26V20H21V22H19V15H21V17H26V12H21V14H19V7H21V9H26V4ZM10 14.878L15 12V17.838L10 20.621V14.878ZM9 20.621L4 17.838V12L9 14.878V20.621ZM4 10.495L9.49402 7.32898L15 10.5L9.61401 13.6L4 10.495Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/AnalyticModelsIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const AnalyticModelsIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26 4H21V6H18V7V14H16V15H18V22V23H19H21V25H26V20H21V22H19V15H21V17H26V12H21V14H19V7H21V9H26V4ZM10 14.878L15 12V17.838L10 20.621V14.878ZM9 20.621L4 17.838V12L9 14.878V20.621ZM4 10.495L9.49402 7.32898L15 10.5L9.61401 13.6L4 10.495Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/Analytics30Icon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const Analytics30Icon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M23.7305 3.75C25.1367 3.75 26.25 4.86328 26.25 6.26953V23.7305C26.25 25.1367 25.1367 26.25 23.7305 26.25H6.26953C4.86328 26.25 3.75 25.1367 3.75 23.7305V6.26953C3.75 4.86328 4.86328 3.75 6.26953 3.75H23.7305ZM23.7305 23.7305V6.26953H6.26953V23.7305H23.7305ZM8.73047 15V21.2695H11.25V15H8.73047ZM18.75 8.73047V21.2695H21.2695V8.73047H18.75ZM13.7695 17.5195V21.2695H16.2305V17.5195H13.7695ZM13.7695 12.4805V15H16.2305V12.4805H13.7695Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/AnalyticsIcon.js

@@ -0,0 +1,14 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const AnalyticsIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24", viewBox: "0 0 24 24", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("g", null,
+            React.createElement("rect", { fill: "none", height: "24", width: "24" }),
+            React.createElement("g", null,
+                React.createElement("path", { d: "M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V5h14V19z" }),
+                React.createElement("rect", { height: "5", width: "2", x: "7", y: "12" }),
+                React.createElement("rect", { height: "10", width: "2", x: "15", y: "7" }),
+                React.createElement("rect", { height: "3", width: "2", x: "11", y: "14" }),
+                React.createElement("rect", { height: "2", width: "2", x: "11", y: "10" })))));
+});

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

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

package/es/components/icons/AnlysisIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const AnlysisIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26 13C27.6569 13 29 11.6569 29 10C29 8.34315 27.6569 7 26 7C24.3431 7 23 8.34315 23 10C23 10.6707 23.2201 11.2899 23.5919 11.7895L19.8628 16.1259C19.5895 16.044 19.2999 16 19 16C18.2136 16 17.4979 16.3026 16.963 16.7976L14.6719 15.3657C14.8816 14.956 15 14.4918 15 14C15 12.3431 13.6569 11 12 11C10.3431 11 9 12.3431 9 14C9 14.4184 9.08564 14.8167 9.24034 15.1785L5.85038 17.6385C5.34064 17.2385 4.69817 17 4 17C2.34315 17 1 18.3431 1 20C1 21.6569 2.34315 23 4 23C5.65685 23 7 21.6569 7 20C7 19.7696 6.97403 19.5453 6.92487 19.3298L10.6072 16.6578C11.0234 16.8763 11.4973 17 12 17C12.4069 17 12.7949 16.919 13.1487 16.7722L16.0301 18.5731C16.0103 18.7125 16 18.8551 16 19C16 20.6569 17.3431 22 19 22C20.6569 22 22 20.6569 22 19C22 18.3741 21.8083 17.793 21.4805 17.3121L25.2664 12.9097C25.5012 12.9687 25.7469 13 26 13ZM26 11C26.5523 11 27 10.5523 27 10C27 9.44772 26.5523 9 26 9C25.4477 9 25 9.44772 25 10C25 10.5523 25.4477 11 26 11ZM12 15C12.5523 15 13 14.5523 13 14C13 13.4477 12.5523 13 12 13C11.4477 13 11 13.4477 11 14C11 14.5523 11.4477 15 12 15ZM4 21C4.55228 21 5 20.5523 5 20C5 19.4477 4.55228 19 4 19C3.44772 19 3 19.4477 3 20C3 20.5523 3.44772 21 4 21ZM20 19C20 19.5523 19.5523 20 19 20C18.4477 20 18 19.5523 18 19C18 18.4477 18.4477 18 19 18C19.5523 18 20 18.4477 20 19Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/AnlyticModelsIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const AnlyticModelsIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26 4H21V6H18V7V14H16V15H18V22V23H19H21V25H26V20H21V22H19V15H21V17H26V12H21V14H19V7H21V9H26V4ZM10 14.878L15 12V17.838L10 20.621V14.878ZM9 20.621L4 17.838V12L9 14.878V20.621ZM4 10.495L9.49402 7.32898L15 10.5L9.61401 13.6L4 10.495Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/ArticleIcon.js

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ArticleIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("rect", { x: "7", y: "2", width: "16", height: "16", rx: "2", stroke: "#595959", strokeWidth: "2" }),
+        React.createElement("rect", { x: "10", y: "5", width: "10", height: "2", fill: "#EF3340" }),
+        React.createElement("rect", { x: "10", y: "9", width: "10", height: "2", fill: "#005EB8" }),
+        React.createElement("rect", { x: "10", y: "13", width: "7", height: "2", fill: "#7F7F7F" })));
+});

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

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

package/es/components/icons/BatchStreaming30Icon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const BatchStreaming30Icon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 6C18 4.89543 18.8954 4 20 4C21.1046 4 22 4.89543 22 6C22 7.10457 21.1046 8 20 8C18.8954 8 18 7.10457 18 6ZM9 5C8.44772 5 8 5.44772 8 6C8 6.55228 8.44772 7 9 7H15C15.5523 7 16 6.55228 16 6C16 5.44772 15.5523 5 15 5H9ZM6.5 9C5.67157 9 5 9.67157 5 10.5C5 11.3284 5.67157 12 6.5 12H23.5C24.3284 12 25 11.3284 25 10.5C25 9.67157 24.3284 9 23.5 9H6.5ZM20 13C18.8954 13 18 13.8954 18 15C18 16.1046 18.8954 17 20 17C21.1046 17 22 16.1046 22 15C22 13.8954 21.1046 13 20 13ZM18 24C18 22.8954 18.8954 22 20 22C21.1046 22 22 22.8954 22 24C22 25.1046 21.1046 26 20 26C18.8954 26 18 25.1046 18 24ZM9 14C8.44772 14 8 14.4477 8 15C8 15.5523 8.44772 16 9 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H9ZM8 24C8 23.4477 8.44772 23 9 23H15C15.5523 23 16 23.4477 16 24C16 24.5523 15.5523 25 15 25H9C8.44772 25 8 24.5523 8 24ZM6.5 18C5.67157 18 5 18.6716 5 19.5C5 20.3284 5.67157 21 6.5 21H23.5C24.3284 21 25 20.3284 25 19.5C25 18.6716 24.3284 18 23.5 18H6.5Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/BatchStreamingIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const BatchStreamingIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 6C18 4.89543 18.8954 4 20 4C21.1046 4 22 4.89543 22 6C22 7.10457 21.1046 8 20 8C18.8954 8 18 7.10457 18 6ZM9 5C8.44772 5 8 5.44772 8 6C8 6.55228 8.44772 7 9 7H15C15.5523 7 16 6.55228 16 6C16 5.44772 15.5523 5 15 5H9ZM6.5 9C5.67157 9 5 9.67157 5 10.5C5 11.3284 5.67157 12 6.5 12H23.5C24.3284 12 25 11.3284 25 10.5C25 9.67157 24.3284 9 23.5 9H6.5ZM20 13C18.8954 13 18 13.8954 18 15C18 16.1046 18.8954 17 20 17C21.1046 17 22 16.1046 22 15C22 13.8954 21.1046 13 20 13ZM18 24C18 22.8954 18.8954 22 20 22C21.1046 22 22 22.8954 22 24C22 25.1046 21.1046 26 20 26C18.8954 26 18 25.1046 18 24ZM9 14C8.44772 14 8 14.4477 8 15C8 15.5523 8.44772 16 9 16H15C15.5523 16 16 15.5523 16 15C16 14.4477 15.5523 14 15 14H9ZM8 24C8 23.4477 8.44772 23 9 23H15C15.5523 23 16 23.4477 16 24C16 24.5523 15.5523 25 15 25H9C8.44772 25 8 24.5523 8 24ZM6.5 18C5.67157 18 5 18.6716 5 19.5C5 20.3284 5.67157 21 6.5 21H23.5C24.3284 21 25 20.3284 25 19.5C25 18.6716 24.3284 18 23.5 18H6.5Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/BusinessObjects30Icon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const BusinessObjects30Icon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 6C10 7.65685 8.65685 9 7 9C5.34315 9 4 7.65685 4 6C4 4.34315 5.34315 3 7 3C8.65685 3 10 4.34315 10 6ZM15 4H16V8H14V6H11V4H15ZM6 16V19H4V16V14H8V16H6ZM26 16V15V11H24V14H22V16H26ZM16.001 24H19.001V26H16.001H14.001V22H16.001V24ZM3 23C3 24.6569 4.34315 26 6 26C7.65685 26 9 24.6569 9 23C9 21.3431 7.65685 20 6 20C4.34315 20 3 21.3431 3 23ZM27 7C27 8.65685 25.6569 10 24 10C22.3431 10 21 8.65685 21 7C21 5.34315 22.3431 4 24 4C25.6569 4 27 5.34315 27 7ZM23 27C24.6569 27 26 25.6569 26 24C26 22.3431 24.6569 21 23 21C21.3431 21 20 22.3431 20 24C20 25.6569 21.3431 27 23 27ZM12 10H18C19.1046 10 20 10.8954 20 12V18C20 19.1046 19.1046 20 18 20H12C10.8954 20 10 19.1046 10 18V12C10 10.8954 10.8954 10 12 10Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/BussinessObjectsIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const BussinessObjectsIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 6C10 7.65685 8.65685 9 7 9C5.34315 9 4 7.65685 4 6C4 4.34315 5.34315 3 7 3C8.65685 3 10 4.34315 10 6ZM15 4H16V8H14V6H11V4H15ZM6 16V19H4V16V14H8V16H6ZM26 16V15V11H24V14H22V16H26ZM16.001 24H19.001V26H16.001H14.001V22H16.001V24ZM3 23C3 24.6569 4.34315 26 6 26C7.65685 26 9 24.6569 9 23C9 21.3431 7.65685 20 6 20C4.34315 20 3 21.3431 3 23ZM27 7C27 8.65685 25.6569 10 24 10C22.3431 10 21 8.65685 21 7C21 5.34315 22.3431 4 24 4C25.6569 4 27 5.34315 27 7ZM23 27C24.6569 27 26 25.6569 26 24C26 22.3431 24.6569 21 23 21C21.3431 21 20 22.3431 20 24C20 25.6569 21.3431 27 23 27ZM12 10H18C19.1046 10 20 10.8954 20 12V18C20 19.1046 19.1046 20 18 20H12C10.8954 20 10 19.1046 10 18V12C10 10.8954 10.8954 10 12 10Z", fill: "currentColor" })));
+});

package/es/components/icons/CalendarIcon.js

@@ -2,6 +2,6 @@ import React, { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const CalendarIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("path", { d: "M18.9844 18.9844V8.01562H5.01562V18.9844H18.9844ZM15.9844 0.984375H18V3H18.9844C19.5156 3 19.9844 3.20312 20.3906 3.60938C20.7969 4.01563 21 4.48438 21 5.01562V18.9844C21 19.5156 20.7969 19.9844 20.3906 20.3906C19.9844 20.7969 19.5156 21 18.9844 21H5.01562C4.45312 21 3.96875 20.8125 3.5625 20.4375C3.1875 20.0312 3 19.5469 3 18.9844V5.01562C3 4.48438 3.1875 4.01563 3.5625 3.60938C3.96875 3.20312 4.45312 3 5.01562 3H6V0.984375H8.01562V3H15.9844V0.984375ZM17.0156 12V17.0156H12V12H17.0156Z" })));
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M21.9844 21.9844V11.0156H8.01562V21.9844H21.9844ZM18.9844 3.98438H21V6H21.9844C22.5156 6 22.9844 6.20312 23.3906 6.60938C23.7969 7.01563 24 7.48438 24 8.01562V21.9844C24 22.5156 23.7969 22.9844 23.3906 23.3906C22.9844 23.7969 22.5156 24 21.9844 24H8.01562C7.45312 24 6.96875 23.8125 6.5625 23.4375C6.1875 23.0312 6 22.5469 6 21.9844V8.01562C6 7.48438 6.1875 7.01563 6.5625 6.60938C6.96875 6.20312 7.45312 6 8.01562 6H9V3.98438H11.0156V6H18.9844V3.98438ZM20.0156 15V20.0156H15V15H20.0156Z", fill: "currentColor" })));
 });

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

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

package/es/components/icons/CampaignIcon.js

@@ -0,0 +1,13 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CampaignIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24", viewBox: "0 0 24 24", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("g", null,
+            React.createElement("rect", { fill: "currentColor" })),
+        React.createElement("path", { d: "M18,11c0,0.67,0,1.33,0,2c1.2,0,2.76,0,4,0c0-0.67,0-1.33,0-2C20.76,11,19.2,11,18,11z" }),
+        React.createElement("path", { d: "M16,17.61c0.96,0.71,2.21,1.65,3.2,2.39c0.4-0.53,0.8-1.07,1.2-1.6c-0.99-0.74-2.24-1.68-3.2-2.4 C16.8,16.54,16.4,17.08,16,17.61z" }),
+        React.createElement("path", { d: "M20.4,5.6C20,5.07,19.6,4.53,19.2,4c-0.99,0.74-2.24,1.68-3.2,2.4c0.4,0.53,0.8,1.07,1.2,1.6 C18.16,7.28,19.41,6.35,20.4,5.6z" }),
+        React.createElement("path", { d: "M4,9c-1.1,0-2,0.9-2,2v2c0,1.1,0.9,2,2,2h1v4h2v-4h1l5,3V6L8,9H4z M9.03,10.71L11,9.53v4.94l-1.97-1.18L8.55,13H8H4v-2h4 h0.55L9.03,10.71z" }),
+        React.createElement("path", { d: "M15.5,12c0-1.33-0.58-2.53-1.5-3.35v6.69C14.92,14.53,15.5,13.33,15.5,12z" })));
+});

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

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

package/es/components/icons/CampaignMenuIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CampaignMenuIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M21 14.0156H24.9844V15.9844H21V14.0156ZM18.9844 20.625C19.2031 20.3438 19.4062 20.0781 19.5938 19.8281C19.8125 19.5469 20.0156 19.2656 20.2031 18.9844C20.6719 19.3594 21.1875 19.7656 21.75 20.2031C22.3438 20.6406 22.8906 21.0469 23.3906 21.4219C23.2031 21.6719 23 21.9375 22.7812 22.2188C22.5938 22.4688 22.4062 22.7344 22.2188 23.0156C21.7188 22.6406 21.1719 22.2344 20.5781 21.7969C20.0156 21.3594 19.4844 20.9688 18.9844 20.625ZM23.3906 8.57812C22.8906 8.95312 22.3438 9.35938 21.75 9.79688C21.1875 10.2344 20.6719 10.6406 20.2031 11.0156C20.0156 10.7344 19.8125 10.4688 19.5938 10.2188C19.4062 9.9375 19.2031 9.67188 18.9844 9.42188C19.4844 9.04688 20.0156 8.64062 20.5781 8.20312C21.1719 7.76563 21.7188 7.35938 22.2188 6.98438C22.4062 7.26562 22.5938 7.54688 22.7812 7.82812C23 8.07812 23.2031 8.32812 23.3906 8.57812ZM6.98438 12H11.0156L15.9844 9V21L11.0156 18H9.98438V21.9844H8.01562V18H6.98438C6.45312 18 5.98438 17.8125 5.57812 17.4375C5.20312 17.0312 5.01562 16.5469 5.01562 15.9844V14.0156C5.01562 13.4531 5.20312 12.9844 5.57812 12.6094C5.98438 12.2031 6.45312 12 6.98438 12ZM18.5156 15C18.5156 15.6562 18.375 16.2812 18.0938 16.875C17.8125 17.4375 17.4531 17.9219 17.0156 18.3281V11.6719C17.4531 12.0781 17.8125 12.5781 18.0938 13.1719C18.375 13.7344 18.5156 14.3438 18.5156 15Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/ChecklistRtlIcon.js

@@ -0,0 +1,8 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ChecklistRtlIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24", viewBox: "0 0 24 24", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("rect", { fill: "currentColor" }),
+        React.createElement("path", { d: "M11,7H2v2h9V7z M11,15H2v2h9V15z M16.34,11l-3.54-3.54l1.41-1.41l2.12,2.12l4.24-4.24L22,5.34L16.34,11z M16.34,19 l-3.54-3.54l1.41-1.41l2.12,2.12l4.24-4.24L22,13.34L16.34,19z" })));
+});

package/es/components/icons/CloseIcon.js

@@ -2,8 +2,7 @@ import React, { forwardRef } from 'react';
 import { useIcon } from './hooks/useIcon';
 export const CloseIcon = forwardRef((props, ref) => {
     const { width, height } = useIcon(props);
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 25", version: "1.1", id: "svg5", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
-        React.createElement("defs", { id: "defs9" }),
-        React.createElement("g", { "aria-label": "close", id: "show_chart", style: { fontSize: 24 } },
-            React.createElement("path", { d: "M 18.984375,6.421875 13.40625,12 l 5.578125,5.578125 -1.40625,1.40625 L 12,13.40625 6.421875,18.984375 5.015625,17.578125 10.59375,12 5.015625,6.421875 6.421875,5.015625 12,10.59375 17.578125,5.015625 Z", id: "path826" }))));
+    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M0 0h24v24H0V0z", fill: "none" }),
+        React.createElement("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" })));
 });

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

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

package/es/components/icons/Collection30Icon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const Collection30Icon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M21.9844 14.0156V12H18V8.01562H15.9844V12H12V14.0156H15.9844V18H18V14.0156H21.9844ZM23.0156 5.01562C23.5469 5.01562 24 5.21875 24.375 5.625C24.7812 6 24.9844 6.45313 24.9844 6.98438V18.9844C24.9844 19.5156 24.7812 19.9844 24.375 20.3906C24 20.7969 23.5469 21 23.0156 21H11.0156C10.4844 21 10.0156 20.7969 9.60938 20.3906C9.20312 19.9844 9 19.5156 9 18.9844V6.98438C9 6.45313 9.20312 6 9.60938 5.625C10.0156 5.21875 10.4844 5.01562 11.0156 5.01562H23.0156ZM6.98438 9V23.0156H21V24.9844H6.98438C6.45312 24.9844 5.98438 24.7969 5.57812 24.4219C5.20312 24.0156 5.01562 23.5469 5.01562 23.0156V9H6.98438Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/Connectors30Icon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const Connectors30Icon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.43745 16.4259H5.91345C6.21795 18.3346 7.05935 20.1173 8.33932 21.5656C9.6193 23.0139 11.285 24.068 13.1418 24.6049C14.9986 25.1417 16.9699 25.139 18.8252 24.5972C20.6806 24.0553 22.3434 22.9967 23.6195 21.5449C23.7416 21.4023 23.834 21.2368 23.8913 21.0581C23.9486 20.8793 23.9697 20.6909 23.9533 20.5039C23.9369 20.3169 23.8834 20.1351 23.7959 19.969C23.7083 19.803 23.5885 19.6561 23.4435 19.5369C23.1487 19.2934 22.7701 19.1752 22.3892 19.208C22.0082 19.2407 21.6553 19.4217 21.4065 19.7119C20.4339 20.8075 19.1531 21.5837 17.7319 21.9388C16.3106 22.2939 14.8152 22.2114 13.4417 21.702C12.0682 21.1926 10.8806 20.2802 10.0345 19.0843C9.18849 17.8883 8.72348 16.4647 8.70045 14.9999C8.72316 13.535 9.18801 12.1111 10.0341 10.915C10.8801 9.71888 12.0678 8.80633 13.4416 8.29699C14.8153 7.78766 16.3108 7.70533 17.7322 8.06078C19.1535 8.41624 20.4342 9.1929 21.4065 10.2889C21.6555 10.579 22.0083 10.7598 22.3892 10.7925C22.7701 10.8252 23.1486 10.7072 23.4435 10.4639C23.5885 10.3448 23.7083 10.1978 23.7959 10.0318C23.8834 9.86575 23.9369 9.6839 23.9533 9.4969C23.9697 9.3099 23.9486 9.12151 23.8913 8.94276C23.834 8.76402 23.7416 8.5985 23.6195 8.45592C22.3434 7.00384 20.6804 5.94494 18.8248 5.40296C16.9693 4.86098 14.9978 4.85832 13.1407 5.39528C11.2837 5.93224 9.61786 6.98665 8.33788 8.43527C7.0579 9.8839 6.21665 11.6669 5.91245 13.5759H3.43745C3.05952 13.5759 2.69706 13.7261 2.42982 13.9933C2.16258 14.2605 2.01245 14.623 2.01245 15.0009C2.01245 15.3789 2.16258 15.7413 2.42982 16.0086C2.69706 16.2758 3.05952 16.4259 3.43745 16.4259ZM11.7414 13.2451C11.5144 13.8035 11.3996 14.4011 11.4035 15.0039C11.3996 15.6068 11.5144 16.2046 11.7415 16.7631C11.9686 17.3216 12.3034 17.83 12.727 18.2591C13.1505 18.6882 13.6544 19.0296 14.2099 19.264C14.7654 19.4983 15.3616 19.621 15.9645 19.6249C16.9337 19.6208 17.8765 19.3085 18.6565 18.7333C19.4365 18.158 20.0133 17.3496 20.3035 16.4249H26.5625C26.9405 16.4249 27.3029 16.2748 27.5702 16.0075C27.8374 15.7403 27.9875 15.3778 27.9875 14.9999C27.9875 14.622 27.8374 14.2595 27.5702 13.9923C27.3029 13.725 26.9405 13.5749 26.5625 13.5749H20.3035C20.0117 12.6517 19.434 11.8451 18.654 11.2716C17.8739 10.6981 16.9318 10.3872 15.9635 10.3839C15.3608 10.3878 14.7647 10.5105 14.2093 10.7448C13.6539 10.9791 13.1501 11.3205 12.7267 11.7495C12.3032 12.1785 11.9685 12.6867 11.7414 13.2451Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/Content30Icon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const Content30Icon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M23.7305 6.26953H6.26953V23.7305H23.7305V6.26953ZM23.7305 3.75C25.1367 3.75 26.25 4.86328 26.25 6.26953V23.7305C26.25 25.1367 25.1367 26.25 23.7305 26.25H6.26953C4.86328 26.25 3.75 25.1367 3.75 23.7305V6.26953C3.75 4.86328 4.86328 3.75 6.26953 3.75H23.7305ZM17.5195 21.2695V18.75H8.73047V21.2695H17.5195ZM21.2695 16.2305V13.7695H8.73047V16.2305H21.2695ZM21.2695 11.25V8.73047H8.73047V11.25H21.2695Z", fill: "currentColor" })));
+});

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

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