hrm_ui_lib 1.0.0

package/src/components/SVGIcons/IconComment.tsx

@@ -0,0 +1,38 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconComment = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <g id="Size=24, Theme=Regular">
+      <path
+        id="Shape"
+        d="M5.96875 18C4.17382 18 2.71875 16.5449 2.71875 14.75V6.25C2.71875 4.45507 4.17382 3 5.96875 3H19.4688C21.2637 3 22.7188 4.45507 22.7188 6.25V14.75C22.7188 16.5449 21.2637 18 19.4688 18H13.7312L8.71743 21.7507C8.1646 22.1642 7.38125 22.0512 6.96776 21.4984C6.80611 21.2822 6.71875 21.0196 6.71875 20.7499L6.71796 18H5.96875ZM13.2323 16.5H19.4688C20.4352 16.5 21.2188 15.7165 21.2188 14.75V6.25C21.2188 5.2835 20.4352 4.5 19.4688 4.5H5.96875C5.00225 4.5 4.21875 5.2835 4.21875 6.25V14.75C4.21875 15.7165 5.00225 16.5 5.96875 16.5H8.21754L8.21775 17.2498L8.21861 20.2506L13.2323 16.5Z"
+        fill="#222222"
+      />
+    </g>
+  </svg>
+)
+
+export default IconComment

package/src/components/SVGIcons/IconCommentFilled.tsx

@@ -0,0 +1,38 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconCommentFilled = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <g id="Size=24, Theme=Filled">
+      <path
+        id="Shape"
+        d="M5.96875 3C4.17382 3 2.71875 4.45507 2.71875 6.25V14.75C2.71875 16.5449 4.17383 18 5.96875 18H6.71875V20.75C6.71875 21.7801 7.8947 22.368 8.71875 21.75L13.7188 18H19.4688C21.2637 18 22.7188 16.5449 22.7188 14.75V6.25C22.7188 4.45507 21.2637 3 19.4688 3H5.96875Z"
+        fill="#222222"
+      />
+    </g>
+  </svg>
+)
+
+export default IconCommentFilled

package/src/components/SVGIcons/IconContractCard.tsx

@@ -0,0 +1,35 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconContractCard = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <path
+      d="M20.0078 4C21.2505 4 22.2578 5.00736 22.2578 6.25V17.7546C22.2578 18.9972 21.2505 20.0046 20.0078 20.0046H4.50781C3.26517 20.0046 2.25781 18.9972 2.25781 17.7546V6.25C2.25781 5.00736 3.26517 4 4.50781 4H20.0078ZM20.0078 5.5H4.50781C4.0936 5.5 3.75781 5.83579 3.75781 6.25V17.7546C3.75781 18.1688 4.0936 18.5046 4.50781 18.5046H20.0078C20.422 18.5046 20.7578 18.1688 20.7578 17.7546V6.25C20.7578 5.83579 20.422 5.5 20.0078 5.5ZM10.0078 12.5C10.422 12.5 10.7578 12.8358 10.7578 13.25V13.7427L10.7499 13.8513C10.5871 14.9642 9.65549 15.5009 8.25776 15.5009C6.85995 15.5009 5.92829 14.9637 5.76568 13.8501L5.75781 13.7418V13.25C5.75781 12.8358 6.0936 12.5 6.50781 12.5H10.0078ZM13.5101 12.9961H18.0078C18.422 12.9961 18.7578 13.3319 18.7578 13.7461C18.7578 14.1258 18.4757 14.4396 18.1096 14.4893L18.0078 14.4961H13.5101C13.0959 14.4961 12.7601 14.1604 12.7601 13.7461C12.7601 13.3664 13.0423 13.0526 13.4083 13.003L13.5101 12.9961H18.0078H13.5101ZM8.25781 8.50218C9.08623 8.50218 9.75779 9.17374 9.75779 10.0022C9.75779 10.8306 9.08623 11.5021 8.25781 11.5021C7.4294 11.5021 6.75784 10.8306 6.75784 10.0022C6.75784 9.17374 7.4294 8.50218 8.25781 8.50218ZM13.5101 9.5H18.0078C18.422 9.5 18.7578 9.83579 18.7578 10.25C18.7578 10.6297 18.4757 10.9435 18.1096 10.9932L18.0078 11H13.5101C13.0959 11 12.7601 10.6642 12.7601 10.25C12.7601 9.8703 13.0423 9.55651 13.4083 9.50685L13.5101 9.5H18.0078H13.5101Z"
+      fill="#222222"
+    />
+  </svg>
+)
+
+export default IconContractCard

