feat: adding icons

.github/workflows/.chromatic.yml

@@ -1,6 +1,6 @@
 name: 'Chromatic'
 
-on: 
+on:
   push:
     branches: ['main']
   pull_request:

package.json

@@ -54,6 +54,7 @@
     "@storybook/react": "^6.5.16",
     "@storybook/testing-library": "^0.0.13",
     "@testing-library/react": "^13.4.0",
+    "@types/dompurify": "^2.4.0",
     "@types/jest": "^29.4.0",
     "@types/react": "^18.0.27",
     "@typescript-eslint/eslint-plugin": "^5.49.0",
@@ -100,6 +101,7 @@
     }
   },
   "dependencies": {
-    "@stitches/react": "^1.2.8"
+    "@stitches/react": "^1.2.8",
+    "dompurify": "^2.4.3"
   }
 }

src/components/icons/icons.tsx

@@ -0,0 +1,46 @@
+import DOMPurify from 'dompurify';
+import { iconsPaths, iconType } from './svgs/icons';
+
+export type SvgModule = typeof import('./svgs/icons');
+export type IconPaths = keyof typeof iconsPaths;
+
+import { styled } from '@stitches/react';
+
+export interface IonIconProps {
+  type: iconType;
+  size?: number;
+  color?: string;
+}
+
+function pathPurify(iconType: iconType): string {
+  const iconPath = iconsPaths[iconType];
+  const iconPathPurify = DOMPurify.sanitize(`<svg> ${iconPath} </svg>`);
+  const pathWithoutSvg = iconPathPurify.substring(5, iconPathPurify.length - 6);
+  return pathWithoutSvg;
+}
+
+const defaultSize = 24
+
+const Icon = styled('svg', {
+  height: `${(size: number) => `${ size || defaultSize }px`}`,
+  width: `${(size: number) => `${ size || defaultSize }px`}`,
+  fill: `${(color: string) => color || '#282B33'}`,
+});
+
+const IonIcon = ({ type, color, size }: IonIconProps) => {
+  const iconPath = pathPurify(type);
+  return (
+    <Icon
+      data-testid={`ion-icon-${type}`}
+      viewBox="0 0 24 24"
+      height={size}
+      width={size}
+      fill={color}
+      dangerouslySetInnerHTML={{
+        __html: iconPath,
+      }}
+    ></Icon>
+  );
+};
+
+export default IonIcon;

src/components/icons/index.ts

@@ -0,0 +1 @@
+export { default } from './icons';

src/components/icons/svgs/icons.ts

