@tactics/toddle-styleguide 5.0.0 → 5.0.2

package/src/icons/outline/outline-grey.preview.tsx

@@ -1,117 +0,0 @@
-import React, {useContext} from 'react';
-import {View} from 'react-native';
-import {Icon} from '..';
-import {ThemeCtx} from '../../context/theme.context';
-
-export const IconOutlineGreyPreview = ({}: {}) => {
-  const Context = useContext(ThemeCtx);
-  const greyColor = Context.colors.ui.darkgrey;
-
-  return (
-    <View
-      style={{
-        flex: 1,
-        padding: 20,
-        flexDirection: 'row',
-      }}
-    >
-      <View
-        style={{
-          flex: 1,
-          flexDirection: 'row',
-          alignContent: 'center',
-          backgroundColor: Context.colors.ui.lightgrey,
-        }}
-      >
-        <View
-          style={{
-            flex: 1,
-            alignItems: 'center',
-            justifyContent: 'space-around',
-          }}
-        >
-          <Icon style={'regular'} name={'calendar'} color={greyColor} />
-          <Icon style={'regular'} name={'chat'} color={greyColor} />
-          <Icon style={'regular'} name={'chat-alt'} color={greyColor} />
-          <Icon style={'regular'} name={'check-circle'} color={greyColor} />
-          <Icon style={'regular'} name={'chevron-left'} color={greyColor} />
-          <Icon style={'regular'} name={'chevron-right'} color={greyColor} />
-          <Icon style={'regular'} name={'clock'} color={greyColor} />
-          <Icon style={'regular'} name={'cloud-download'} color={greyColor} />
-        </View>
-        <View
-          style={{
-            flex: 1,
-            alignItems: 'center',
-            justifyContent: 'space-around',
-          }}
-        >
-          <Icon style={'regular'} name={'currency-euro'} color={greyColor} />
-          <Icon style={'regular'} name={'document-text'} color={greyColor} />
-          <Icon style={'regular'} name={'exclamation'} color={greyColor} />
-          <Icon
-            style={'regular'}
-            name={'exclamation-circle'}
-            color={greyColor}
-          />
-          <Icon style={'regular'} name={'eye'} color={greyColor} />
-          <Icon style={'regular'} name={'eye-off'} color={greyColor} />
-          <Icon style={'regular'} name={'filter'} color={greyColor} />
-          <Icon
-            style={'regular'}
-            name={'information-circle'}
-            color={greyColor}
-          />
-        </View>
-        <View
-          style={{
-            flex: 1,
-            alignItems: 'center',
-            justifyContent: 'space-around',
-          }}
-        >
-          <Icon style={'regular'} name={'logout'} color={greyColor} />
-          <Icon style={'regular'} name={'mail'} color={greyColor} />
-          <Icon style={'regular'} name={'mail-open'} color={greyColor} />
-          <Icon style={'regular'} name={'menu'} color={greyColor} />
-          <Icon style={'regular'} name={'minus-sm'} color={greyColor} />
-          <Icon style={'regular'} name={'office-building'} color={greyColor} />
-          <Icon style={'regular'} name={'paper-airplane'} color={greyColor} />
-          <Icon style={'regular'} name={'paper-clip'} color={greyColor} />
-        </View>
-        <View
-          style={{
-            flex: 1,
-            alignItems: 'center',
-            justifyContent: 'space-around',
-          }}
-        >
-          <Icon style={'regular'} name={'pencil'} color={greyColor} />
-          <Icon style={'regular'} name={'phone'} color={greyColor} />
-          <Icon style={'regular'} name={'plus'} color={greyColor} />
-          <Icon style={'regular'} name={'plus-sm'} color={greyColor} />
-          <Icon style={'regular'} name={'qrcode'} color={greyColor} />
-          <Icon style={'regular'} name={'refresh'} color={greyColor} />
-          <Icon style={'regular'} name={'search'} color={greyColor} />
-          <Icon style={'regular'} name={'selector'} color={greyColor} />
-        </View>
-        <View
-          style={{
-            flex: 1,
-            alignItems: 'center',
-            justifyContent: 'space-around',
-          }}
-        >
-          <Icon style={'regular'} name={'sm-view-grid-add'} color={greyColor} />
-          <Icon style={'regular'} name={'status-online'} color={greyColor} />
-          <Icon style={'regular'} name={'thumb-up'} color={greyColor} />
-          <Icon style={'regular'} name={'trash'} color={greyColor} />
-          <Icon style={'regular'} name={'user'} color={greyColor} />
-          <Icon style={'regular'} name={'users'} color={greyColor} />
-          <Icon style={'regular'} name={'user-group'} color={greyColor} />
-          <Icon style={'regular'} name={'xmark'} color={greyColor} />
-        </View>
-      </View>
-    </View>
-  );
-};