package/src/components/SVGIcons/IconContractCardFilled.tsx

@@ -0,0 +1,35 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconContractCardFilled = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <path
+      d="M20.0078 4C21.2505 4 22.2578 5.00736 22.2578 6.25V17.7546C22.2578 18.9972 21.2505 20.0046 20.0078 20.0046H4.50781C3.26517 20.0046 2.25781 18.9972 2.25781 17.7546V6.25C2.25781 5.00736 3.26517 4 4.50781 4H20.0078ZM10.0078 12.5H6.50781C6.12812 12.5 5.81432 12.7822 5.76466 13.1482L5.75781 13.25V13.7418L5.76568 13.8501C5.92829 14.9637 6.85995 15.5009 8.25776 15.5009C9.58893 15.5009 10.4973 15.0141 10.7215 14.0064L10.7499 13.8513L10.7578 13.7427V13.25C10.7578 12.8703 10.4757 12.5565 10.1096 12.5068L10.0078 12.5ZM18.0078 12.9961H13.5101L13.4083 13.003C13.0423 13.0526 12.7601 13.3664 12.7601 13.7461C12.7601 14.1258 13.0423 14.4396 13.4083 14.4893L13.5101 14.4961H18.0078L18.1096 14.4893C18.4757 14.4396 18.7578 14.1258 18.7578 13.7461C18.7578 13.3664 18.4757 13.0526 18.1096 13.003L18.0078 12.9961ZM8.25781 8.50218C7.4294 8.50218 6.75784 9.17374 6.75784 10.0022C6.75784 10.8306 7.4294 11.5021 8.25781 11.5021C9.08623 11.5021 9.75779 10.8306 9.75779 10.0022C9.75779 9.17374 9.08623 8.50218 8.25781 8.50218ZM18.0078 9.5H13.5101L13.4083 9.50685C13.0423 9.55651 12.7601 9.8703 12.7601 10.25C12.7601 10.6297 13.0423 10.9435 13.4083 10.9932L13.5101 11H18.0078L18.1096 10.9932C18.4757 10.9435 18.7578 10.6297 18.7578 10.25C18.7578 9.8703 18.4757 9.55651 18.1096 9.50685L18.0078 9.5Z"
+      fill="#222222"
+    />
+  </svg>
+)
+
+export default IconContractCardFilled

package/src/components/SVGIcons/IconCopy.tsx

@@ -0,0 +1,35 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconCopy = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <path
+      d="M6.17468 4.62704L6.17188 6.75V17.2542C6.17188 19.0491 7.62695 20.5042 9.42188 20.5042L18.0382 20.5045C17.7292 21.3782 16.8959 22.0042 15.9163 22.0042H9.42188C6.79852 22.0042 4.67188 19.8776 4.67188 17.2542V6.75C4.67188 5.76929 5.29932 4.93512 6.17468 4.62704ZM18.4219 2C19.6645 2 20.6719 3.00736 20.6719 4.25V17.25C20.6719 18.4926 19.6645 19.5 18.4219 19.5H9.42188C8.17923 19.5 7.17188 18.4926 7.17188 17.25V4.25C7.17188 3.00736 8.17923 2 9.42188 2H18.4219ZM18.4219 3.5H9.42188C9.00766 3.5 8.67188 3.83579 8.67188 4.25V17.25C8.67188 17.6642 9.00766 18 9.42188 18H18.4219C18.8361 18 19.1719 17.6642 19.1719 17.25V4.25C19.1719 3.83579 18.8361 3.5 18.4219 3.5Z"
+      fill="#222222"
+    />
+  </svg>
+)
+
+export default IconCopy