@@ -0,0 +1,206 @@
+import {
+  access,
+  add,
+  alert,
+  arrowsDownUp,
+  arrowsUpDown,
+  auditForwarded,
+  calendar,
+  calendarAttention,
+  calendarMoney,
+  check,
+  checkSolid,
+  clockSolid,
+  close,
+  closeSolid,
+  closeRounded,
+  condominium,
+  config,
+  doc,
+  docAdd,
+  docCheck,
+  docClose,
+  docWarning,
+  exclamation,
+  exclamationSolid,
+  exclamationRounded,
+  expand,
+  filter,
+  headset,
+  info,
+  infoSolid,
+  left2,
+  left3,
+  localization,
+  messageBallon,
+  motorcycle,
+  option,
+  out,
+  pencil,
+  plusSolid,
+  questionRounded,
+  refresh,
+  right2,
+  right3,
+  sandwich,
+  search,
+  semiDown,
+  semiUp,
+  serviceInternet,
+  servicePhone,
+  serviceTv,
+  sortAsc,
+  sortDesc,
+  starSolid,
+  onu,
+  sub,
+  technical,
+  trash,
+  union,
+  user,
+  wait,
+  waitWarning,
+  working,
+  checkOutlined,
+  arrowsLeftRight,
+  download,
+  upload,
+} from './iconsText';
+
+// To add an icon, use kebab-case on key name and insert only SVG paths on value
+export const iconsPaths: Record<string, string> = {
+  access,
+  add,
+  'arrows-down-up': arrowsDownUp,
+  'arrows-up-down': arrowsUpDown,
+  'arrows-left-right': arrowsLeftRight,
+  sub,
+  calendar,
+  'calendar-attention': calendarAttention,
+  'calendar-money': calendarMoney,
+  check,
+  'check-solid': checkSolid,
+  'check-outlined': checkOutlined,
+  'clock-solid': clockSolid,
+  close,
+  'close-solid': closeSolid,
+  'close-rounded': closeRounded,
+  doc,
+  'doc-add': docAdd,
+  'exclamation-solid': exclamationSolid,
+  'exclamation-rounded': exclamationRounded,
+  exclamation,
+  expand,
+  filter,
+  headset,
+  info,
+  'info-solid': infoSolid,
+  left2,
+  left3,
+  'message-ballon': messageBallon,
+  pencil,
+  'question-rounded': questionRounded,
+  out,
+  option,
+  'plus-solid': plusSolid,
+  refresh,
+  right2,
+  right3,
+  sandwich,
+  search,
+  'semi-down': semiDown,
+  'semi-up': semiUp,
+  'service-phone': servicePhone,
+  'service-tv': serviceTv,
+  'service-internet': serviceInternet,
+  'sort-asc': sortAsc,
+  'sort-desc': sortDesc,
+  'star-solid': starSolid,
+  technical,
+  trash,
+  union,
+  wait,
+  'wait-warning': waitWarning,
+  working,
+  onu,
+  'doc-close': docClose,
+  'doc-check': docCheck,
+  'doc-warning': docWarning,
+  condominium,
+  config,
+  alert,
+  user,
+  motorcycle,
+  localization,
+  auditForwarded,
+  download,
+  upload,
+};
+
+export type iconType =
+  | 'access'
+  | 'add'
+  | 'arrows-down-up'
+  | 'arrows-up-down'
+  | 'arrows-left-right'
+  | 'sub'
+  | 'calendar'
+  | 'calendar-attention'
+  | 'calendar-money'
+  | 'check'
+  | 'check-solid'
+  | 'check-outlined'
+  | 'clock-solid'
+  | 'close'
+  | 'close-solid'
+  | 'close-rounded'
+  | 'doc'
+  | 'doc-add'
+  | 'exclamation-solid'
+  | 'exclamation-rounded'
+  | 'exclamation'
+  | 'expand'
+  | 'filter'
+  | 'headset'
+  | 'info'
+  | 'info-solid'
+  | 'left2'
+  | 'left3'
+  | 'message-ballon'
+  | 'pencil'
+  | 'question-rounded'
+  | 'out'
+  | 'option'
+  | 'plus-solid'
+  | 'refresh'
+  | 'right2'
+  | 'right3'
+  | 'sandwich'
+  | 'search'
+  | 'semi-down'
+  | 'semi-up'
+  | 'service-phone'
+  | 'service-tv'
+  | 'service-internet'
+  | 'sort-asc'
+  | 'sort-desc'
+  | 'star-solid'
+  | 'technical'
+  | 'trash'
+  | 'union'
+  | 'wait'
+  | 'wait-warning'
+  | 'working'
+  | 'onu'
+  | 'doc-close'
+  | 'doc-check'
+  | 'doc-warning'
+  | 'condominium'
+  | 'config'
+  | 'alert'
+  | 'user'
+  | 'motorcycle'
+  | 'localization'
+  | 'auditForwarded'
+  | 'download'
+  | 'upload';

src/components/icons/svgs/iconsText/access.ts

@@ -0,0 +1 @@
+export default '<path d="M6.29537 17.7046C5.90154 17.3108 5.90154 16.6723 6.29537 16.2785L14.5569 8.01689H11.2869C10.73 8.01689 10.2785 7.5654 10.2785 7.00845C10.2785 6.4515 10.73 6 11.2869 6H16.9916C17.5485 6 18 6.4515 18 7.00845V12.7131C18 13.27 17.5485 13.7215 16.9916 13.7215C16.4346 13.7215 15.9831 13.27 15.9831 12.7131V9.44305L7.72153 17.7046C7.3277 18.0985 6.68919 18.0985 6.29537 17.7046Z"/>';

src/components/icons/svgs/iconsText/add.ts

@@ -0,0 +1 @@
+export default '<path d="M13.25 5.5C13.25 4.80964 12.6904 4.25 12 4.25C11.3096 4.25 10.75 4.80964 10.75 5.5V10.75H5.5C4.80964 10.75 4.25 11.3096 4.25 12C4.25 12.6904 4.80964 13.25 5.5 13.25H10.75V18.5C10.75 19.1904 11.3096 19.75 12 19.75C12.6904 19.75 13.25 19.1904 13.25 18.5V13.25H18.5C19.1904 13.25 19.75 12.6904 19.75 12C19.75 11.3096 19.1904 10.75 18.5 10.75H13.25V5.5Z"/>';

