@tactics/toddle-styleguide 5.0.2 → 5.0.5

package/src/icons/solid/currency-euro/currency-euro.icon.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {HexColor} from '../../../models/hex-color.model';
+import {Scale} from '../../../theme/scale/index';
+
+export const CurrencyEuroIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+  return (
+    <Svg width={size} height={size} viewBox="0 0 18 18" fill="none">
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.99995 17.8C13.8601 17.8 17.7999 13.8601 17.7999 9.00001C17.7999 4.13991 13.8601 0.200012 8.99995 0.200012C4.13985 0.200012 0.199951 4.13991 0.199951 9.00001C0.199951 13.8601 4.13985 17.8 8.99995 17.8ZM7.60974 5.67687C8.12867 4.81199 8.66574 4.60001 8.99995 4.60001C9.33416 4.60001 9.87123 4.81199 10.3902 5.67687C10.7027 6.19781 11.3784 6.36673 11.8993 6.05417C12.4203 5.7416 12.5892 5.06592 12.2766 4.54498C11.5068 3.26198 10.3548 2.40001 8.99995 2.40001C7.64507 2.40001 6.49306 3.26198 5.72326 4.54498C5.4099 5.06723 5.16559 5.64434 4.98601 6.25001H4.59995C3.99244 6.25001 3.49995 6.7425 3.49995 7.35001C3.49995 7.95752 3.99244 8.45001 4.59995 8.45001H4.61466C4.60482 8.63374 4.59995 8.81728 4.59995 9.00001C4.59995 9.18274 4.60482 9.36629 4.61466 9.55001H4.59995C3.99244 9.55001 3.49995 10.0425 3.49995 10.65C3.49995 11.2575 3.99244 11.75 4.59995 11.75H4.98601C5.16559 12.3557 5.4099 12.9328 5.72326 13.455C6.49306 14.738 7.64507 15.6 8.99995 15.6C10.3548 15.6 11.5068 14.738 12.2766 13.455C12.5892 12.9341 12.4203 12.2584 11.8993 11.9459C11.3784 11.6333 10.7027 11.8022 10.3902 12.3232C9.87123 13.188 9.33416 13.4 8.99995 13.4C8.66574 13.4 8.12867 13.188 7.60974 12.3232C7.50315 12.1455 7.40616 11.9536 7.31933 11.75H8.99995C9.60746 11.75 10.1 11.2575 10.1 10.65C10.1 10.0425 9.60746 9.55001 8.99995 9.55001H6.8186C6.80623 9.36853 6.79995 9.18491 6.79995 9.00001C6.79995 8.81511 6.80623 8.63149 6.8186 8.45001H8.99995C9.60746 8.45001 10.1 7.95752 10.1 7.35001C10.1 6.7425 9.60746 6.25001 8.99995 6.25001H7.31933C7.40616 6.04637 7.50315 5.85453 7.60974 5.67687Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/document-text/document-text-solid.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const DocumentTextIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/document-text/document-text-solid.icon.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {HexColor} from '../../../models/hex-color.model';
+import {Scale} from '../../../theme/scale/index';
+
+export const DocumentTextIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+
+  return (
+    <Svg width={size} height={size} viewBox="0 0 14 18" fill="none">
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.400024 2.39995C0.400024 1.18493 1.385 0.199951 2.60002 0.199951H7.64439C8.22787 0.199951 8.78745 0.431736 9.20002 0.844316L12.9557 4.59995C13.3682 5.01253 13.6 5.57211 13.6 6.15559V15.5999C13.6 16.815 12.6151 17.7999 11.4 17.7999H2.60002C1.385 17.7999 0.400024 16.815 0.400024 15.5999V2.39995ZM2.60002 8.99995C2.60002 8.39244 3.09251 7.89995 3.70002 7.89995H10.3C10.9075 7.89995 11.4 8.39244 11.4 8.99995C11.4 9.60746 10.9075 10.1 10.3 10.1H3.70002C3.09251 10.1 2.60002 9.60746 2.60002 8.99995ZM3.70002 12.2999C3.09251 12.2999 2.60002 12.7924 2.60002 13.4C2.60002 14.0075 3.09251 14.5 3.70002 14.5H10.3C10.9075 14.5 11.4 14.0075 11.4 13.4C11.4 12.7924 10.9075 12.2999 10.3 12.2999H3.70002Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/exclamation/exclamation.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const ExclamationIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/exclamation/exclamation.icon.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {Scale} from '../../../theme/scale/index';
+
+export const ExclamationIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+  return (
+    <Svg width={size} height={size} viewBox="0 0 19 16" fill="none">
+      <Path
+        fill={color ? color : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.49549 1.40872C8.37479 -0.0865156 10.6254 -0.0865164 11.5047 1.40872L17.9221 12.3213C18.7845 13.7878 17.6766 15.5999 15.9175 15.5999H3.08277C1.32367 15.5999 0.215724 13.7878 1.07814 12.3213L7.49549 1.40872ZM10.65 12.3C10.65 12.9075 10.1351 13.4 9.50002 13.4C8.86489 13.4 8.35002 12.9075 8.35002 12.3C8.35002 11.6925 8.86489 11.2 9.50002 11.2C10.1351 11.2 10.65 11.6925 10.65 12.3ZM9.50002 3.50001C8.86489 3.50001 8.35002 3.9925 8.35002 4.60001V7.90001C8.35002 8.50753 8.86489 9.00001 9.50002 9.00001C10.1351 9.00001 10.65 8.50753 10.65 7.90001V4.60001C10.65 3.9925 10.1351 3.50001 9.50002 3.50001Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/exclamation-circle/exclamation-circle.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const ExclamationCircleIcon: ({ color, size, }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/exclamation-circle/exclamation-circle.icon.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {Scale} from '../../../theme/scale/index';
+
+export const ExclamationCircleIcon = ({
+  color,
+  size = Scale.l,
+}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+  return (
+    <Svg width={size} height={size} viewBox="0 0 18 19" fill="none">
+      <Path
+        fill={color ? color : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M17.7999 9.49999C17.7999 14.581 13.8601 18.7 8.99995 18.7C4.13985 18.7 0.199951 14.581 0.199951 9.49999C0.199951 4.41897 4.13985 0.299988 8.99995 0.299988C13.8601 0.299988 17.7999 4.41897 17.7999 9.49999ZM10.1 14.1C10.1 14.7351 9.60746 15.25 8.99995 15.25C8.39244 15.25 7.89995 14.7351 7.89995 14.1C7.89995 13.4649 8.39244 12.95 8.99995 12.95C9.60746 12.95 10.1 13.4649 10.1 14.1ZM8.99995 3.74999C8.39244 3.74999 7.89995 4.26486 7.89995 4.89999V9.49999C7.89995 10.1351 8.39244 10.65 8.99995 10.65C9.60746 10.65 10.1 10.1351 10.1 9.49999V4.89999C10.1 4.26486 9.60746 3.74999 8.99995 3.74999Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/eye/eye.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const EyeIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/eye/eye.icon.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {Scale} from '../../../theme/scale/index';
+
+export const EyeIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+  return (
+    <Svg width={size} height={size} viewBox="0 0 23 17" fill="none">
+      <Path
+        fill={color ? color : context.colors.main['0']}
+        d="M11.4999 10.8C12.7702 10.8 13.7999 9.77027 13.7999 8.50001C13.7999 7.22976 12.7702 6.20001 11.4999 6.20001C10.2297 6.20001 9.19995 7.22976 9.19995 8.50001C9.19995 9.77027 10.2297 10.8 11.4999 10.8Z"
+      />
+      <Path
+        fill={color ? color : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.526367 8.50006C1.99176 3.83436 6.3506 0.450012 11.4999 0.450012C16.6492 0.450012 21.008 3.83432 22.4734 8.49997C21.008 13.1657 16.6492 16.55 11.4999 16.55C6.35061 16.55 1.99178 13.1657 0.526367 8.50006ZM16.0999 8.50001C16.0999 11.0405 14.0405 13.1 11.4999 13.1C8.95944 13.1 6.89995 11.0405 6.89995 8.50001C6.89995 5.9595 8.95944 3.90001 11.4999 3.90001C14.0405 3.90001 16.0999 5.9595 16.0999 8.50001Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/eye-off/eye-off.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const EyeOffIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/eye-off/eye-off.icon.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {Scale} from '../../../theme/scale/index';
+
+export const EyeOffIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+  return (
+    <Svg width={size} height={size} viewBox="0 0 22 18" fill="none">
+      <Path
+        fill={color ? color : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.07779 0.522134C3.64822 0.092557 2.95174 0.092557 2.52216 0.522134C2.09258 0.95171 2.09258 1.64819 2.52216 2.07777L17.9222 17.4778C18.3517 17.9073 19.0482 17.9073 19.4778 17.4778C19.9074 17.0482 19.9074 16.3517 19.4778 15.9221L17.8573 14.3016C19.5486 12.9516 20.8329 11.1132 21.4966 8.99991C20.0949 4.53712 15.9256 1.29995 11.0002 1.29995C9.21429 1.29995 7.52776 1.72556 6.03654 2.48088L4.07779 0.522134ZM8.76492 5.20926L10.4302 6.87453C10.612 6.82588 10.8031 6.79995 11.0003 6.79995C12.2153 6.79995 13.2003 7.78492 13.2003 8.99995C13.2003 9.19711 13.1743 9.3882 13.1257 9.57002L14.791 11.2353C15.1781 10.5802 15.4003 9.81601 15.4003 8.99995C15.4003 6.5699 13.4303 4.59995 11.0003 4.59995C10.1842 4.59995 9.42002 4.82211 8.76492 5.20926Z"
+      />
+      <Path
+        fill={color ? color : context.colors.main['0']}
+        d="M13.6995 16.3663L10.7246 13.3915C8.51412 13.2548 6.74539 11.4861 6.60875 9.27561L2.56839 5.23525C1.65067 6.3294 0.941981 7.60481 0.503784 8.99999C1.90549 13.4628 6.0748 16.6999 11.0002 16.6999C11.9315 16.6999 12.8358 16.5842 13.6995 16.3663Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/filter/filter.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const FilterIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/filter/filter.icon.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {Scale} from '../../../theme/scale/index';
+
+export const FilterIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 18" fill="none">
+      <Path
+        fill={color ? color : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.300049 1.30001C0.300049 0.692499 0.792536 0.200012 1.40005 0.200012H14.6C15.2076 0.200012 15.7 0.692499 15.7 1.30001V4.60001C15.7 4.89175 15.5842 5.17154 15.3779 5.37783L10.2 10.5556V14.5C10.2 14.7918 10.0842 15.0715 9.87787 15.2778L7.67787 17.4778C7.36327 17.7924 6.89014 17.8865 6.4791 17.7163C6.06806 17.546 5.80005 17.1449 5.80005 16.7V10.5556L0.622231 5.37783C0.415941 5.17154 0.300049 4.89175 0.300049 4.60001V1.30001Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/information-circle/information-circle-solid.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const InformationCircleIcon: ({ color, size, }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/information-circle/information-circle-solid.icon.tsx

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {HexColor} from '../../../models/hex-color.model';
+import {Scale} from '../../../theme/scale/index';
+
+export const InformationCircleIcon = ({
+  color,
+  size = Scale.l,
+}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+
+  return (
+    <Svg width={size} height={size} viewBox="0 0 18 18" fill="none">
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M17.7999 9.00001C17.7999 13.8601 13.8601 17.8 8.99995 17.8C4.13985 17.8 0.199951 13.8601 0.199951 9.00001C0.199951 4.13991 4.13985 0.200012 8.99995 0.200012C13.8601 0.200012 17.7999 4.13991 17.7999 9.00001ZM10.1 4.60001C10.1 5.20752 9.60746 5.70001 8.99995 5.70001C8.39244 5.70001 7.89995 5.20752 7.89995 4.60001C7.89995 3.9925 8.39244 3.50001 8.99995 3.50001C9.60746 3.50001 10.1 3.9925 10.1 4.60001ZM7.89995 7.90001C7.29244 7.90001 6.79995 8.3925 6.79995 9.00001C6.79995 9.60752 7.29244 10.1 7.89995 10.1V13.4C7.89995 14.0075 8.39244 14.5 8.99995 14.5H10.1C10.7075 14.5 11.2 14.0075 11.2 13.4C11.2 12.7925 10.7075 12.3 10.1 12.3V9.00001C10.1 8.3925 9.60746 7.90001 8.99995 7.90001H7.89995Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/logout/logout.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const LogoutIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/logout/logout.icon.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {Scale} from '../../../theme/scale/index';
+
+export const LogoutIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+  return (
+    <Svg
+      width={size}
+      height={size}
+      viewBox="0 0 18 17"
+      fill="none"
+      style={{transform: [{scaleX: -1}]}}
+    >
+      <Path
+        fill={color ? color : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.30005 0.450011C1.90756 0.450011 2.40005 0.964884 2.40005 1.60001L2.40005 15.4C2.40005 16.0351 1.90756 16.55 1.30005 16.55C0.692535 16.55 0.200048 16.0351 0.200048 15.4L0.200048 1.60001C0.200048 0.964884 0.692535 0.450011 1.30005 0.450011ZM9.77787 4.23684C10.2074 4.68594 10.2074 5.41408 9.77787 5.86319L8.35568 7.35001L16.7 7.35001C17.3076 7.35001 17.8 7.86488 17.8 8.50001C17.8 9.13514 17.3076 9.65001 16.7 9.65001L8.35568 9.65001L9.77787 11.1368C10.2074 11.5859 10.2074 12.3141 9.77787 12.7632C9.34829 13.2123 8.65181 13.2123 8.22223 12.7632L4.92223 9.31319C4.71594 9.09752 4.60005 8.80501 4.60005 8.50001C4.60005 8.19501 4.71594 7.90251 4.92223 7.68684L8.22223 4.23684C8.65181 3.78774 9.34829 3.78774 9.77787 4.23684Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/mail/mail.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const MailIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/mail/mail.icon.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {HexColor} from '../../../models/hex-color.model';
+import {Scale} from '../../../theme/scale/index';
+
+export const MailIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+  return (
+    <Svg width={size} height={size} viewBox="0 0 18 14" fill="none">
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        d="M0.203618 2.4719L8.99989 6.87004L17.7963 2.47185C17.7299 1.31646 16.772 0.399994 15.5999 0.399994H2.39995C1.22792 0.399994 0.269949 1.31649 0.203618 2.4719Z"
+      />
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        d="M17.7999 4.92969L8.99989 9.32972L0.199951 4.92975V11.4C0.199951 12.615 1.18492 13.6 2.39995 13.6H15.5999C16.815 13.6 17.7999 12.615 17.7999 11.4V4.92969Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/mail-open/mail-open.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const MailOpenIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/mail-open/mail-open.icon.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {HexColor} from '../../../models/hex-color.model';
+import {Scale} from '../../../theme/scale/index';
+
+export const MailOpenIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+  return (
+    <Svg width={size} height={size} viewBox="0 0 18 18" fill="none">
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.23395 5.05364C0.590714 5.45567 0.199951 6.1607 0.199951 6.91924V15.5999C0.199951 16.8149 1.18492 17.7999 2.39995 17.7999H15.5999C16.815 17.7999 17.7999 16.8149 17.7999 15.5999V6.91924C17.7999 6.1607 17.4092 5.45567 16.7659 5.05364L10.1659 0.928642C9.45255 0.482771 8.54735 0.48277 7.83395 0.928642L1.23395 5.05364ZM4.11012 7.71808C3.60464 7.38109 2.92168 7.51768 2.5847 8.02316C2.24771 8.52864 2.3843 9.2116 2.88978 9.54859L8.38978 13.2153C8.75927 13.4616 9.24063 13.4616 9.61012 13.2153L15.1101 9.54859C15.6156 9.2116 15.7522 8.52864 15.4152 8.02316C15.0782 7.51768 14.3953 7.38109 13.8898 7.71808L8.99995 10.978L4.11012 7.71808Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/menu/menu.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const MenuIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/menu/menu.icon.tsx

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {HexColor} from '../../../models/hex-color.model';
+import {Scale} from '../../../theme/scale/index';
+
+export const MenuIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 14" fill="none">
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.300049 1.49999C0.300049 0.892481 0.792536 0.399994 1.40005 0.399994H14.6C15.2076 0.399994 15.7 0.892481 15.7 1.49999C15.7 2.10751 15.2076 2.59999 14.6 2.59999H1.40005C0.792536 2.59999 0.300049 2.10751 0.300049 1.49999Z"
+      />
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.300049 6.99999C0.300049 6.39248 0.792536 5.89999 1.40005 5.89999H14.6C15.2076 5.89999 15.7 6.39248 15.7 6.99999C15.7 7.60751 15.2076 8.09999 14.6 8.09999H1.40005C0.792536 8.09999 0.300049 7.60751 0.300049 6.99999Z"
+      />
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.300049 12.5C0.300049 11.8925 0.792536 11.4 1.40005 11.4H14.6C15.2076 11.4 15.7 11.8925 15.7 12.5C15.7 13.1075 15.2076 13.6 14.6 13.6H1.40005C0.792536 13.6 0.300049 13.1075 0.300049 12.5Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/minus-sm/minus-sm.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const MinusSmallIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/minus-sm/minus-sm.icon.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {HexColor} from '../../../models/hex-color.model';
+import {Scale} from '../../../theme/scale/index';
+
+export const MinusSmallIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+  return (
+    <Svg width={size} height={size} viewBox="0 0 12 3" fill="none">
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.5 1.49998C0.5 0.864848 0.992487 0.349976 1.6 0.349976L10.4 0.349976C11.0075 0.349976 11.5 0.864849 11.5 1.49998C11.5 2.13511 11.0075 2.64998 10.4 2.64998L1.6 2.64998C0.992487 2.64998 0.5 2.1351 0.5 1.49998Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/office-building/office-building.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const OfficeBuildingIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/office-building/office-building.icon.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {HexColor} from '../../../models/hex-color.model';
+import {Scale} from '../../../theme/scale/index';
+
+export const OfficeBuildingIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 19" fill="none">
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.40005 2.59999C1.40005 1.32973 2.38502 0.299988 3.60005 0.299988H12.4C13.6151 0.299988 14.6 1.32973 14.6 2.59999V16.4C15.2076 16.4 15.7 16.9149 15.7 17.55C15.7 18.1851 15.2076 18.7 14.6 18.7H11.2C10.6478 18.7 10.2 18.2523 10.2 17.7V15.25C10.2 14.6149 9.70756 14.1 9.10005 14.1H6.90005C6.29254 14.1 5.80005 14.6149 5.80005 15.25V17.7C5.80005 18.2523 5.35233 18.7 4.80005 18.7H1.40005C0.792536 18.7 0.300049 18.1851 0.300049 17.55C0.300049 16.9149 0.792536 16.4 1.40005 16.4V2.59999ZM4.70005 3.74999H6.90005V6.04999H4.70005V3.74999ZM6.90005 8.34999H4.70005V10.65H6.90005V8.34999ZM9.10005 3.74999H11.3V6.04999H9.10005V3.74999ZM11.3 8.34999H9.10005V10.65H11.3V8.34999Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/paper-airplane/paper-airplane.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const PaperAirplaneIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/paper-airplane/paper-airplane.icon.tsx

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {HexColor} from '../../../models/hex-color.model';
+import {Scale} from '../../../theme/scale/index';
+
+export const PaperAirplaneIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+  return (
+    <Svg
+      width={size}
+      height={size}
+      viewBox="0 0 18 18"
+      fill="none"
+      style={{transform: [{rotate: '90deg'}]}}
+    >
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        d="M9.98383 0.808016C9.7975 0.435354 9.41661 0.199951 8.99996 0.199951C8.58331 0.199951 8.20242 0.435354 8.01609 0.808016L0.316093 16.208C0.121008 16.5982 0.174915 17.0668 0.453503 17.4025C0.732091 17.7381 1.18272 17.8775 1.60216 17.7576L7.10214 16.1862C7.57438 16.0513 7.89995 15.6197 7.89995 15.1285V10.1C7.89995 9.49244 8.39244 8.99995 8.99995 8.99995C9.60746 8.99995 10.1 9.49244 10.1 10.1V15.1285C10.1 15.6196 10.4255 16.0513 10.8978 16.1862L16.3978 17.7576C16.8172 17.8775 17.2678 17.7381 17.5464 17.4025C17.825 17.0668 17.8789 16.5982 17.6838 16.208L9.98383 0.808016Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/paperclip/paperclip.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const PaperClipIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/paperclip/paperclip.icon.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {HexColor} from '../../../models/hex-color.model';
+import {Scale} from '../../../theme/scale/index';
+
+export const PaperClipIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 18" fill="none">
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.80005 2.40001C3.97751 2.40001 2.50005 3.87747 2.50005 5.70001V10.1C2.50005 13.1376 4.96248 15.6 8.00005 15.6C11.0376 15.6 13.5 13.1376 13.5 10.1V5.70001C13.5 5.0925 13.9925 4.60001 14.6 4.60001C15.2076 4.60001 15.7 5.0925 15.7 5.70001V10.1C15.7 14.3526 12.2526 17.8 8.00005 17.8C3.74746 17.8 0.300049 14.3526 0.300049 10.1V5.70001C0.300049 2.66245 2.76248 0.200012 5.80005 0.200012C8.83762 0.200012 11.3 2.66245 11.3 5.70001V10.1C11.3 11.9226 9.82259 13.4 8.00005 13.4C6.17751 13.4 4.70005 11.9226 4.70005 10.1V5.70001C4.70005 5.0925 5.19254 4.60001 5.80005 4.60001C6.40756 4.60001 6.90005 5.0925 6.90005 5.70001V10.1C6.90005 10.7075 7.39254 11.2 8.00005 11.2C8.60756 11.2 9.10005 10.7075 9.10005 10.1V5.70001C9.10005 3.87747 7.62259 2.40001 5.80005 2.40001Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/pencil/pencil-solid.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const PencilIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/pencil/pencil-solid.icon.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {HexColor} from '../../../models/hex-color.model';
+import {Scale} from '../../../theme/scale/index';
+
+export const PencilIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 17" fill="none">
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        d="M11.9444 1.12367C12.8036 0.225461 14.1965 0.225461 15.0557 1.12367C15.9148 2.02187 15.9148 3.47815 15.0557 4.37636L14.1835 5.28818L11.0722 2.03549L11.9444 1.12367Z"
+      />
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        d="M9.5166 3.66184L0.300049 13.2973V16.55H3.41132L12.6279 6.91453L9.5166 3.66184Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/phone/phone-solid.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const PhoneIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/phone/phone-solid.icon.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {HexColor} from '../../../models/hex-color.model';
+import {Scale} from '../../../theme/scale/index';
+
+export const PhoneIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+
+  return (
+    <Svg width={size} height={size} viewBox="0 0 18 18" fill="none">
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        d="M0.199951 1.30001C0.199951 0.692499 0.692438 0.200012 1.29995 0.200012H3.66811C4.20583 0.200012 4.66474 0.588767 4.75314 1.11917L5.56639 5.99863C5.64578 6.47497 5.40521 6.94738 4.97329 7.16334L3.27034 8.01482C4.49827 11.0662 6.9338 13.5017 9.98514 14.7296L10.8366 13.0267C11.0526 12.5947 11.525 12.3542 12.0013 12.4336L16.8808 13.2468C17.4112 13.3352 17.7999 13.7941 17.7999 14.3319V16.7C17.7999 17.3075 17.3075 17.8 16.6999 17.8H14.5C6.60228 17.8 0.199951 11.3977 0.199951 3.50001V1.30001Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/photograph/photograph-solid.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const PhotographIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/photograph/photograph-solid.icon.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {HexColor} from '../../../models/hex-color.model';
+import {Scale} from '../../../theme/scale/index';
+
+export const PhotographIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+
+  return (
+    <Svg width={size} height={size} viewBox="0 0 18 16" fill="none">
+      <Path
+        d="M2.39995 0.299988C1.18492 0.299988 0.199951 1.28496 0.199951 2.49999V13.5C0.199951 14.715 1.18492 15.7 2.39995 15.7H15.5999C16.815 15.7 17.7999 14.715 17.7999 13.5V2.49999C17.7999 1.28496 16.815 0.299988 15.5999 0.299988H2.39995ZM15.5999 13.5H2.39995L6.79995 4.69999L10.1 11.3L12.2999 6.89999L15.5999 13.5Z"
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/plus/plus.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const PlusIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/plus/plus.icon.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {HexColor} from '../../../models/hex-color.model';
+import {Scale} from '../../../theme/scale/index';
+
+export const PlusIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+  return (
+    <Svg width={size} height={size} viewBox="0 0 17 16" fill="none">
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.49995 0.299988C9.13508 0.299988 9.64995 0.792475 9.64995 1.39999V6.89999H15.4C16.0351 6.89999 16.55 7.39247 16.55 7.99999C16.55 8.6075 16.0351 9.09999 15.4 9.09999H9.64995V14.6C9.64995 15.2075 9.13508 15.7 8.49995 15.7C7.86482 15.7 7.34995 15.2075 7.34995 14.6V9.09999H1.59995C0.964824 9.09999 0.449951 8.6075 0.449951 7.99999C0.449951 7.39247 0.964824 6.89999 1.59995 6.89999L7.34995 6.89999V1.39999C7.34995 0.792475 7.86482 0.299988 8.49995 0.299988Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/solid/plus-sm/plus-sm.icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../interfaces/icon.interface';
+export declare const PlusSmallIcon: ({ color, size }: IconSVGProps) => React.JSX.Element;

package/src/icons/solid/plus-sm/plus-sm.icon.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import {useContext} from 'react';
+import Svg, {Path} from 'react-native-svg';
+import {ThemeCtx} from '../../../context/theme.context';
+import {IconSVGProps} from '../../../interfaces/icon.interface';
+import {HexColor} from '../../../models/hex-color.model';
+import {Scale} from '../../../theme/scale/index';
+
+export const PlusSmallIcon = ({color, size = Scale.l}: IconSVGProps) => {
+  const context = useContext(ThemeCtx);
+  return (
+    <Svg width={size} height={size} viewBox="0 0 13 13" fill="none">
+      <Path
+        fill={color ? HexColor.of(color).toString() : context.colors.main['0']}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.5 0.75C7.13513 0.75 7.65 1.26487 7.65 1.9V5.35L11.1 5.35C11.7351 5.35 12.25 5.86487 12.25 6.5C12.25 7.13513 11.7351 7.65 11.1 7.65H7.65V11.1C7.65 11.7351 7.13513 12.25 6.5 12.25C5.86487 12.25 5.35 11.7351 5.35 11.1V7.65H1.9C1.26487 7.65 0.75 7.13513 0.75 6.5C0.75 5.86487 1.26487 5.35 1.9 5.35H5.35V1.9C5.35 1.26487 5.86487 0.75 6.5 0.75Z"
+      />
+    </Svg>
+  );
+};