package/src/components/SVGIcons/IconCopyFilled.tsx

@@ -0,0 +1,35 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconCopyFilled = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <path
+      d="M6.17468 4.62704L6.17188 6.75V17.2542C6.17188 19.0491 7.62695 20.5042 9.42188 20.5042L18.0382 20.5045C17.7292 21.3782 16.8959 22.0042 15.9163 22.0042H9.42188C6.79852 22.0042 4.67188 19.8776 4.67188 17.2542V6.75C4.67188 5.76929 5.29932 4.93512 6.17468 4.62704ZM18.4219 2C19.6645 2 20.6719 3.00736 20.6719 4.25V17.25C20.6719 18.4926 19.6645 19.5 18.4219 19.5H9.42188C8.17923 19.5 7.17188 18.4926 7.17188 17.25V4.25C7.17188 3.00736 8.17923 2 9.42188 2H18.4219Z"
+      fill="#222222"
+    />
+  </svg>
+)
+
+export default IconCopyFilled

package/src/components/SVGIcons/IconCubeTree.tsx

@@ -0,0 +1,35 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconCubeTree = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <path
+      d="M10.0697 5.51283C10.2007 5.11987 10.6255 4.9075 11.0184 5.03849L12.2812 5.45943L13.5441 5.03849C13.937 4.9075 14.3618 5.11987 14.4928 5.51283C14.6237 5.90579 14.4114 6.33053 14.0184 6.46151L13.0312 6.79057V7.75C13.0312 8.16421 12.6955 8.5 12.2812 8.5C11.867 8.5 11.5312 8.16421 11.5312 7.75V6.79057L10.5441 6.46151C10.1511 6.33053 9.93875 5.90579 10.0697 5.51283ZM12.5184 2.03849C12.3645 1.98717 12.198 1.98717 12.0441 2.03849L8.29408 3.28849C7.98782 3.39057 7.78125 3.67718 7.78125 4V9C7.78125 9.32282 7.98782 9.60943 8.29408 9.71151L11.5312 10.7906V13H9.78125C8.53861 13 7.53125 14.0074 7.53125 15.25V16.0945C6.23733 16.4275 5.28125 17.6021 5.28125 19C5.28125 20.6569 6.6244 22 8.28125 22C9.9381 22 11.2812 20.6569 11.2812 19C11.2812 17.6021 10.3252 16.4275 9.03125 16.0945V15.25C9.03125 14.8358 9.36704 14.5 9.78125 14.5H14.7812C15.1955 14.5 15.5312 14.8358 15.5312 15.25V16.0945C14.2373 16.4275 13.2812 17.6021 13.2812 19C13.2812 20.6569 14.6244 22 16.2812 22C17.9381 22 19.2812 20.6569 19.2812 19C19.2812 17.6021 18.3252 16.4275 17.0312 16.0945V15.25C17.0312 14.0074 16.0239 13 14.7812 13H13.0312V10.7906L16.2684 9.71151C16.5747 9.60943 16.7812 9.32282 16.7812 9V4C16.7812 3.67718 16.5747 3.39057 16.2684 3.28849L12.5184 2.03849ZM9.28125 8.45943V4.54057L12.2812 3.54057L15.2812 4.54057V8.45943L12.2812 9.45943L9.28125 8.45943ZM8.28125 17.5C9.10968 17.5 9.78125 18.1716 9.78125 19C9.78125 19.8284 9.10968 20.5 8.28125 20.5C7.45282 20.5 6.78125 19.8284 6.78125 19C6.78125 18.1716 7.45282 17.5 8.28125 17.5ZM14.7812 19C14.7812 18.1716 15.4528 17.5 16.2812 17.5C17.1097 17.5 17.7812 18.1716 17.7812 19C17.7812 19.8284 17.1097 20.5 16.2812 20.5C15.4528 20.5 14.7812 19.8284 14.7812 19Z"
+      fill="#222222"
+    />
+  </svg>
+)
+
+export default IconCubeTree