src/components/icons/svgs/iconsText/alert.ts

@@ -0,0 +1,8 @@
+export default `
+<path d="M11 5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5V7C13 7.55228 12.5523 8 12 8C11.4477 8 11 7.55228 11 7V5Z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17 18V14C17 11.2386 14.7614 9 12 9C9.23858 9 7 11.2386 7 14V18H6.5C5.94772 18 5.5 18.4477 5.5 19C5.5 19.5523 5.94772 20 6.5 20H17.5C18.0523 20 18.5 19.5523 18.5 19C18.5 18.4477 18.0523 18 17.5 18H17ZM15 18V14C15 12.3431 13.6569 11 12 11C10.3431 11 9 12.3431 9 14V18H15Z"/>
+<path d="M19.1057 6.98009C18.7152 6.58957 18.082 6.58957 17.6915 6.98009L16.2773 8.3943C15.8867 8.78483 15.8867 9.41799 16.2773 9.80852C16.6678 10.199 17.301 10.199 17.6915 9.80852L19.1057 8.3943C19.4962 8.00378 19.4962 7.37062 19.1057 6.98009Z"/>
+<path d="M21 13C21.5523 13 22 13.4477 22 14C22 14.5523 21.5523 15 21 15H19C18.4477 15 18 14.5523 18 14C18 13.4477 18.4477 13 19 13H21Z"/>
+<path d="M6 14C6 13.4477 5.55228 13 5 13H3C2.44772 13 2 13.4477 2 14C2 14.5523 2.44772 15 3 15H5C5.55228 15 6 14.5523 6 14Z"/>
+<path d="M6.36624 9.78045C6.75677 10.171 7.38993 10.171 7.78046 9.78045C8.17098 9.38993 8.17098 8.75677 7.78046 8.36624L6.36624 6.95203C5.97572 6.5615 5.34255 6.5615 4.95203 6.95203C4.56151 7.34255 4.56151 7.97572 4.95203 8.36624L6.36624 9.78045Z"/>
+`;

src/components/icons/svgs/iconsText/arrows-down-up.ts

@@ -0,0 +1,2 @@
+export default `<path d="M15 13C15 13.5523 14.5523 14 14 14C13.4477 14 13 13.5523 13 13L13 5.41421L10.7071 7.70711C10.3166 8.09763 9.68342 8.09763 9.29289 7.70711C8.90237 7.31658 8.90237 6.68342 9.29289 6.29289L13.2929 2.29289C13.6834 1.90237 14.3166 1.90237 14.7071 2.29289L18.7071 6.29289C19.0976 6.68341 19.0976 7.31658 18.7071 7.7071C18.3166 8.09763 17.6834 8.09763 17.2929 7.7071L15 5.41421L15 13Z"/>
+<path d="M9 11C9 10.4477 9.44772 10 10 10C10.5523 10 11 10.4477 11 11L11 18.5858L13.2929 16.2929C13.6834 15.9024 14.3166 15.9024 14.7071 16.2929C15.0976 16.6834 15.0976 17.3166 14.7071 17.7071L10.7071 21.7071C10.3166 22.0976 9.68342 22.0976 9.29289 21.7071L5.29289 17.7071C4.90237 17.3166 4.90237 16.6834 5.29289 16.2929C5.68342 15.9024 6.31658 15.9024 6.70711 16.2929L9 18.5858V11Z"/>`;

src/components/icons/svgs/iconsText/arrows-left-right.ts

@@ -0,0 +1,4 @@
+export default `
+<path d="M11 9C10.4477 9 10 9.44771 10 10C10 10.5523 10.4477 11 11 11L18.5858 11L16.2929 13.2929C15.9024 13.6834 15.9024 14.3166 16.2929 14.7071C16.6834 15.0976 17.3166 15.0976 17.7071 14.7071L21.7071 10.7071C22.0976 10.3166 22.0976 9.68342 21.7071 9.29289L17.7071 5.29289C17.3166 4.90237 16.6834 4.90237 16.2929 5.29289C15.9024 5.68342 15.9024 6.31658 16.2929 6.70711L18.5858 9L11 9Z"/>
+<path d="M13 15C13.5523 15 14 14.5523 14 14C14 13.4477 13.5523 13 13 13L5.41421 13L7.70711 10.7071C8.09763 10.3166 8.09763 9.68342 7.70711 9.29289C7.31658 8.90237 6.68342 8.90237 6.29289 9.29289L2.29289 13.2929C1.90237 13.6834 1.90237 14.3166 2.29289 14.7071L6.29289 18.7071C6.68342 19.0976 7.31658 19.0976 7.70711 18.7071C8.09763 18.3166 8.09763 17.6834 7.70711 17.2929L5.41421 15L13 15Z" />
+`;