package/src/icons/outline/outline-white.preview.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const IconOutlineWhitePreview: ({}: {}) => React.JSX.Element;

package/src/icons/outline/outline-white.preview.tsx

@@ -1,121 +0,0 @@
-import React, {useContext} from 'react';
-import {View} from 'react-native';
-import {Icon} from '..';
-import {ThemeCtx} from '../../context/theme.context';
-
-export const IconOutlineWhitePreview = ({}: {}) => {
-  const Context = useContext(ThemeCtx);
-  const whiteColor = Context.colors.ui.white;
-
-  return (
-    <View
-      style={{
-        flex: 1,
-        padding: 20,
-        flexDirection: 'row',
-      }}
-    >
-      <View
-        style={{
-          flex: 1,
-          flexDirection: 'row',
-          alignContent: 'center',
-          backgroundColor: Context.colors.ui.darkgrey,
-        }}
-      >
-        <View
-          style={{
-            flex: 1,
-            alignItems: 'center',
-            justifyContent: 'space-around',
-          }}
-        >
-          <Icon style={'regular'} name={'calendar'} color={whiteColor} />
-          <Icon style={'regular'} name={'chat'} color={whiteColor} />
-          <Icon style={'regular'} name={'chat-alt'} color={whiteColor} />
-          <Icon style={'regular'} name={'check-circle'} color={whiteColor} />
-          <Icon style={'regular'} name={'chevron-left'} color={whiteColor} />
-          <Icon style={'regular'} name={'chevron-right'} color={whiteColor} />
-          <Icon style={'regular'} name={'clock'} color={whiteColor} />
-          <Icon style={'regular'} name={'cloud-download'} color={whiteColor} />
-        </View>
-        <View
-          style={{
-            flex: 1,
-            alignItems: 'center',
-            justifyContent: 'space-around',
-          }}
-        >
-          <Icon style={'regular'} name={'currency-euro'} color={whiteColor} />
-          <Icon style={'regular'} name={'document-text'} color={whiteColor} />
-          <Icon style={'regular'} name={'exclamation'} color={whiteColor} />
-          <Icon
-            style={'regular'}
-            name={'exclamation-circle'}
-            color={whiteColor}
-          />
-          <Icon style={'regular'} name={'eye'} color={whiteColor} />
-          <Icon style={'regular'} name={'eye-off'} color={whiteColor} />
-          <Icon style={'regular'} name={'filter'} color={whiteColor} />
-          <Icon
-            style={'regular'}
-            name={'information-circle'}
-            color={whiteColor}
-          />
-        </View>
-        <View
-          style={{
-            flex: 1,
-            alignItems: 'center',
-            justifyContent: 'space-around',
-          }}
-        >
-          <Icon style={'regular'} name={'logout'} color={whiteColor} />
-          <Icon style={'regular'} name={'mail'} color={whiteColor} />
-          <Icon style={'regular'} name={'mail-open'} color={whiteColor} />
-          <Icon style={'regular'} name={'menu'} color={whiteColor} />
-          <Icon style={'regular'} name={'minus-sm'} color={whiteColor} />
-          <Icon style={'regular'} name={'office-building'} color={whiteColor} />
-          <Icon style={'regular'} name={'paper-airplane'} color={whiteColor} />
-          <Icon style={'regular'} name={'paper-clip'} color={whiteColor} />
-        </View>
-        <View
-          style={{
-            flex: 1,
-            alignItems: 'center',
-            justifyContent: 'space-around',
-          }}
-        >
-          <Icon style={'regular'} name={'pencil'} color={whiteColor} />
-          <Icon style={'regular'} name={'phone'} color={whiteColor} />
-          <Icon style={'regular'} name={'plus'} color={whiteColor} />
-          <Icon style={'regular'} name={'plus-sm'} color={whiteColor} />
-          <Icon style={'regular'} name={'qrcode'} color={whiteColor} />
-          <Icon style={'regular'} name={'refresh'} color={whiteColor} />
-          <Icon style={'regular'} name={'search'} color={whiteColor} />
-          <Icon style={'regular'} name={'selector'} color={whiteColor} />
-        </View>
-        <View
-          style={{
-            flex: 1,
-            alignItems: 'center',
-            justifyContent: 'space-around',
-          }}
-        >
-          <Icon
-            style={'regular'}
-            name={'sm-view-grid-add'}
-            color={whiteColor}
-          />
-          <Icon style={'regular'} name={'status-online'} color={whiteColor} />
-          <Icon style={'regular'} name={'thumb-up'} color={whiteColor} />
-          <Icon style={'regular'} name={'trash'} color={whiteColor} />
-          <Icon style={'regular'} name={'user'} color={whiteColor} />
-          <Icon style={'regular'} name={'users'} color={whiteColor} />
-          <Icon style={'regular'} name={'user-group'} color={whiteColor} />
-          <Icon style={'regular'} name={'xmark'} color={whiteColor} />
-        </View>
-      </View>
-    </View>
-  );
-};