package/src/components/SVGIcons/IconCubeTreeFilled.tsx

@@ -0,0 +1,38 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconCubeTreeFilled = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <g id="Size=24, Theme=Filled">
+      <path
+        id="Shape"
+        d="M12.0441 2.03849C12.198 1.98717 12.3645 1.98717 12.5184 2.03849L16.2684 3.28849C16.5747 3.39057 16.7812 3.67718 16.7812 4V9C16.7812 9.32282 16.5747 9.60943 16.2684 9.71151L13.0312 10.7906V13H14.7812C16.0239 13 17.0312 14.0074 17.0312 15.25V16.0945C18.3252 16.4275 19.2812 17.6021 19.2812 19C19.2812 20.6569 17.9381 22 16.2812 22C14.6244 22 13.2812 20.6569 13.2812 19C13.2812 17.6021 14.2373 16.4275 15.5312 16.0945V15.25C15.5312 14.8358 15.1955 14.5 14.7812 14.5H9.78125C9.36704 14.5 9.03125 14.8358 9.03125 15.25V16.0945C10.3252 16.4275 11.2812 17.6021 11.2812 19C11.2812 20.6569 9.9381 22 8.28125 22C6.6244 22 5.28125 20.6569 5.28125 19C5.28125 17.6021 6.23733 16.4275 7.53125 16.0945V15.25C7.53125 14.0074 8.53861 13 9.78125 13H11.5312V10.7906L8.29408 9.71151C7.98782 9.60943 7.78125 9.32282 7.78125 9V4C7.78125 3.67718 7.98782 3.39057 8.29408 3.28849L12.0441 2.03849ZM10.0697 5.51283C9.93875 5.90579 10.1511 6.33053 10.5441 6.46151L11.5312 6.79057V7.75C11.5312 8.16421 11.867 8.5 12.2812 8.5C12.6955 8.5 13.0312 8.16421 13.0312 7.75V6.79057L14.0184 6.46151C14.4114 6.33053 14.6237 5.90579 14.4928 5.51283C14.3618 5.11987 13.937 4.9075 13.5441 5.03849L12.2812 5.45943L11.0184 5.03849C10.6255 4.9075 10.2007 5.11987 10.0697 5.51283Z"
+        fill="#222222"
+      />
+    </g>
+  </svg>
+)
+
+export default IconCubeTreeFilled

package/src/components/SVGIcons/IconDatabase.tsx

@@ -0,0 +1,38 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconDatabase = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <g id="Size=24, Theme=Regular">
+      <path
+        id="Shape"
+        d="M4 6C4 5.30945 4.3153 4.70664 4.77423 4.22025C5.2294 3.73784 5.85301 3.33745 6.56668 3.01752C7.99575 2.3769 9.91738 2 12 2C14.0826 2 16.0042 2.3769 17.4333 3.01752C18.147 3.33745 18.7706 3.73784 19.2258 4.22025C19.6847 4.70664 20 5.30945 20 6V18C20 18.6906 19.6847 19.2934 19.2258 19.7798C18.7706 20.2622 18.147 20.6626 17.4333 20.9825C16.0042 21.6231 14.0826 22 12 22C9.91738 22 7.99575 21.6231 6.56668 20.9825C5.85301 20.6626 5.2294 20.2622 4.77423 19.7798C4.3153 19.2934 4 18.6906 4 18V6ZM5.5 6C5.5 6.20691 5.59044 6.45909 5.86525 6.75034C6.14382 7.04559 6.58195 7.3455 7.18027 7.61372C8.37519 8.14937 10.0786 8.5 12 8.5C13.9214 8.5 15.6248 8.14937 16.8197 7.61372C17.418 7.3455 17.8562 7.04559 18.1348 6.75034C18.4096 6.45909 18.5 6.20691 18.5 6C18.5 5.79309 18.4096 5.54091 18.1348 5.24966C17.8562 4.95441 17.418 4.65449 16.8197 4.38628C15.6248 3.85063 13.9214 3.5 12 3.5C10.0786 3.5 8.37519 3.85063 7.18027 4.38628C6.58195 4.65449 6.14382 4.95441 5.86525 5.24966C5.59044 5.54091 5.5 5.79309 5.5 6ZM18.5 8.39242C18.1791 8.61282 17.8194 8.80942 17.4333 8.98248C16.0042 9.6231 14.0826 10 12 10C9.91738 10 7.99575 9.6231 6.56668 8.98248C6.18063 8.80942 5.82094 8.61282 5.5 8.39242V18C5.5 18.2069 5.59044 18.4591 5.86525 18.7503C6.14382 19.0456 6.58195 19.3455 7.18027 19.6137C8.37519 20.1494 10.0786 20.5 12 20.5C13.9214 20.5 15.6248 20.1494 16.8197 19.6137C17.418 19.3455 17.8562 19.0456 18.1348 18.7503C18.4096 18.4591 18.5 18.2069 18.5 18V8.39242Z"
+        fill="#222222"
+      />
+    </g>
+  </svg>
+)
+
+export default IconDatabase