src/components/icons/svgs/iconsText/arrows-up-down.ts

@@ -0,0 +1,2 @@
+export default `<path d="M9 13C9 13.5523 9.44771 14 10 14C10.5523 14 11 13.5523 11 13L11 5.41421L13.2929 7.70711C13.6834 8.09763 14.3166 8.09763 14.7071 7.70711C15.0976 7.31658 15.0976 6.68342 14.7071 6.29289L10.7071 2.29289C10.3166 1.90237 9.68342 1.90237 9.29289 2.29289L5.29289 6.29289C4.90237 6.68341 4.90237 7.31658 5.29289 7.7071C5.68342 8.09763 6.31658 8.09763 6.70711 7.7071L9 5.41421L9 13Z"/>
+<path d="M15 11C15 10.4477 14.5523 10 14 10C13.4477 10 13 10.4477 13 11L13 18.5858L10.7071 16.2929C10.3166 15.9024 9.68342 15.9024 9.29289 16.2929C8.90237 16.6834 8.90237 17.3166 9.29289 17.7071L13.2929 21.7071C13.6834 22.0976 14.3166 22.0976 14.7071 21.7071L18.7071 17.7071C19.0976 17.3166 19.0976 16.6834 18.7071 16.2929C18.3166 15.9024 17.6834 15.9024 17.2929 16.2929L15 18.5858V11Z"/>`;

src/components/icons/svgs/iconsText/audit-forwarded.ts

@@ -0,0 +1,4 @@
+export default `
+<path d="M12 3C7.58172 3 4 6.58172 4 11C4 15.4183 7.58172 19 12 19H16.5858L16.2929 19.2929C15.9024 19.6834 15.9024 20.3166 16.2929 20.7071C16.6834 21.0976 17.3166 21.0976 17.7071 20.7071L19.7071 18.7071C20.0976 18.3166 20.0976 17.6834 19.7071 17.2929L17.7071 15.2929C17.3166 14.9024 16.6834 14.9024 16.2929 15.2929C15.9024 15.6834 15.9024 16.3166 16.2929 16.7071L16.5858 17H12C8.68629 17 6 14.3137 6 11C6 7.68629 8.68629 5 12 5C15.3137 5 18 7.68629 18 11V11.5C18 12.0523 18.4477 12.5 19 12.5C19.5523 12.5 20 12.0523 20 11.5V11C20 6.58172 16.4183 3 12 3Z" />
+<path d="M15.6839 8.27046C16.0869 8.64819 16.1073 9.28103 15.7295 9.68394L11.9795 13.6839C11.7905 13.8856 11.5264 14 11.25 14C10.9736 14 10.7095 13.8856 10.5205 13.6839L8.27046 11.2839C7.89273 10.881 7.91315 10.2482 8.31606 9.87046C8.71897 9.49273 9.35181 9.51315 9.72954 9.91606L11.25 11.5379L14.2705 8.31606C14.6482 7.91315 15.281 7.89273 15.6839 8.27046Z" />
+`;

src/components/icons/svgs/iconsText/calendar-attention.ts