package/src/icons/outline/outline.d.ts

@@ -1,2 +0,0 @@
-import { IconNameInterface } from '../../interfaces/icon.interface';
-export declare const Outline: ({ name, size, color, }: IconNameInterface) => JSX.Element;

package/src/icons/outline/outline.tsx

@@ -1,146 +0,0 @@
-import React from 'react';
-
-import {IconNameInterface} from '../../interfaces/icon.interface';
-
-import {CalendarIcon as Calendar} from './calendar/calendar.icon';
-import {ChatIcon as Chat} from './chat/chat.icon';
-import {ChatAltIcon as ChatAlt} from './chat-alt/chat-alt.icon';
-import {CheckCircleIcon as CheckCircle} from './check-circle/check-circle.icon';
-import {ChevronLeftIcon as ChevronLeft} from './chevron-left/chevron-left.icon';
-import {ChevronRightIcon as ChevronRight} from './chevron-right/chevron-right.icon';
-import {ClockIcon as Clock} from './clock/clock.icon';
-import {CloudDownloadIcon as CloudDownload} from './cloud-download/cloud-download.icon';
-import {CurrencyEuroIcon as CurrencyEuro} from './currency-euro/currency-euro.icon';
-import {DocumentTextIcon as DocumentText} from './document-text/document-text.icon';
-import {ExclamationIcon as Exclamation} from './exclamation/exclamation.icon';
-import {ExclamationCircleIcon as ExclamationCircle} from './exclamation-circle/exclamation-circle.icon';
-import {EyeIcon as Eye} from './eye/eye.icon';
-import {EyeOffIcon as EyeOff} from './eye-off/eye-off.icon';
-import {FilterIcon as Filter} from './filter/filter.icon';
-import {InformationCircleIcon as InformationCircle} from './information-circle/information-circle.icon';
-import {LogoutIcon as Logout} from './logout/logout.icon';
-import {MailIcon as Mail} from './mail/mail.icon';
-import {MailOpenIcon as MailOpen} from './mail-open/mail-open.icon';
-import {MenuIcon as Menu} from './menu/menu.icon';
-import {MinusSmallIcon as MinusSm} from './minus-sm/minus-sm.icon';
-import {OfficeBuildingIcon as OfficeBuilding} from './office-building/office-building.icon';
-import {PaperAirplaneIcon as PaperAirplane} from './paper-airplane/paper-airplane.icon';
-import {PaperClipIcon as PaperClip} from './paperclip/paperclip.icon';
-import {PencilIcon as Pencil} from './pencil/pencil.icon';
-import {PhoneIcon as Phone} from './phone/phone.icon';
-import {PlusIcon as Plus} from './plus/plus.icon';
-import {PlusSmallIcon as PlusSm} from './plus-sm/plus-sm.icon';
-import {QrcodeIcon as Qrcode} from './qrcode/qrcode.icon';
-import {RefreshIcon as Refresh} from './refresh/refresh.icon';
-import {SearchIcon as Search} from './search/search.icon';
-import {SelectorIcon as Selector} from './selector/selector.icon';
-import {SmViewGridAddIcon as ViewGridAdd} from './sm-view-grid-add/sm-view-grid-add.icon';
-import {StatusOnlineIcon as StatusOnline} from './status-online/status-online.icon';
-import {ThumbUpIcon as ThumbUp} from './thumb-up/thumb-up.icon';
-import {TrashIcon as Trash} from './trash/trash.icon';
-import {UserIcon as User} from './user/user.icon';
-import {UserGroupIcon as UserGroup} from './user-group/user-group.icon';
-import {UsersIcon as Users} from './users/users.icon';
-import {XMarkIcon as XMark} from './xmark/xmark.icon';
-import {ShareIcon} from './share/share.icon';
-import {PhotographIcon} from './photograph/photograph.icon';
-
-export const Outline = ({
-  name,
-  size,
-  color,
-}: IconNameInterface): JSX.Element => {
-  const renderIcon = ({name}: IconNameInterface): React.ReactNode => {
-    switch (name) {
-      case 'calendar':
-        return <Calendar size={size} color={color} />;
-      case 'chat':
-        return <Chat size={size} color={color} />;
-      case 'chat-alt':
-        return <ChatAlt size={size} color={color} />;
-      case 'check-circle':
-        return <CheckCircle size={size} color={color} />;
-      case 'chevron-left':
-        return <ChevronLeft size={size} color={color} />;
-      case 'chevron-right':
-        return <ChevronRight size={size} color={color} />;
-      case 'clock':
-        return <Clock size={size} color={color} />;
-      case 'cloud-download':
-        return <CloudDownload size={size} color={color} />;
-      case 'currency-euro':
-        return <CurrencyEuro size={size} color={color} />;
-      case 'document-text':
-        return <DocumentText size={size} color={color} />;
-      case 'exclamation':
-        return <Exclamation size={size} color={color} />;
-      case 'exclamation-circle':
-        return <ExclamationCircle size={size} color={color} />;
-      case 'eye':
-        return <Eye size={size} color={color} />;
-      case 'eye-off':
-        return <EyeOff size={size} color={color} />;
-      case 'filter':
-        return <Filter size={size} color={color} />;
-      case 'information-circle':
-        return <InformationCircle size={size} color={color} />;
-      case 'logout':
-        return <Logout size={size} color={color} />;
-      case 'mail':
-        return <Mail size={size} color={color} />;
-      case 'mail-open':
-        return <MailOpen size={size} color={color} />;
-      case 'menu':
-        return <Menu size={size} color={color} />;
-      case 'minus-sm':
-        return <MinusSm size={size} color={color} />;
-      case 'office-building':
-        return <OfficeBuilding size={size} color={color} />;
-      case 'paper-airplane':
-        return <PaperAirplane size={size} color={color} />;
-      case 'paper-clip':
-        return <PaperClip size={size} color={color} />;
-      case 'pencil':
-        return <Pencil size={size} color={color} />;
-      case 'phone':
-        return <Phone size={size} color={color} />;
-      case 'plus':
-        return <Plus size={size} color={color} />;
-      case 'plus-sm':
-        return <PlusSm size={size} color={color} />;
-      case 'qrcode':
-        return <Qrcode size={size} color={color} />;
-      case 'refresh':
-        return <Refresh size={size} color={color} />;
-      case 'search':
-        return <Search size={size} color={color} />;
-      case 'selector':
-        return <Selector size={size} color={color} />;
-      case 'sm-view-grid-add':
-        return <ViewGridAdd size={size} color={color} />;
-      case 'status-online':
-        return <StatusOnline size={size} color={color} />;
-      case 'thumb-up':
-        return <ThumbUp size={size} color={color} />;
-      case 'trash':
-        return <Trash size={size} color={color} />;
-      case 'user':
-        return <User size={size} color={color} />;
-      case 'users':
-        return <Users size={size} color={color} />;
-      case 'user-group':
-        return <UserGroup size={size} color={color} />;
-      case 'xmark':
-        return <XMark size={size} color={color} />;
-      case 'share':
-        return <ShareIcon size={size} color={color} />;
-      case 'photograph':
-        return <PhotographIcon size={size} color={color} />;
-      default:
-        alert('The icon you want is not available');
-        break;
-    }
-  };
-
-  return renderIcon({name}) as JSX.Element;
-};

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

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

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