package/src/components/SVGIcons/IconDatabaseFilled.tsx

@@ -0,0 +1,38 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconDatabaseFilled = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <g id="Size=24, Theme=Filled">
+      <path
+        id="Shape"
+        d="M12 10C16.4183 10 20 8.20914 20 6C20 3.79086 16.4183 2 12 2C7.58172 2 4 3.79086 4 6C4 8.20914 7.58172 10 12 10ZM18.3277 10.1701C18.9156 9.87611 19.4979 9.50399 20 9.05337V18C20 20.2091 16.4183 22 12 22C7.58172 22 4 20.2091 4 18V9.05337C4.50211 9.50399 5.08441 9.87611 5.67233 10.1701C7.36922 11.0185 9.60849 11.5 12 11.5C14.3915 11.5 16.6308 11.0185 18.3277 10.1701Z"
+        fill="#222222"
+      />
+    </g>
+  </svg>
+)
+
+export default IconDatabaseFilled

package/src/components/SVGIcons/IconDelete.tsx

@@ -0,0 +1,35 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconDelete = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <path
+      d="M10 5H14C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5ZM8.5 5C8.5 3.067 10.067 1.5 12 1.5C13.933 1.5 15.5 3.067 15.5 5H21.25C21.6642 5 22 5.33579 22 5.75C22 6.16421 21.6642 6.5 21.25 6.5H19.9309L18.7589 18.6112C18.5729 20.5334 16.9575 22 15.0263 22H8.97369C7.04254 22 5.42715 20.5334 5.24113 18.6112L4.06908 6.5H2.75C2.33579 6.5 2 6.16421 2 5.75C2 5.33579 2.33579 5 2.75 5H8.5ZM10.5 9.75C10.5 9.33579 10.1642 9 9.75 9C9.33579 9 9 9.33579 9 9.75V17.25C9 17.6642 9.33579 18 9.75 18C10.1642 18 10.5 17.6642 10.5 17.25V9.75ZM14.25 9C14.6642 9 15 9.33579 15 9.75V17.25C15 17.6642 14.6642 18 14.25 18C13.8358 18 13.5 17.6642 13.5 17.25V9.75C13.5 9.33579 13.8358 9 14.25 9ZM6.73416 18.4667C6.84577 19.62 7.815 20.5 8.97369 20.5H15.0263C16.185 20.5 17.1542 19.62 17.2658 18.4667L18.4239 6.5H5.57608L6.73416 18.4667Z"
+      fill="#222222"
+    />
+  </svg>
+)
+
+export default IconDelete

package/src/components/SVGIcons/IconDeleteFilled.tsx