@@ -0,0 +1,5 @@
+export default `
+<path d="M12 8C11.4477 8 11 8.44772 11 9V13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V9C13 8.44772 12.5523 8 12 8Z" />
+<path d="M10.75 16.75C10.75 16.0596 11.3096 15.5 12 15.5C12.6904 15.5 13.25 16.0596 13.25 16.75C13.25 17.4404 12.6904 18 12 18C11.3096 18 10.75 17.4404 10.75 16.75Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 3C8 2.44772 7.55228 2 7 2C6.44772 2 6 2.44772 6 3V4H5C3.34315 4 2 5.34315 2 7V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V7C22 5.34315 20.6569 4 19 4H18V3C18 2.44772 17.5523 2 17 2C16.4477 2 16 2.44772 16 3V4H8V3ZM5 6H6C6 6.55228 6.44772 7 7 7C7.55228 7 8 6.55228 8 6H16C16 6.55228 16.4477 7 17 7C17.5523 7 18 6.55228 18 6H19C19.5523 6 20 6.44771 20 7V9H16C15.4477 9 15 9.44771 15 10C15 10.5523 15.4477 11 16 11H20V19C20 19.5523 19.5523 20 19 20H5C4.44772 20 4 19.5523 4 19V11H8C8.55228 11 9 10.5523 9 10C9 9.44771 8.55228 9 8 9H4V7C4 6.44772 4.44772 6 5 6Z" />
+`;

src/components/icons/svgs/iconsText/calendar-money.ts

@@ -0,0 +1,4 @@
+export default `
+<path d="M13 8V9H14C14.5523 9 15 9.44771 15 10C15 10.5523 14.5523 11 14 11H11.5C11.2239 11 11 11.2239 11 11.5C11 11.7761 11.2239 12 11.5 12H12.5C13.8807 12 15 13.1193 15 14.5C15 15.7099 14.1405 16.7191 12.9988 16.9502C12.9996 16.9667 13 16.9833 13 17V18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18V17H10C9.44771 17 9 16.5523 9 16C9 15.4477 9.44771 15 10 15H12.5C12.7761 15 13 14.7761 13 14.5C13 14.2239 12.7761 14 12.5 14H11.5C10.1193 14 9 12.8807 9 11.5C9 10.2901 9.85949 9.28092 11.0012 9.04976C11.0004 9.03328 11 9.01669 11 9V8C11 7.44772 11.4477 7 12 7C12.5523 7 13 7.44772 13 8Z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 3C8 2.44772 7.55228 2 7 2C6.44772 2 6 2.44772 6 3V4H5C3.34315 4 2 5.34315 2 7V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V7C22 5.34315 20.6569 4 19 4H18V3C18 2.44772 17.5523 2 17 2C16.4477 2 16 2.44772 16 3V4H8V3ZM5 6H6C6 6.55228 6.44772 7 7 7C7.55228 7 8 6.55228 8 6H16C16 6.55228 16.4477 7 17 7C17.5523 7 18 6.55228 18 6H19C19.5523 6 20 6.44771 20 7V9H17C16.4477 9 16 9.44771 16 10C16 10.5523 16.4477 11 17 11H20V19C20 19.5523 19.5523 20 19 20H5C4.44772 20 4 19.5523 4 19V11H7C7.55228 11 8 10.5523 8 10C8 9.44771 7.55228 9 7 9H4V7C4 6.44772 4.44772 6 5 6Z"/>
+`;

src/components/icons/svgs/iconsText/calendar.ts

@@ -0,0 +1,9 @@
+export default `<svg width="24" height="24" viewBox="0 0 24 24" fill-rule="evenodd" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 13C9 13.5523 8.55228 14 8 14C7.44772 14 7 13.5523 7 13C7 12.4477 7.44772 12 8 12C8.55228 12 9 12.4477 9 13Z"/>
+<path d="M8 18C8.55228 18 9 17.5523 9 17C9 16.4477 8.55228 16 8 16C7.44772 16 7 16.4477 7 17C7 17.5523 7.44772 18 8 18Z"/>
+<path d="M13 13C13 13.5523 12.5523 14 12 14C11.4477 14 11 13.5523 11 13C11 12.4477 11.4477 12 12 12C12.5523 12 13 12.4477 13 13Z"/>
+<path d="M12 18C12.5523 18 13 17.5523 13 17C13 16.4477 12.5523 16 12 16C11.4477 16 11 16.4477 11 17C11 17.5523 11.4477 18 12 18Z"/>
+<path d="M17 13C17 13.5523 16.5523 14 16 14C15.4477 14 15 13.5523 15 13C15 12.4477 15.4477 12 16 12C16.5523 12 17 12.4477 17 13Z"/>
+<path d="M16 18C16.5523 18 17 17.5523 17 17C17 16.4477 16.5523 16 16 16C15.4477 16 15 16.4477 15 17C15 17.5523 15.4477 18 16 18Z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 3C8 2.44771 7.55228 2 7 2C6.44772 2 6 2.44771 6 3V4H5C3.34315 4 2 5.34314 2 7V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V7C22 5.34314 20.6569 4 19 4H18V3C18 2.44771 17.5523 2 17 2C16.4477 2 16 2.44771 16 3V4H8V3ZM20 9V7C20 6.44771 19.5523 6 19 6H18C18 6.55229 17.5523 7 17 7C16.4477 7 16 6.55229 16 6H8C8 6.55229 7.55228 7 7 7C6.44772 7 6 6.55229 6 6H5C4.44772 6 4 6.44771 4 7V9H20ZM4 11H20V19C20 19.5523 19.5523 20 19 20H5C4.44772 20 4 19.5523 4 19V11Z" />
+</svg>`;