@@ -1,30 +0,0 @@
-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 23 22"
-      fill="none"
-      style={{transform: [{rotate: '90deg'}]}}
-    >
-      <Path
-        stroke={
-          color ? HexColor.of(color).toString() : context.colors.main['0']
-        }
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        d="M11.5 18.5833L21.625 20.75L11.5 1.25L1.375 20.75L11.5 18.5833ZM11.5 18.5833V9.91667"
-      />
-    </Svg>
-  );
-};

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

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

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

@@ -1,24 +0,0 @@
-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 21 22" fill="none">
-      <Path
-        stroke={
-          color ? HexColor.of(color).toString() : context.colors.main['0']
-        }
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        d="M13.4359 5.58333L6.30125 12.7179C5.45511 13.5641 5.45511 14.9359 6.30125 15.7821C7.14739 16.6282 8.51924 16.6282 9.36538 15.7821L16.3141 8.64746C18.0064 6.95519 18.0064 4.21148 16.3141 2.5192C14.6218 0.826932 11.8781 0.826932 10.1859 2.5192L3.23712 9.65381C0.698711 12.1922 0.698711 16.3078 3.23712 18.8462C5.77553 21.3846 9.8911 21.3846 12.4295 18.8462L19.2083 12.0833"
-      />
-    </Svg>
-  );
-};