@@ -0,0 +1,35 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconDeleteFilled = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <path
+      d="M10 5H14C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5ZM8.5 5C8.5 3.067 10.067 1.5 12 1.5C13.933 1.5 15.5 3.067 15.5 5H21.25C21.6642 5 22 5.33579 22 5.75C22 6.16421 21.6642 6.5 21.25 6.5H19.9309L18.7589 18.6112C18.5729 20.5334 16.9575 22 15.0263 22H8.97369C7.04254 22 5.42715 20.5334 5.24113 18.6112L4.06908 6.5H2.75C2.33579 6.5 2 6.16421 2 5.75C2 5.33579 2.33579 5 2.75 5H8.5ZM10.5 9.75C10.5 9.33579 10.1642 9 9.75 9C9.33579 9 9 9.33579 9 9.75V17.25C9 17.6642 9.33579 18 9.75 18C10.1642 18 10.5 17.6642 10.5 17.25V9.75ZM14.25 9C13.8358 9 13.5 9.33579 13.5 9.75V17.25C13.5 17.6642 13.8358 18 14.25 18C14.6642 18 15 17.6642 15 17.25V9.75C15 9.33579 14.6642 9 14.25 9Z"
+      fill="#222222"
+    />
+  </svg>
+)
+
+export default IconDeleteFilled

package/src/components/SVGIcons/IconDeviceMeetingRoom.tsx

@@ -0,0 +1,35 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconDeviceMeetingRoom = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <path
+      d="M7.06943 3C5.65417 3 4.42324 3.96976 4.09199 5.34571L2.10025 13.6191C1.56269 15.8521 3.2549 18 5.55164 18H18.4435C20.7403 18 22.4325 15.8521 21.8949 13.6191L19.9032 5.34571C19.5719 3.96976 18.341 3 16.9257 3H7.06943ZM5.55033 5.69679C5.71933 4.99478 6.34736 4.5 7.06943 4.5H16.9257C17.6478 4.5 18.2758 4.99478 18.4448 5.69679L20.4366 13.9702C20.747 15.2596 19.7698 16.5 18.4435 16.5H5.55164C4.22535 16.5 3.24816 15.2596 3.55859 13.9702L5.55033 5.69679ZM6.74756 19C6.33334 19 5.99756 19.3358 5.99756 19.75C5.99756 20.1642 6.33334 20.5 6.74756 20.5H17.2476C17.6618 20.5 17.9976 20.1642 17.9976 19.75C17.9976 19.3358 17.6618 19 17.2476 19H6.74756Z"
+      fill="#222222"
+    />
+  </svg>
+)
+
+export default IconDeviceMeetingRoom

package/src/components/SVGIcons/IconDeviceMeetingRoomFilled.tsx

@@ -0,0 +1,35 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconDeviceMeetingRoomFilled = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <path
+      d="M4.0925 5.34571C4.42383 3.96976 5.65506 3 7.07066 3H16.9293C18.3449 3 19.5762 3.96976 19.9075 5.34571L21.8997 13.6191C22.4374 15.8521 20.7448 18 18.4475 18H5.55251C3.2552 18 1.56258 15.8521 2.10028 13.6191L4.0925 5.34571ZM6.74871 19C6.3344 19 5.99853 19.3358 5.99853 19.75C5.99853 20.1642 6.3344 20.5 6.74871 20.5H17.2513C17.6656 20.5 18.0014 20.1642 18.0014 19.75C18.0014 19.3358 17.6656 19 17.2513 19H6.74871Z"
+      fill="#222222"
+    />
+  </svg>
+)
+
+export default IconDeviceMeetingRoomFilled

package/src/components/SVGIcons/IconDismiss.tsx