src/components/icons/svgs/iconsText/check-outlined.ts

@@ -0,0 +1,4 @@
+export default `
+<path d="M16.7071 10.7071C17.0976 10.3166 17.0976 9.68342 16.7071 9.29289C16.3166 8.90237 15.6834 8.90237 15.2929 9.29289L11 13.5858L8.70711 11.2929C8.31658 10.9024 7.68342 10.9024 7.29289 11.2929C6.90237 11.6834 6.90237 12.3166 7.29289 12.7071L10.2929 15.7071C10.6834 16.0976 11.3166 16.0976 11.7071 15.7071L16.7071 10.7071Z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5C15.866 5 19 8.13401 19 12Z"/>
+`;

src/components/icons/svgs/iconsText/check-solid.ts

@@ -0,0 +1 @@
+export default '<path fill-rule="evenodd" clip-rule="evenodd" d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM16.7071 10.7071C17.0976 10.3166 17.0976 9.68342 16.7071 9.29289C16.3166 8.90237 15.6834 8.90237 15.2929 9.29289L11 13.5858L8.70711 11.2929C8.31658 10.9024 7.68342 10.9024 7.29289 11.2929C6.90237 11.6834 6.90237 12.3166 7.29289 12.7071L10.2929 15.7071C10.4804 15.8946 10.7348 16 11 16C11.2652 16 11.5196 15.8946 11.7071 15.7071L16.7071 10.7071Z"/>';

src/components/icons/svgs/iconsText/check.ts

@@ -0,0 +1 @@
+export default '<path d="M19.4603 8.3002C19.9022 7.76993 19.8306 6.98172 19.3002 6.5397C18.7699 6.09781 17.9817 6.16946 17.5397 6.69986L10.8752 14.6973L6.34085 10.5751C5.83003 10.1107 5.03947 10.1483 4.57508 10.6592C4.1107 11.1699 4.14835 11.9606 4.65917 12.425L10.1592 17.425C10.4114 17.6542 10.7463 17.7705 11.0863 17.7471C11.4264 17.7235 11.7421 17.5622 11.9603 17.3002L19.4603 8.3002Z"/>';

src/components/icons/svgs/iconsText/clock-solid.ts

@@ -0,0 +1 @@
+export default '<path fill-rule="evenodd" clip-rule="evenodd" d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7V12C11 12.4045 11.2436 12.7691 11.6173 12.9239C11.991 13.0787 12.4211 12.9931 12.7071 12.7071L15.2071 10.2071C15.5976 9.81658 15.5976 9.18342 15.2071 8.79289C14.8166 8.40237 14.1834 8.40237 13.7929 8.79289L13 9.58579V7Z"/>';

src/components/icons/svgs/iconsText/close-rounded.ts

@@ -0,0 +1,2 @@
+export default `<path d="M8.46446 10.2121C8.07394 9.82153 8.07394 9.18837 8.46446 8.79784C8.85498 8.40732 9.48814 8.40732 9.87868 8.79784L12 10.9192L14.1213 8.79784C14.5118 8.40731 15.145 8.40731 15.5355 8.79784C15.9261 9.18836 15.9261 9.82153 15.5355 10.2121L13.4142 12.3334L15.5355 14.4547C15.9261 14.8452 15.9261 15.4784 15.5355 15.8689C15.145 16.2594 14.5118 16.2594 14.1213 15.8689L12 13.7476L9.87868 15.8689C9.48816 16.2594 8.855 16.2594 8.46446 15.8689C8.07394 15.4784 8.07394 14.8452 8.46446 14.4547L10.5858 12.3334L8.46446 10.2121Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 21.3334C16.9706 21.3334 21 17.3039 21 12.3334C21 7.36281 16.9706 3.33337 12 3.33337C7.02943 3.33337 3 7.36281 3 12.3334C3 17.3039 7.02943 21.3334 12 21.3334ZM12 19.3334C15.866 19.3334 19 16.1994 19 12.3334C19 8.46738 15.866 5.33337 12 5.33337C8.134 5.33337 5 8.46738 5 12.3334C5 16.1994 8.134 19.3334 12 19.3334Z" />`;

