@npm_leadtech/legal-lib-components 4.1.6 → 4.1.10

package/dist/css/styles.css

@@ -142,7 +142,6 @@ body {
 main {
   display: block;
   background-color: var(--others-white);
-  margin-top: 90px;
 }
 ul {
   list-style: none;

package/dist/images/componentsSvg/ArrowRight.tsx

@@ -0,0 +1,47 @@
+import React, { type FC } from 'react'
+
+interface ArrowRightProps {
+  className?: string
+  onClick?: () => void
+}
+
+export const ArrowRight: FC<ArrowRightProps> = ({ className, onClick }: ArrowRightProps) => (
+  <svg
+    className={className}
+    onClick={onClick}
+    version='1.1'
+    id='Layer_1'
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    x='0px'
+    y='0px'
+    viewBox='0 0 492.004 492.004'
+    xmlSpace='preserve'
+  >
+    <g>
+      <g>
+        <path
+          d='M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12
+c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028
+c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265
+c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z'
+        />
+      </g>
+    </g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+  </svg>
+)

package/dist/images/componentsSvg/ChevronExpandLess.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+
+export const ChevronExpandLess: React.FC = () => (
+  <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'>
+    <path
+      d='M12.7071 9.00209C12.3166 8.61157 11.6834 8.61157 11.2929 9.00209L6.70538 13.5896C6.31581 13.9792 6.31581 14.6108 6.70538 15.0004C7.09466 15.3896 7.72569 15.39 8.11538 15.0011L12 11.125L15.8846 15.0011C16.2743 15.39 16.9053 15.3896 17.2946 15.0004C17.6842 14.6108 17.6842 13.9792 17.2946 13.5896L12.7071 9.00209Z'
+      fill='#1E2021'
+    />
+  </svg>
+)

package/dist/images/componentsSvg/ChevronExpandMore.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+
+export const ChevronExpandMore: React.FC<{ fill?: string }> = ({ fill = '#1E2021' }) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+    fill='none'
+    className='chevron-expand-more'
+  >
+    <path
+      d='M17.2946 8.9996C16.9053 8.61033 16.2743 8.60998 15.8846 8.99883L12 12.875L8.11538 8.99883C7.72569 8.60998 7.09466 8.61033 6.70538 8.9996C6.31581 9.38917 6.31581 10.0208 6.70538 10.4104L11.2929 14.9979C11.6834 15.3884 12.3166 15.3884 12.7071 14.9979L17.2946 10.4104C17.6842 10.0208 17.6842 9.38917 17.2946 8.9996Z'
+      fill={fill}
+    />
+  </svg>
+)

package/dist/images/componentsSvg/ChevronRight.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const ChevronRight = (): React.ReactElement => (
+  <svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
+    <g>
+      <path d='M10.4104 6.70538C10.0209 6.31581 9.38923 6.31581 8.99966 6.70538C8.61039 7.09466 8.61004 7.72569 8.99889 8.11538L12.875 12L8.99889 15.8846C8.61004 16.2743 8.61039 16.9053 8.99966 17.2946C9.38923 17.6842 10.0209 17.6842 10.4104 17.2946L14.9979 12.7071C15.3885 12.3166 15.3885 11.6834 14.9979 11.2929L10.4104 6.70538Z' />
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/ChevronRight24px.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+
+export const ChevronRight24px = (): React.ReactElement => (
+  <svg width='24' height='24' viewBox='0 0 24 24' className='chevron-right24px'>
+    <defs>
+      <path id='prefix__a' d='M9.705 6L8.295 7.41 12.875 12 8.295 16.59 9.705 18 15.705 12z' />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H24V24H0z' />
+      <mask id='prefix__b' fill='#fff'>
+        <use xlinkHref='#prefix__a' />
+      </mask>
+      <g fill='#3D4042' mask='url(#prefix__b)' className='main-fill'>
+        <path d='M0 0H24V24H0z' />
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/Delete24p.tsx

@@ -0,0 +1,33 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface Delete24pProps {
+  className?: string
+}
+
+export const Delete24p: FC<Delete24pProps> = ({ className }: Delete24pProps) => (
+  <svg
+    className={className}
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='24'
+    height='24'
+    viewBox='0 0 16 16'
+  >
+    <defs>
+      <path
+        id='prefix__a__delete'
+        d='M11.048 5.905v7.619H4.952v-7.62h6.096zM9.905 1.333h-3.81l-.762.762H2.667V3.62h10.666V2.095h-2.666l-.762-.762zm2.666 3.048H3.43v9.143c0 .838.685 1.524 1.523 1.524h6.096c.838 0 1.523-.686 1.523-1.524V4.38z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H16V16H0z' />
+      <mask id='prefix__b__delete' fill='#fff'>
+        <use xlinkHref='#prefix__a__delete' />
+      </mask>
+      <g fill='#3D4042' mask='url(#prefix__b__delete)'>
+        <path d='M0 0H16V16H0z' />
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/Done24px.tsx

@@ -0,0 +1,13 @@
+import React, { type FC } from 'react'
+interface Done24pxProps {
+  className: string
+}
+
+export const Done24px: FC<Done24pxProps> = ({ className }: Done24pxProps) => (
+  <svg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'>
+    <path
+      d='M6.36663 10.6L4.0333 8.26667C3.77557 8.00893 3.3577 8.00893 3.09997 8.26667C2.84223 8.5244 2.84223 8.94227 3.09997 9.2L6.18886 12.2889C6.28704 12.3871 6.44623 12.3871 6.54441 12.2889L13.9 4.93333C14.1577 4.6756 14.1577 4.25773 13.9 4C13.6422 3.74227 13.2244 3.74227 12.9666 4L6.36663 10.6Z'
+      fill='#078080'
+    />
+  </svg>
+)

package/dist/images/componentsSvg/Done24pxoutlined.tsx

@@ -0,0 +1,25 @@
+import React from 'react'
+
+export const Done24pxOutline = (): React.ReactElement => {
+  return (
+    <svg width='100%' height='100%' viewBox='0 0 16 16' version='1.1'>
+      <defs>
+        <polygon
+          id='path-1'
+          points='5.86666678 10.5999999 3.06666672 7.80000001 2.13333337 8.73333331 5.86666678 12.4666665 13.866667 4.46666677 12.9333336 3.53333346'
+        ></polygon>
+      </defs>
+      <g id='Asset-Artboard-Page' stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
+        <g id='icon/done_24px'>
+          <mask id='mask-2' fill='white'>
+            <use xlinkHref='#path-1'></use>
+          </mask>
+          <g id='icon/action/done_24px' fillRule='nonzero'></g>
+          <g id='↳-Color-Color-/-Icons-/-Neutrals-/-White' mask='url(#mask-2)' fill='#05646E'>
+            <rect id='Rectangle' x='0' y='0' width='16' height='16'></rect>
+          </g>
+        </g>
+      </g>
+    </svg>
+  )
+}

package/dist/images/componentsSvg/Edit24p.tsx

@@ -0,0 +1,33 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface Edit24pProps {
+  className?: string
+}
+
+export const Edit24p: FC<Edit24pProps> = ({ className }: Edit24pProps) => (
+  <svg
+    className={className}
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='24'
+    height='24'
+    viewBox='0 0 16 16'
+  >
+    <defs>
+      <path
+        id='edita'
+        d='M1.863 11.637v2.5h2.5l7.374-7.374-2.5-2.5-7.374 7.374zm12.274-7.274l-2.5-2.5L9.95 3.557l2.5 2.5 1.687-1.694z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H16V16H0z' />
+      <mask id='editb' fill='#fff'>
+        <use xlinkHref='#edita' />
+      </mask>
+      <g fill='#3D4042' mask='url(#editb)'>
+        <path d='M0 0H16V16H0z' />
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/EditText24px.tsx

@@ -0,0 +1,33 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface EditText24pxProps {
+  className?: string
+}
+
+export const EditText24px: FC<EditText24pxProps> = ({ className }: EditText24pxProps) => (
+  <svg
+    className={className}
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+  >
+    <defs>
+      <path
+        id='vwotgiccua'
+        d='M5 2h2v20H5V2zM2 2h8v2H2V2zm0 18h8v2H2v-2zM14.07 5L8.99 18h2.079l1.034-2.786h5.774L18.91 18h2.079L15.918 5h-1.847zm-1.08 8l2-6 2 6h-4z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H24V24H0z' />
+      <mask id='wwkke8hf0b' fill='#fff'>
+        <use xlinkHref='#vwotgiccua' />
+      </mask>
+      <g id='edit-text-svg' fill='#1E2021' mask='url(#wwkke8hf0b)'>
+        <path d='M0 0H24V24H0z' />
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/EmploymentIcon.tsx

@@ -0,0 +1,21 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+export const EmploymentIcon: FC = () => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='20px'
+    height='20px'
+    viewBox='0 0 20 20'
+    version='1.1'
+  >
+    <g id='Page-1' stroke='none' fill='none'>
+      <path
+        d='M13.903991,11.050563 L19.900199,17.046771 L17.778899,19.168071 L11.782691,13.171863 L13.903991,11.050563 Z M5.76,1.49 C6.93,0.32 8.83,0.32 10,1.49 L10,1.49 L7.88,3.61 L9.29,5.02 L8.58,5.73 L10.36,7.51 L12.21,5.66 C12.08,5.3 12,4.91 12,4.5 C12,2.57 13.57,1 15.5,1 C16.08,1 16.62,1.16 17.1,1.41 L17.1,1.41 L14.4,4.11 L15.89,5.6 L18.59,2.9 C18.84,3.38 19,3.92 19,4.5 C19,6.43 17.43,8 15.5,8 C15.09,8 14.7,7.92 14.34,7.79 L14.34,7.79 L2.96,19.16 L0.84,17.04 L8.25,9.63 L6.47,7.85 L5.76,8.56 L4.35,7.15 L4.35,9.98 L3.64,10.69 L0.1,7.15 L0.81,6.44 L3.63,6.44 L2.22,5.03 L5.76,1.49 Z'
+        id='icon-employment'
+        fill='#078080'
+      ></path>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/Eye24pxOptimized.tsx

@@ -0,0 +1,33 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface Eye24pxOptimizedProps {
+  className?: string
+}
+
+export const Eye24pxOptimized: FC<Eye24pxOptimizedProps> = ({ className }: Eye24pxOptimizedProps) => (
+  <svg
+    className={className}
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+  >
+    <defs>
+      <path
+        id='eye__a'
+        d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H24V24H0z' />
+      <mask id='eye__b' fill='#fff'>
+        <use xlinkHref='#eye__a' />
+      </mask>
+      <g fill='#6D7275' mask='url(#eye__b)'>
+        <path d='M0 0H24V24H0z' />
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/IconDuplicate24px.tsx

@@ -0,0 +1,29 @@
+import React, { type FC } from 'react'
+
+interface IconDuplicate24pxProps {
+  className?: string
+}
+
+export const IconDuplicate24px: FC<IconDuplicate24pxProps> = ({ className }: IconDuplicate24pxProps) => (
+  <svg
+    className={className}
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+  >
+    <defs>
+      <path id='prefix__a__duplicate' d='M16.5 1h-14v16h2V3h12V1zm5 4h-15v18h15V5zm-2 16h-11V7h11v14z' />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H24V24H0z' />
+      <mask id='prefix__b__duplicate' fill='#fff'>
+        <use xlinkHref='#prefix__a__duplicate' />
+      </mask>
+      <g fill='#1E2021' mask='url(#prefix__b__duplicate)'>
+        <path d='M0 0H24V24H0z' />
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/InfoError24pxOutlined.tsx

@@ -0,0 +1,31 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface InfoError24pxOutlinedProps {
+  className?: string
+  fill?: string
+  viewBox?: string
+}
+
+export const InfoError24pxOutlined: FC<InfoError24pxOutlinedProps> = ({
+  className,
+  fill,
+  viewBox = '0 0 24 24'
+}: InfoError24pxOutlinedProps) => (
+  <svg className={className} fill={fill} width='100%' height='100%' viewBox={viewBox}>
+    <title>icon/info-error_24px_outlined</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+      <path
+        d='M12,2 C6.47,2 2,6.47 2,12 C2,17.53 6.47,22 12,22 C17.53,22 22,17.53 22,12 C22,6.47 17.53,2 12,2 Z M12,20 C7.59,20 4,16.41 4,12 C4,7.59 7.59,4 12,4 C16.41,4 20,7.59 20,12 C20,16.41 16.41,20 12,20 Z M11,11 L13,11 L13,17 L11,17 L11,11 Z M11,7 L13,7 L13,9 L11,9 L11,7 Z'
+        id='path-1'
+      ></path>
+    </defs>
+    <g id='icon/info-error_24px' stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
+      <mask id='mask-2' fill='white'>
+        <use xlinkHref='#path-1'></use>
+      </mask>
+      <use id='icon/navigation/cancel_24px' fill='#D63737' fillRule='nonzero' xlinkHref='#path-1'></use>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/LogoutSvg.tsx

@@ -0,0 +1,27 @@
+import React, { type FC } from 'react'
+
+export const LogoutSvg: FC = () => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+  >
+    <defs>
+      <path
+        id='prefix__a__logout'
+        d='M21 3.01H3c-1.1 0-2 .9-2 2V9h2V4.99h18v14.03H3V15H1v4.01c0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98v-14c0-1.11-.9-2-2-2zM11 8l4 4-4 4v-3H1v-2h10V8z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H24V24H0z' />
+      <mask id='prefix__b__logout' fill='#fff'>
+        <use xlinkHref='#prefix__a__logout' />
+      </mask>
+      <g fill='#B5BABD' mask='url(#prefix__b__logout)'>
+        <path d='M0 0H24V24H0z' />
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/MailSvg.tsx

@@ -0,0 +1,24 @@
+import React from 'react'
+
+export const MailSvg: React.FC = () => {
+  return (
+    <svg
+      width='24'
+      height='24'
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      className='email-icon'
+    >
+      <g id='icon/chevron/chevron_left_24px copy 26'>
+        <path
+          id='path'
+          fillRule='evenodd'
+          clipRule='evenodd'
+          d='M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6ZM20 6L12 10.99L4 6H20ZM12 13L4 8V18H20V8L12 13Z'
+          fill='#1E2021'
+        />
+      </g>
+    </svg>
+  )
+}

package/dist/images/componentsSvg/MenuCollapse24p.tsx

@@ -0,0 +1,43 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface MenuCollapse24pProps {
+  className?: string
+}
+
+export const MenuCollapse24p: FC<MenuCollapse24pProps> = ({ className }: MenuCollapse24pProps) => (
+  <svg
+    className={className}
+    width='24px'
+    height='24px'
+    viewBox='0 0 24 24'
+    version='1.1'
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+  >
+    <title>735FFC4F-7DB9-4268-8987-12A1D38D3294</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+      <path
+        d='M12,18 C13.1045695,18 14,18.8954305 14,20 C14,21.1045695 13.1045695,22 12,22 C10.8954305,22 10,21.1045695 10,20 C10,18.8954305 10.8954305,18 12,18 Z M12,10 C13.1045695,10 14,10.8954305 14,12 C14,13.1045695 13.1045695,14 12,14 C10.8954305,14 10,13.1045695 10,12 C10,10.8954305 10.8954305,10 12,10 Z M12,2 C13.1045695,2 14,2.8954305 14,4 C14,5.1045695 13.1045695,6 12,6 C10.8954305,6 10,5.1045695 10,4 C10,2.8954305 10.8954305,2 12,2 Z'
+        id='path-1-collapse'
+      ></path>
+    </defs>
+    <g id='Dashboard-MyDocs-collapse' stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
+      <g id='LD-DesktopHD-MyDocs-Dashboard-collapse' transform='translate(-1304.000000, -260.000000)'>
+        <g id='DashboardList-Doc-collapse' transform='translate(328.000000, 223.000000)'>
+          <g id='icon/menu-colapse_24p' transform='translate(976.000000, 37.000000)'>
+            <rect id='Bound-collapse' x='0' y='0' width='24' height='24'></rect>
+            <mask id='mask-2-collapse' fill='white'>
+              <use xlinkHref='#path-1-collapse'></use>
+            </mask>
+            <g id='icon/editor/format_color_text_24px' fillRule='nonzero'></g>
+            <g id='↳-Color' mask='url(#mask-2-collapse)' fill='#6D7275'>
+              <rect id='Rectangle' x='0' y='0' width='24' height='24'></rect>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/NewDocumentSvg.tsx

@@ -0,0 +1,28 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+export const NewDocumentSvg: FC = () => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+  >
+    <defs>
+      <path
+        id='prefix__a'
+        d='M8 13h8v2H8v-2zm5-3v8h-2v-8h2zm1-8H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H24V24H0z' />
+      <mask id='prefix__b' fill='#fff'>
+        <use xlinkHref='#prefix__a' />
+      </mask>
+      <g fill='#F3F7FA' mask='url(#prefix__b)'>
+        <path d='M0 0H24V24H0z' />
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/NewRelease24p.tsx

@@ -0,0 +1,26 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface NewRelease24pProps {
+  className: string
+}
+
+export const NewRelease24p: FC<NewRelease24pProps> = ({ className }: NewRelease24pProps) => (
+  <svg className={className} xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'>
+    <defs>
+      <path
+        id='new-release__a'
+        d='M15.333 7.997l-1.626-1.854.226-2.453-2.406-.547-1.26-2.12L8 1.997l-2.267-.974-1.26 2.12-2.406.54.226 2.454-1.626 1.86L2.293 9.85l-.226 2.46 2.406.547 1.26 2.12L8 13.997l2.267.973 1.26-2.12 2.406-.547-.226-2.453 1.626-1.853zm-3.006 1.406l.173 1.86-1.827.414-.953 1.606-1.72-.74-1.72.74-.953-1.606-1.827-.414.173-1.866-1.233-1.4 1.233-1.414L3.5 4.73l1.827-.407.953-1.606L8 3.45l1.72-.74.953 1.607 1.827.413-.173 1.86 1.233 1.407-1.233 1.406zm-4.994.594h1.334v1.333H7.333V9.997zm0-5.334h1.334v4H7.333v-4z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H16V16H0z' />
+      <mask id='new-release__b' fill='#fff'>
+        <use xlinkHref='#new-release__a' />
+      </mask>
+      <g fill='#FCF4E5' mask='url(#new-release__b)'>
+        <path d='M0 0H16V16H0z' />
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/PhoneIcon24px.tsx

@@ -0,0 +1,47 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface PhoneIcon24pxProps {
+  className?: string
+  width?: string
+  height?: string
+}
+
+export const PhoneIcon24px: FC<PhoneIcon24pxProps> = ({
+  className = '',
+  width = '24',
+  height = '24'
+}): React.ReactElement => (
+  <svg
+    className={className}
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width={width}
+    height={height}
+    viewBox='0 0 24 24'
+  >
+    <defs>
+      <path
+        id='phone-icon-24p'
+        d='M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <g>
+        <g>
+          <g>
+            <g transform='translate(-376.000000, -314.000000) translate(328.000000, 205.000000) translate(32.000000, 90.000000) translate(16.000000, 19.000000)'>
+              <path d='M0 0H24V24H0z' />
+              <mask id='7tvbvoimzb' fill='#fff'>
+                <use xlinkHref='#phone-icon-24p' />
+              </mask>
+              <g className='icon-web-24-p' fill='#000' mask='url(#7tvbvoimzb)'>
+                <path d='M0 0H24V24H0z' />
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/SvgProps.ts

@@ -0,0 +1,5 @@
+export interface SvgProps {
+  width?: number
+  height?: number
+  alt: string
+}

package/dist/images/componentsSvg/SymbolDoc.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+
+export const SymbolDoc: React.FC = () => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='#1E2021'>
+      <path
+        fillRule='evenodd'
+        clipRule='evenodd'
+        d='M14.2929 2.29289C14.1054 2.10536 13.851 2 13.5858 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8.41421C20 8.149 19.8946 7.89464 19.7071 7.70711L14.2929 2.29289ZM9 12C8.44772 12 8 12.4477 8 13C8 13.5523 8.44772 14 9 14H15C15.5523 14 16 13.5523 16 13C16 12.4477 15.5523 12 15 12H9ZM9 16C8.44772 16 8 16.4477 8 17C8 17.5523 8.44772 18 9 18H15C15.5523 18 16 17.5523 16 17C16 16.4477 15.5523 16 15 16H9ZM6 20H18V9H14C13.4477 9 13 8.55228 13 8V4H6V20Z'
+        fill='inherit'
+      />
+    </svg>
+  )
+}

package/dist/images/componentsSvg/Time24px.tsx

@@ -0,0 +1,33 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface Time24pxProps {
+  className: string
+}
+
+export const Time24px: FC<Time24pxProps> = ({ className }: Time24pxProps) => (
+  <svg
+    className={className}
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='16'
+    height='16'
+    viewBox='0 0 16 16'
+  >
+    <defs>
+      <path
+        id='time'
+        d='M7.993 1.333c-3.68 0-6.66 2.987-6.66 6.667 0 3.68 2.98 6.667 6.66 6.667 3.687 0 6.674-2.987 6.674-6.667 0-3.68-2.987-6.667-6.674-6.667zm.007 12c-2.947 0-5.333-2.386-5.333-5.333S5.053 2.667 8 2.667 13.333 5.053 13.333 8 10.947 13.333 8 13.333zm.333-8.666h-1v4l3.5 2.1.5-.82-3-1.78v-3.5z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H16V16H0z' />
+      <mask id='time2' fill='#fff'>
+        <use xlinkHref='#time' />
+      </mask>
+      <g fill='#936C2F' mask='url(#time2)'>
+        <path d='M0 0H16V16H0z' />
+      </g>
+    </g>
+  </svg>
+)