@@ -0,0 +1,35 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconDismiss = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <path
+      d="M4.39705 4.55379L4.46967 4.46967C4.73594 4.2034 5.1526 4.1792 5.44621 4.39705L5.53033 4.46967L12 10.939L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.061 12L19.5303 18.4697C19.7966 18.7359 19.8208 19.1526 19.6029 19.4462L19.5303 19.5303C19.2641 19.7966 18.8474 19.8208 18.5538 19.6029L18.4697 19.5303L12 13.061L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.939 12L4.46967 5.53033C4.2034 5.26406 4.1792 4.8474 4.39705 4.55379L4.46967 4.46967L4.39705 4.55379Z"
+      fill="#222222"
+    />
+  </svg>
+)
+
+export default IconDismiss

package/src/components/SVGIcons/IconDismissCircle.tsx

@@ -0,0 +1,38 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconDismissCircle = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <g id="Size=24, Theme=Regular">
+      <path
+        id="Shape"
+        d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM15.4462 8.39705L15.5303 8.46967C15.7966 8.73594 15.8208 9.1526 15.6029 9.44621L15.5303 9.53033L13.061 12L15.5303 14.4697C15.7966 14.7359 15.8208 15.1526 15.6029 15.4462L15.5303 15.5303C15.2641 15.7966 14.8474 15.8208 14.5538 15.6029L14.4697 15.5303L12 13.061L9.53033 15.5303C9.26406 15.7966 8.8474 15.8208 8.55379 15.6029L8.46967 15.5303C8.2034 15.2641 8.1792 14.8474 8.39705 14.5538L8.46967 14.4697L10.939 12L8.46967 9.53033C8.2034 9.26406 8.1792 8.8474 8.39705 8.55379L8.46967 8.46967C8.73594 8.2034 9.1526 8.1792 9.44621 8.39705L9.53033 8.46967L12 10.939L14.4697 8.46967C14.7359 8.2034 15.1526 8.1792 15.4462 8.39705Z"
+        fill="#222222"
+      />
+    </g>
+  </svg>
+)
+
+export default IconDismissCircle

package/src/components/SVGIcons/IconDismissCircleFilled.tsx

@@ -0,0 +1,38 @@
+import React, { ReactElement } from 'react'
+import { ISVGIconProps } from './types'
+import classNames from 'classnames'
+
+export const IconDismissCircleFilled = ({
+  size,
+  type,
+  className = '',
+  onClick,
+  refHandler,
+  id,
+  dataId
+}: ISVGIconProps): ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    className={classNames('svg-icon', {
+      [`svg-icon__size-${size}`]: size,
+      [`svg-icon__type-${type}`]: type,
+      [className]: className
+    })}
+    viewBox="0 0 24 24"
+    fill="none"
+    onClick={onClick}
+    ref={refHandler}
+    id={id}
+    data-id={dataId ? `${dataId}-svg-icon` : ''}
+  >
+    <g id="Size=24, Theme=Filled">
+      <path
+        id="Shape"
+        d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM15.5303 8.46967L15.4462 8.39705C15.1852 8.2034 14.827 8.20101 14.5636 8.38988L14.4697 8.46967L12 10.939L9.53033 8.46967L9.44621 8.39705C9.18522 8.2034 8.82701 8.20101 8.56362 8.38988L8.46967 8.46967L8.39705 8.55379C8.2034 8.81478 8.20101 9.17299 8.38988 9.43638L8.46967 9.53033L10.939 12L8.46967 14.4697L8.39705 14.5538C8.2034 14.8148 8.20101 15.173 8.38988 15.4364L8.46967 15.5303L8.55379 15.6029C8.81478 15.7966 9.17299 15.799 9.43638 15.6101L9.53033 15.5303L12 13.061L14.4697 15.5303L14.5538 15.6029C14.8148 15.7966 15.173 15.799 15.4364 15.6101L15.5303 15.5303L15.6029 15.4462C15.7966 15.1852 15.799 14.827 15.6101 14.5636L15.5303 14.4697L13.061 12L15.5303 9.53033L15.6029 9.44621C15.7966 9.18522 15.799 8.82701 15.6101 8.56362L15.5303 8.46967L15.4462 8.39705L15.5303 8.46967Z"
+        fill="#222222"
+      />
+    </g>
+  </svg>
+)
+
+export default IconDismissCircleFilled