src/components/icons/svgs/iconsText/close-solid.ts

@@ -0,0 +1 @@
+export default '<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63604 18.364C9.15076 21.8787 14.8492 21.8787 18.364 18.364C21.8787 14.8492 21.8787 9.15076 18.364 5.63604C14.8492 2.12132 9.15076 2.12132 5.63604 5.63604C2.12132 9.15076 2.12132 14.8492 5.63604 18.364ZM15.5355 9.87868C15.9261 9.48816 15.9261 8.85499 15.5355 8.46447C15.145 8.07394 14.5118 8.07394 14.1213 8.46447L12 10.5858L9.87868 8.46447C9.48816 8.07394 8.85499 8.07394 8.46447 8.46447C8.07394 8.85499 8.07394 9.48816 8.46447 9.87868L10.5858 12L8.46447 14.1213C8.07394 14.5118 8.07394 15.145 8.46447 15.5355C8.85499 15.9261 9.48816 15.9261 9.87868 15.5355L12 13.4142L14.1213 15.5355C14.5118 15.9261 15.145 15.9261 15.5355 15.5355C15.9261 15.145 15.9261 14.5118 15.5355 14.1213L13.4142 12L15.5355 9.87868Z"/>';

src/components/icons/svgs/iconsText/close.ts

@@ -0,0 +1 @@
+export default '<path d="M7.38388 5.61612C6.89572 5.12796 6.10428 5.12796 5.61612 5.61612C5.12796 6.10428 5.12796 6.89578 5.61612 7.38394L10.2322 12L5.61612 16.6161C5.12796 17.1043 5.12796 17.8958 5.61612 18.3839C6.10428 18.8721 6.89572 18.8721 7.38388 18.3839L12 13.7679L16.6161 18.3839C17.1043 18.8721 17.8957 18.8721 18.3839 18.3839C18.872 17.8958 18.872 17.1043 18.3839 16.6161L13.7678 12L18.3839 7.38394C18.872 6.89578 18.872 6.10428 18.3839 5.61612C17.8957 5.12796 17.1043 5.12796 16.6161 5.61612L12 10.2322L7.38388 5.61612Z"/>';

src/components/icons/svgs/iconsText/condominium.ts

@@ -0,0 +1,7 @@
+export default `
+<path d="M8.5 11C8.22386 11 8 11.2239 8 11.5V13.5C8 13.7761 8.22386 14 8.5 14H10.5C10.7761 14 11 13.7761 11 13.5V11.5C11 11.2239 10.7761 11 10.5 11H8.5Z"/>
+<path d="M8 6.5C8 6.22386 8.22386 6 8.5 6H10.5C10.7761 6 11 6.22386 11 6.5V8.5C11 8.77614 10.7761 9 10.5 9H8.5C8.22386 9 8 8.77614 8 8.5V6.5Z"/>
+<path d="M13.5 11C13.2239 11 13 11.2239 13 11.5V13.5C13 13.7761 13.2239 14 13.5 14H15.5C15.7761 14 16 13.7761 16 13.5V11.5C16 11.2239 15.7761 11 15.5 11H13.5Z"/>
+<path d="M13 6.5C13 6.22386 13.2239 6 13.5 6H15.5C15.7761 6 16 6.22386 16 6.5V8.5C16 8.77614 15.7761 9 15.5 9H13.5C13.2239 9 13 8.77614 13 8.5V6.5Z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 2C4.44772 2 4 2.44772 4 3V21C4 21.5523 4.44772 22 5 22H19C19.5523 22 20 21.5523 20 21V3C20 2.44772 19.5523 2 19 2H5ZM15 20H18V4H6V20H9V17.5C9 16.6716 9.67157 16 10.5 16H13.5C14.3284 16 15 16.6716 15 17.5V20ZM11 20H13V18H11V20Z"/>
+`;