package/src/icons/outline/pencil/pencil.icon.d.ts

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

package/src/icons/outline/pencil/pencil.icon.tsx

@@ -1,24 +0,0 @@
-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 23 23" fill="none">
-      <Path
-        stroke={
-          color ? HexColor.of(color).toString() : context.colors.main['0']
-        }
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
-      />
-    </Svg>
-  );
-};

package/src/icons/outline/phone/phone.icon.d.ts

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

package/src/icons/outline/phone/phone.icon.tsx

@@ -1,24 +0,0 @@
-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 23 22" fill="none">
-      <Path
-        stroke={
-          color ? HexColor.of(color).toString() : context.colors.main['0']
-        }
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        d="M1.375 3.41667C1.375 2.22005 2.38236 1.25 3.625 1.25H7.31415C7.79838 1.25 8.22829 1.54838 8.38141 1.99075L10.0665 6.85865C10.2435 7.3701 10.0031 7.92909 9.5023 8.17019L6.96288 9.39287C8.20291 12.0413 10.4186 14.175 13.1689 15.3691L14.4387 12.9237C14.689 12.4415 15.2695 12.21 15.8006 12.3805L20.8558 14.0031C21.3151 14.1505 21.625 14.5645 21.625 15.0308V18.5833C21.625 19.7799 20.6176 20.75 19.375 20.75H18.25C8.93019 20.75 1.375 13.4746 1.375 4.5V3.41667Z"
-      />
-    </Svg>
-  );
-};

package/src/icons/outline/photograph/photograph.icon.d.ts

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

package/src/icons/outline/photograph/photograph.icon.tsx

@@ -1,24 +0,0 @@
-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 20 20" fill="none">
-      <Path
-        d="M1.33331 14.3333L6.30125 9.36541C7.14738 8.51927 8.51924 8.51927 9.36538 9.36541L14.3333 14.3333M12.1666 12.1667L13.8846 10.4487C14.7307 9.60261 16.1026 9.6026 16.9487 10.4487L18.6666 12.1667M12.1666 5.66668H12.1775M3.49998 18.6667H16.5C17.6966 18.6667 18.6666 17.6966 18.6666 16.5V3.50001C18.6666 2.30339 17.6966 1.33334 16.5 1.33334H3.49998C2.30336 1.33334 1.33331 2.30339 1.33331 3.50001V16.5C1.33331 17.6966 2.30336 18.6667 3.49998 18.6667Z"
-        stroke={
-          color ? HexColor.of(color).toString() : context.colors.main['0']
-        }
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </Svg>
-  );
-};

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

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

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

@@ -1,24 +0,0 @@
-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 21 21" fill="none">
-      <Path
-        stroke={
-          color ? HexColor.of(color).toString() : context.colors.main['0']
-        }
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        d="M10.5 1.5V19.5M19.5 10.5L1.5 10.5"
-      />
-    </Svg>
-  );
-};

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

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

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

@@ -1,21 +0,0 @@
-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 PlusSmallIcon = ({color, size = Scale.l}: IconSVGProps) => {
-  const context = useContext(ThemeCtx);
-  return (
-    <Svg width={size} height={size} viewBox="0 0 17 17" fill="none">
-      <Path
-        stroke={color ? color : context.colors.main['0']}
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        d="M8.5 1.75V8.5M8.5 8.5V15.25M8.5 8.5H15.25M8.5 8.5L1.75 8.5"
-      />
-    </Svg>
-  );
-};

package/src/icons/outline/qrcode/qrcode.icon.d.ts

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

package/src/icons/outline/qrcode/qrcode.icon.tsx

@@ -1,18 +0,0 @@
-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 QrcodeIcon = ({color, size = Scale.l}: IconSVGProps) => {
-  const context = useContext(ThemeCtx);
-  return (
-    <Svg width={size} height={size} viewBox="0 0 20 21" fill="none">
-      <Path
-        fill={color ? color : context.colors.main['0']}
-        d="M11 1.5C11 0.947715 10.5523 0.5 9.99998 0.5C9.44769 0.5 8.99998 0.947715 8.99998 1.5H11ZM8.99998 2.625C8.99998 3.17728 9.44769 3.625 9.99998 3.625C10.5523 3.625 11 3.17728 11 2.625H8.99998ZM16.5 14C15.9477 14 15.5 14.4477 15.5 15C15.5 15.5523 15.9477 16 16.5 16V14ZM18.6666 16C19.2189 16 19.6666 15.5523 19.6666 15C19.6666 14.4477 19.2189 14 18.6666 14V16ZM9.99998 15V14C9.44769 14 8.99998 14.4477 8.99998 15H9.99998ZM12.1666 16C12.7189 16 13.1666 15.5523 13.1666 15C13.1666 14.4477 12.7189 14 12.1666 14V16ZM8.99998 19.5C8.99998 20.0523 9.44769 20.5 9.99998 20.5C10.5523 20.5 11 20.0523 11 19.5H8.99998ZM11 7.125C11 6.57272 10.5523 6.125 9.99998 6.125C9.44769 6.125 8.99998 6.57272 8.99998 7.125H11ZM9.99998 10.5H8.99998C8.99998 11.0523 9.44769 11.5 9.99998 11.5V10.5ZM14.3333 18.5C13.781 18.5 13.3333 18.9477 13.3333 19.5C13.3333 20.0523 13.781 20.5 14.3333 20.5V18.5ZM18.6666 20.5C19.2189 20.5 19.6666 20.0523 19.6666 19.5C19.6666 18.9477 19.2189 18.5 18.6666 18.5V20.5ZM1.33331 9.5C0.781028 9.5 0.333313 9.94771 0.333313 10.5C0.333313 11.0523 0.781028 11.5 1.33331 11.5V9.5ZM5.66665 11.5C6.21893 11.5 6.66665 11.0523 6.66665 10.5C6.66665 9.94771 6.21893 9.5 5.66665 9.5V11.5ZM10.0108 11.5C10.5631 11.5 11.0108 11.0523 11.0108 10.5C11.0108 9.94771 10.5631 9.5 10.0108 9.5V11.5ZM14.3441 11.5C14.8964 11.5 15.3441 11.0523 15.3441 10.5C15.3441 9.94771 14.8964 9.5 14.3441 9.5V11.5ZM18.6666 9.5C18.1144 9.5 17.6666 9.94771 17.6666 10.5C17.6666 11.0523 18.1144 11.5 18.6666 11.5V9.5ZM18.6775 11.5C19.2298 11.5 19.6775 11.0523 19.6775 10.5C19.6775 9.94771 19.2298 9.5 18.6775 9.5V11.5ZM2.41665 2.5H4.58331V0.5H2.41665V2.5ZM4.66665 2.625V4.875H6.66665V2.625H4.66665ZM4.58331 5H2.41665V7H4.58331V5ZM2.33331 4.875V2.625H0.333313V4.875H2.33331ZM2.41665 5C2.40602 5 2.39043 4.9971 2.37093 4.97685C2.3508 4.95595 2.33331 4.92194 2.33331 4.875H0.333313C0.333313 6.0127 1.23082 7 2.41665 7V5ZM4.66665 4.875C4.66665 4.92194 4.64916 4.95595 4.62902 4.97685C4.60953 4.9971 4.59394 5 4.58331 5V7C5.76914 7 6.66665 6.0127 6.66665 4.875H4.66665ZM4.58331 2.5C4.59394 2.5 4.60953 2.5029 4.62902 2.52315C4.64916 2.54405 4.66665 2.57806 4.66665 2.625H6.66665C6.66665 1.4873 5.76914 0.5 4.58331 0.5V2.5ZM2.41665 0.5C1.23082 0.5 0.333313 1.4873 0.333313 2.625H2.33331C2.33331 2.57806 2.3508 2.54405 2.37093 2.52315C2.39043 2.5029 2.40602 2.5 2.41665 2.5V0.5ZM15.4166 2.5H17.5833V0.5H15.4166V2.5ZM17.6666 2.625V4.875H19.6666V2.625H17.6666ZM17.5833 5H15.4166V7H17.5833V5ZM15.3333 4.875V2.625H13.3333V4.875H15.3333ZM15.4166 5C15.406 5 15.3904 4.9971 15.3709 4.97685C15.3508 4.95595 15.3333 4.92194 15.3333 4.875H13.3333C13.3333 6.0127 14.2308 7 15.4166 7V5ZM17.6666 4.875C17.6666 4.92194 17.6492 4.95595 17.629 4.97685C17.6095 4.9971 17.5939 5 17.5833 5V7C18.7691 7 19.6666 6.0127 19.6666 4.875H17.6666ZM17.5833 2.5C17.5939 2.5 17.6095 2.5029 17.629 2.52315C17.6492 2.54405 17.6666 2.57806 17.6666 2.625H19.6666C19.6666 1.4873 18.7691 0.5 17.5833 0.5V2.5ZM15.4166 0.5C14.2308 0.5 13.3333 1.4873 13.3333 2.625H15.3333C15.3333 2.57806 15.3508 2.54405 15.3709 2.52315C15.3904 2.5029 15.406 2.5 15.4166 2.5V0.5ZM2.41665 16H4.58331V14H2.41665V16ZM4.66665 16.125V18.375H6.66665V16.125H4.66665ZM4.58331 18.5H2.41665V20.5H4.58331V18.5ZM2.33331 18.375V16.125H0.333313V18.375H2.33331ZM2.41665 18.5C2.40602 18.5 2.39043 18.4971 2.37093 18.4769C2.3508 18.4559 2.33331 18.4219 2.33331 18.375H0.333313C0.333313 19.5127 1.23082 20.5 2.41665 20.5V18.5ZM4.66665 18.375C4.66665 18.4219 4.64916 18.4559 4.62902 18.4769C4.60953 18.4971 4.59394 18.5 4.58331 18.5V20.5C5.76914 20.5 6.66665 19.5127 6.66665 18.375H4.66665ZM4.58331 16C4.59394 16 4.60953 16.0029 4.62902 16.0231C4.64916 16.0441 4.66665 16.0781 4.66665 16.125H6.66665C6.66665 14.9873 5.76914 14 4.58331 14V16ZM2.41665 14C1.23082 14 0.333313 14.9873 0.333313 16.125H2.33331C2.33331 16.0781 2.3508 16.0441 2.37093 16.0231C2.39043 16.0029 2.40602 16 2.41665 16V14ZM8.99998 1.5V2.625H11V1.5H8.99998ZM16.5 16H18.6666V14H16.5V16ZM9.99998 16H12.1666V14H9.99998V16ZM8.99998 15V19.5H11V15H8.99998ZM8.99998 7.125V10.5H11V7.125H8.99998ZM14.3333 20.5H18.6666V18.5H14.3333V20.5ZM1.33331 11.5H5.66665V9.5H1.33331V11.5ZM9.99998 11.5H10.0108V9.5H9.99998V11.5ZM18.6666 11.5H18.6775V9.5H18.6666V11.5ZM9.99998 11.5H14.3441V9.5H9.99998V11.5Z"
-      />
-    </Svg>
-  );
-};

package/src/icons/outline/refresh/refresh.icon.d.ts

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