From 02ffce3ca5d6425e8bc0a6a3e42d6266286269d2 Mon Sep 17 00:00:00 2001 From: Felicio Mununga Date: Mon, 28 Aug 2023 13:26:01 +0200 Subject: [PATCH] sync icons (#465) * u yarn.lock * u sync.ts * sync * a changeset --- .changeset/shiny-poems-rescue.md | 5 + packages/icons/scripts/sync.ts | 22 ++++ packages/icons/src/activity-icon.tsx | 25 ++++ packages/icons/src/add-token-icon.tsx | 2 +- packages/icons/src/backspace-icon.tsx | 25 ++++ packages/icons/src/bridge-icon.tsx | 2 +- packages/icons/src/checktoken-icon.tsx | 2 +- packages/icons/src/clear-big-icon.tsx | 31 +++++ packages/icons/src/clear-icon.tsx | 2 +- packages/icons/src/confetti-icon.tsx | 36 +++++- packages/icons/src/delete-icon.tsx | 2 +- .../icons/src/derivated-path-big-icon.tsx | 32 ++++++ packages/icons/src/derivated-path-icon.tsx | 25 ++++ packages/icons/src/faceid-big-icon.tsx | 32 ++++++ packages/icons/src/faces-icon.tsx | 25 ++++ packages/icons/src/flags-icon.tsx | 25 ++++ packages/icons/src/food-icon.tsx | 25 ++++ packages/icons/src/hashtag-square-icon.tsx | 25 ++++ packages/icons/src/hide-password-icon.tsx | 25 ++++ packages/icons/src/hypen-icon.tsx | 20 ++++ packages/icons/src/index.ts | 24 ++++ packages/icons/src/keycard-card-icon.tsx | 25 ++++ packages/icons/src/locked-icon.tsx | 2 +- packages/icons/src/nature-icon.tsx | 25 ++++ .../icons/src/notification-badge-icon.tsx | 20 ++++ packages/icons/src/objects-icon.tsx | 25 ++++ packages/icons/src/offline-icon.tsx | 20 ++++ packages/icons/src/offline-left-icon.tsx | 20 ++++ packages/icons/src/options-circle-icon.tsx | 2 +- packages/icons/src/pending-state-icon.tsx | 4 +- packages/icons/src/revert-icon.tsx | 25 ++++ packages/icons/src/status-icon-icon.tsx | 23 ++++ packages/icons/src/status-icon.tsx | 17 ++- packages/icons/src/status-logo-icon.tsx | 108 ++++++------------ packages/icons/src/symbols-icon.tsx | 25 ++++ packages/icons/src/touch-id-big-icon.tsx | 25 ++++ packages/icons/src/travel-icon.tsx | 25 ++++ packages/icons/src/twitter-icon.tsx | 8 +- packages/icons/src/unlocked-icon.tsx | 2 +- packages/icons/src/web-icon.tsx | 30 +++++ packages/icons/svg/activity-icon.svg | 14 +++ packages/icons/svg/backspace-icon.svg | 14 +++ packages/icons/svg/bridge-icon.svg | 2 +- packages/icons/svg/clear-big-icon.svg | 20 ++++ packages/icons/svg/clear-icon.svg | 2 +- packages/icons/svg/delete-icon.svg | 4 +- .../icons/svg/derivated-path-big-icon.svg | 21 ++++ packages/icons/svg/derivated-path-icon.svg | 14 +++ packages/icons/svg/faceid-big-icon.svg | 21 ++++ packages/icons/svg/faces-icon.svg | 14 +++ packages/icons/svg/flags-icon.svg | 14 +++ packages/icons/svg/food-icon.svg | 14 +++ packages/icons/svg/hashtag-square-icon.svg | 14 +++ packages/icons/svg/heart-icon.svg | 2 - packages/icons/svg/hide-password-icon.svg | 14 +++ packages/icons/svg/hypen-icon.svg | 9 ++ packages/icons/svg/keycard-card-icon.svg | 14 +++ packages/icons/svg/locked-icon.svg | 2 +- packages/icons/svg/nature-icon.svg | 14 +++ .../icons/svg/notification-badge-icon.svg | 9 ++ packages/icons/svg/objects-icon.svg | 14 +++ packages/icons/svg/offline-icon.svg | 9 ++ packages/icons/svg/offline-left-icon.svg | 9 ++ packages/icons/svg/revert-icon.svg | 14 +++ packages/icons/svg/status-icon-icon.svg | 12 ++ packages/icons/svg/status-icon.svg | 17 ++- packages/icons/svg/status-logo-icon.svg | 94 +++++---------- packages/icons/svg/symbols-icon.svg | 14 +++ packages/icons/svg/touch-id-big-icon.svg | 14 +++ packages/icons/svg/travel-icon.svg | 14 +++ packages/icons/svg/twitter-icon.svg | 8 +- packages/icons/svg/unlocked-icon.svg | 2 +- packages/icons/svg/web-icon.svg | 19 +++ yarn.lock | 4 +- 74 files changed, 1145 insertions(+), 174 deletions(-) create mode 100644 .changeset/shiny-poems-rescue.md create mode 100644 packages/icons/src/activity-icon.tsx create mode 100644 packages/icons/src/backspace-icon.tsx create mode 100644 packages/icons/src/clear-big-icon.tsx create mode 100644 packages/icons/src/derivated-path-big-icon.tsx create mode 100644 packages/icons/src/derivated-path-icon.tsx create mode 100644 packages/icons/src/faceid-big-icon.tsx create mode 100644 packages/icons/src/faces-icon.tsx create mode 100644 packages/icons/src/flags-icon.tsx create mode 100644 packages/icons/src/food-icon.tsx create mode 100644 packages/icons/src/hashtag-square-icon.tsx create mode 100644 packages/icons/src/hide-password-icon.tsx create mode 100644 packages/icons/src/hypen-icon.tsx create mode 100644 packages/icons/src/keycard-card-icon.tsx create mode 100644 packages/icons/src/nature-icon.tsx create mode 100644 packages/icons/src/notification-badge-icon.tsx create mode 100644 packages/icons/src/objects-icon.tsx create mode 100644 packages/icons/src/offline-icon.tsx create mode 100644 packages/icons/src/offline-left-icon.tsx create mode 100644 packages/icons/src/revert-icon.tsx create mode 100644 packages/icons/src/status-icon-icon.tsx create mode 100644 packages/icons/src/symbols-icon.tsx create mode 100644 packages/icons/src/touch-id-big-icon.tsx create mode 100644 packages/icons/src/travel-icon.tsx create mode 100644 packages/icons/src/web-icon.tsx create mode 100644 packages/icons/svg/activity-icon.svg create mode 100644 packages/icons/svg/backspace-icon.svg create mode 100644 packages/icons/svg/clear-big-icon.svg create mode 100644 packages/icons/svg/derivated-path-big-icon.svg create mode 100644 packages/icons/svg/derivated-path-icon.svg create mode 100644 packages/icons/svg/faceid-big-icon.svg create mode 100644 packages/icons/svg/faces-icon.svg create mode 100644 packages/icons/svg/flags-icon.svg create mode 100644 packages/icons/svg/food-icon.svg create mode 100644 packages/icons/svg/hashtag-square-icon.svg create mode 100644 packages/icons/svg/hide-password-icon.svg create mode 100644 packages/icons/svg/hypen-icon.svg create mode 100644 packages/icons/svg/keycard-card-icon.svg create mode 100644 packages/icons/svg/nature-icon.svg create mode 100644 packages/icons/svg/notification-badge-icon.svg create mode 100644 packages/icons/svg/objects-icon.svg create mode 100644 packages/icons/svg/offline-icon.svg create mode 100644 packages/icons/svg/offline-left-icon.svg create mode 100644 packages/icons/svg/revert-icon.svg create mode 100644 packages/icons/svg/status-icon-icon.svg create mode 100644 packages/icons/svg/symbols-icon.svg create mode 100644 packages/icons/svg/touch-id-big-icon.svg create mode 100644 packages/icons/svg/travel-icon.svg create mode 100644 packages/icons/svg/web-icon.svg diff --git a/.changeset/shiny-poems-rescue.md b/.changeset/shiny-poems-rescue.md new file mode 100644 index 00000000..ad461c12 --- /dev/null +++ b/.changeset/shiny-poems-rescue.md @@ -0,0 +1,5 @@ +--- +'@status-im/icons': minor +--- + +sync icons diff --git a/packages/icons/scripts/sync.ts b/packages/icons/scripts/sync.ts index 31192bda..643c8ec3 100644 --- a/packages/icons/scripts/sync.ts +++ b/packages/icons/scripts/sync.ts @@ -81,6 +81,28 @@ for (const [nodeId, name] of Object.entries(NODE_IDS)) { const svgRaw = await fetch(image!).then(res => res.text()) + // note: probably a wrapper layer for https://www.figma.com/file/qLLuMLfpGxK9OfpIavwsmK/Iconset?type=design&node-id=4408-955&mode=dev, thus skipping + // icon:: { + // key: 'c73f7bad669c2696c2158cef34967a20cc0f0f0f', + // name: 'Use=Default, Typo=False, Style=Gradient', + // description: '', + // remote: true, + // componentSetId: '4819:992', + // documentationLinks: [] + // } + // raw:: + // transform:: + // icon:: { + // key: '53e1bc9f7ee455bc6cc38b90a9b7614ef64afe4e', + // name: '20/status-logo', + // description: '', + // remote: false, + // documentationLinks: [] + // } + if (!svgRaw) { + continue + } + const svg = await transform(svgRaw, { plugins: ['@svgr/plugin-svgo'], replaceAttrValues: { diff --git a/packages/icons/src/activity-icon.tsx b/packages/icons/src/activity-icon.tsx new file mode 100644 index 00000000..7b94d077 --- /dev/null +++ b/packages/icons/src/activity-icon.tsx @@ -0,0 +1,25 @@ +import { createIcon } from '../lib/create-icon' + +const SvgActivityIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgActivityIcon diff --git a/packages/icons/src/add-token-icon.tsx b/packages/icons/src/add-token-icon.tsx index c05c9b28..4513956b 100644 --- a/packages/icons/src/add-token-icon.tsx +++ b/packages/icons/src/add-token-icon.tsx @@ -13,7 +13,7 @@ const SvgAddTokenIcon = createIcon(props => { aria-hidden={true} > { + return ( + + + + ) +}) + +export default SvgBackspaceIcon diff --git a/packages/icons/src/bridge-icon.tsx b/packages/icons/src/bridge-icon.tsx index 8d1ac21c..c902def2 100644 --- a/packages/icons/src/bridge-icon.tsx +++ b/packages/icons/src/bridge-icon.tsx @@ -15,7 +15,7 @@ const SvgBridgeIcon = createIcon(props => { diff --git a/packages/icons/src/checktoken-icon.tsx b/packages/icons/src/checktoken-icon.tsx index 57da1a18..34fcc1d7 100644 --- a/packages/icons/src/checktoken-icon.tsx +++ b/packages/icons/src/checktoken-icon.tsx @@ -13,7 +13,7 @@ const SvgChecktokenIcon = createIcon(props => { aria-hidden={true} > { + return ( + + + + + ) +}) + +export default SvgClearBigIcon diff --git a/packages/icons/src/clear-icon.tsx b/packages/icons/src/clear-icon.tsx index c22e119b..b4be63b0 100644 --- a/packages/icons/src/clear-icon.tsx +++ b/packages/icons/src/clear-icon.tsx @@ -15,7 +15,7 @@ const SvgClearIcon = createIcon(props => { { d="M10.546 14.197 6.303 9.954l-.848.849 4.242 4.242.849-.848Zm-2.475 1.06L5.242 12.43l-.848.849 2.828 2.828.849-.848Z" clipRule="evenodd" /> - - - - - - + + + + + + diff --git a/packages/icons/src/delete-icon.tsx b/packages/icons/src/delete-icon.tsx index fd0a904c..27cd5690 100644 --- a/packages/icons/src/delete-icon.tsx +++ b/packages/icons/src/delete-icon.tsx @@ -15,7 +15,7 @@ const SvgDeleteIcon = createIcon(props => { diff --git a/packages/icons/src/derivated-path-big-icon.tsx b/packages/icons/src/derivated-path-big-icon.tsx new file mode 100644 index 00000000..ba067f5c --- /dev/null +++ b/packages/icons/src/derivated-path-big-icon.tsx @@ -0,0 +1,32 @@ +import { createIcon } from '../lib/create-icon' + +const SvgDerivatedPathBigIcon = createIcon(props => { + return ( + + + + + + + + + + + ) +}) + +export default SvgDerivatedPathBigIcon diff --git a/packages/icons/src/derivated-path-icon.tsx b/packages/icons/src/derivated-path-icon.tsx new file mode 100644 index 00000000..1f0c0c5b --- /dev/null +++ b/packages/icons/src/derivated-path-icon.tsx @@ -0,0 +1,25 @@ +import { createIcon } from '../lib/create-icon' + +const SvgDerivatedPathIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgDerivatedPathIcon diff --git a/packages/icons/src/faceid-big-icon.tsx b/packages/icons/src/faceid-big-icon.tsx new file mode 100644 index 00000000..722a0c2b --- /dev/null +++ b/packages/icons/src/faceid-big-icon.tsx @@ -0,0 +1,32 @@ +import { createIcon } from '../lib/create-icon' + +const SvgFaceidBigIcon = createIcon(props => { + return ( + + + + + + + + + + + ) +}) + +export default SvgFaceidBigIcon diff --git a/packages/icons/src/faces-icon.tsx b/packages/icons/src/faces-icon.tsx new file mode 100644 index 00000000..d0978b3b --- /dev/null +++ b/packages/icons/src/faces-icon.tsx @@ -0,0 +1,25 @@ +import { createIcon } from '../lib/create-icon' + +const SvgFacesIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgFacesIcon diff --git a/packages/icons/src/flags-icon.tsx b/packages/icons/src/flags-icon.tsx new file mode 100644 index 00000000..40f16e86 --- /dev/null +++ b/packages/icons/src/flags-icon.tsx @@ -0,0 +1,25 @@ +import { createIcon } from '../lib/create-icon' + +const SvgFlagsIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgFlagsIcon diff --git a/packages/icons/src/food-icon.tsx b/packages/icons/src/food-icon.tsx new file mode 100644 index 00000000..c64e0906 --- /dev/null +++ b/packages/icons/src/food-icon.tsx @@ -0,0 +1,25 @@ +import { createIcon } from '../lib/create-icon' + +const SvgFoodIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgFoodIcon diff --git a/packages/icons/src/hashtag-square-icon.tsx b/packages/icons/src/hashtag-square-icon.tsx new file mode 100644 index 00000000..945dffea --- /dev/null +++ b/packages/icons/src/hashtag-square-icon.tsx @@ -0,0 +1,25 @@ +import { createIcon } from '../lib/create-icon' + +const SvgHashtagSquareIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgHashtagSquareIcon diff --git a/packages/icons/src/hide-password-icon.tsx b/packages/icons/src/hide-password-icon.tsx new file mode 100644 index 00000000..ef266e2f --- /dev/null +++ b/packages/icons/src/hide-password-icon.tsx @@ -0,0 +1,25 @@ +import { createIcon } from '../lib/create-icon' + +const SvgHidePasswordIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgHidePasswordIcon diff --git a/packages/icons/src/hypen-icon.tsx b/packages/icons/src/hypen-icon.tsx new file mode 100644 index 00000000..730667d7 --- /dev/null +++ b/packages/icons/src/hypen-icon.tsx @@ -0,0 +1,20 @@ +import { createIcon } from '../lib/create-icon' + +const SvgHypenIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgHypenIcon diff --git a/packages/icons/src/index.ts b/packages/icons/src/index.ts index a0d27e4d..1e5bcc72 100644 --- a/packages/icons/src/index.ts +++ b/packages/icons/src/index.ts @@ -2,6 +2,7 @@ export { default as AccountNumberIcon } from './account-number-icon' export { default as ActiveIcon } from './active-icon' export { default as ActiveMembersIcon } from './active-members-icon' export { default as ActivityCenterIcon } from './activity-center-icon' +export { default as ActivityIcon } from './activity-icon' export { default as AddIcon } from './add-icon' export { default as AddReactionIcon } from './add-reaction-icon' export { default as AddSmallIcon } from './add-small-icon' @@ -21,6 +22,7 @@ export { default as ArrowTopIcon } from './arrow-top-icon' export { default as AttachIcon } from './attach-icon' export { default as AudioIcon } from './audio-icon' export { default as AutomaticIcon } from './automatic-icon' +export { default as BackspaceIcon } from './backspace-icon' export { default as BanUserIcon } from './ban-user-icon' export { default as BlockIcon } from './block-icon' export { default as BoldIcon } from './bold-icon' @@ -45,6 +47,7 @@ export { default as ChevronTopIcon } from './chevron-top-icon' export { default as ChevronsLeftIcon } from './chevrons-left-icon' export { default as ChevronsRightIcon } from './chevrons-right-icon' export { default as CircleIcon } from './circle-icon' +export { default as ClearBigIcon } from './clear-big-icon' export { default as ClearIcon } from './clear-icon' export { default as CloseCircleIcon } from './close-circle-icon' export { default as CloseIcon } from './close-icon' @@ -77,6 +80,8 @@ export { default as DataUsageIcon } from './data-usage-icon' export { default as DeclineIcon } from './decline-icon' export { default as DecreaseWindowsIcon } from './decrease-windows-icon' export { default as DeleteIcon } from './delete-icon' +export { default as DerivatedPathBigIcon } from './derivated-path-big-icon' +export { default as DerivatedPathIcon } from './derivated-path-icon' export { default as DesktopIcon } from './desktop-icon' export { default as DestroyIcon } from './destroy-icon' export { default as DisconnectIcon } from './disconnect-icon' @@ -96,11 +101,14 @@ export { default as ExpandTopbarIcon } from './expand-topbar-icon' export { default as ExternalIcon } from './external-icon' export { default as FaceIdIcon } from './face-id-icon' export { default as FacebookIcon } from './facebook-icon' +export { default as FaceidBigIcon } from './faceid-big-icon' export { default as FaceidKeyIcon } from './faceid-key-icon' +export { default as FacesIcon } from './faces-icon' export { default as FavouriteIcon } from './favourite-icon' export { default as FeedIcon } from './feed-icon' export { default as FileIcon } from './file-icon' export { default as FlagIcon } from './flag-icon' +export { default as FlagsIcon } from './flags-icon' export { default as FlashIcon } from './flash-icon' export { default as FlashOffIcon } from './flash-off-icon' export { default as FlashlightOffIcon } from './flashlight-off-icon' @@ -109,6 +117,7 @@ export { default as FlickrIcon } from './flickr-icon' export { default as FlipIcon } from './flip-icon' export { default as FocusIcon } from './focus-icon' export { default as FolderIcon } from './folder-icon' +export { default as FoodIcon } from './food-icon' export { default as FormatIcon } from './format-icon' export { default as ForwardIcon } from './forward-icon' export { default as FriendIcon } from './friend-icon' @@ -120,13 +129,16 @@ export { default as GiftIcon } from './gift-icon' export { default as GithubIcon } from './github-icon' export { default as GlobeIcon } from './globe-icon' export { default as HashtagIcon } from './hashtag-icon' +export { default as HashtagSquareIcon } from './hashtag-square-icon' export { default as HeartBreakIcon } from './heart-break-icon' export { default as HeartIcon } from './heart-icon' export { default as HelpIcon } from './help-icon' export { default as HideIcon } from './hide-icon' +export { default as HidePasswordIcon } from './hide-password-icon' export { default as HistoryIcon } from './history-icon' export { default as HoldIcon } from './hold-icon' export { default as HourglassIcon } from './hourglass-icon' +export { default as HypenIcon } from './hypen-icon' export { default as ImageIcon } from './image-icon' export { default as ImportIcon } from './import-icon' export { default as InactiveIcon } from './inactive-icon' @@ -139,6 +151,7 @@ export { default as ItalicIcon } from './italic-icon' export { default as JustifyIcon } from './justify-icon' export { default as KeyIcon } from './key-icon' export { default as KeyboardIcon } from './keyboard-icon' +export { default as KeycardCardIcon } from './keycard-card-icon' export { default as KeycardIcon } from './keycard-icon' export { default as KeycardLogoIcon } from './keycard-logo-icon' export { default as KickUserIcon } from './kick-user-icon' @@ -172,16 +185,21 @@ export { default as MobileIcon } from './mobile-icon' export { default as MultiProfileIcon } from './multi-profile-icon' export { default as MutedIcon } from './muted-icon' export { default as MutualContactIcon } from './mutual-contact-icon' +export { default as NatureIcon } from './nature-icon' export { default as NegativeStateIcon } from './negative-state-icon' export { default as NewMessageIcon } from './new-message-icon' export { default as NewWindowIcon } from './new-window-icon' export { default as NftIcon } from './nft-icon' export { default as NodeIcon } from './node-icon' export { default as NotStartedIcon } from './not-started-icon' +export { default as NotificationBadgeIcon } from './notification-badge-icon' export { default as NotificationIcon } from './notification-icon' export { default as NotificationsIcon } from './notifications-icon' export { default as NotificationsUnreadIcon } from './notifications-unread-icon' export { default as NumberedListIcon } from './numbered-list-icon' +export { default as ObjectsIcon } from './objects-icon' +export { default as OfflineIcon } from './offline-icon' +export { default as OfflineLeftIcon } from './offline-left-icon' export { default as OnlineIcon } from './online-icon' export { default as OnlineLeftIcon } from './online-left-icon' export { default as OpenIcon } from './open-icon' @@ -217,6 +235,7 @@ export { default as ReplyIcon } from './reply-icon' export { default as RevealIcon } from './reveal-icon' export { default as RevealWhitelistIcon } from './reveal-whitelist-icon' export { default as RevereIcon } from './revere-icon' +export { default as RevertIcon } from './revert-icon' export { default as ReviewIdIcon } from './review-id-icon' export { default as ReviewRequestIcon } from './review-request-icon' export { default as RightAlignIcon } from './right-align-icon' @@ -236,6 +255,7 @@ export { default as SortIcon } from './sort-icon' export { default as SpeedIcon } from './speed-icon' export { default as SpotifyIcon } from './spotify-icon' export { default as StatusIcon } from './status-icon' +export { default as StatusIconIcon } from './status-icon-icon' export { default as StatusLogoIcon } from './status-logo-icon' export { default as StickersIcon } from './stickers-icon' export { default as StopIcon } from './stop-icon' @@ -244,6 +264,7 @@ export { default as SubscriptIcon } from './subscript-icon' export { default as SuperareIcon } from './superare-icon' export { default as SuperscriptIcon } from './superscript-icon' export { default as SwapIcon } from './swap-icon' +export { default as SymbolsIcon } from './symbols-icon' export { default as SyncingIcon } from './syncing-icon' export { default as TableIcon } from './table-icon' export { default as TabletIcon } from './tablet-icon' @@ -255,7 +276,9 @@ export { default as TokenIcon } from './token-icon' export { default as TokenSalesIcon } from './token-sales-icon' export { default as TopbarDockIcon } from './topbar-dock-icon' export { default as TopbarIcon } from './topbar-icon' +export { default as TouchIdBigIcon } from './touch-id-big-icon' export { default as TrashIcon } from './trash-icon' +export { default as TravelIcon } from './travel-icon' export { default as TumblrIcon } from './tumblr-icon' export { default as TwitchIcon } from './twitch-icon' export { default as TwitterIcon } from './twitter-icon' @@ -272,6 +295,7 @@ export { default as VideoIcon } from './video-icon' export { default as WaffleIcon } from './waffle-icon' export { default as WalletIcon } from './wallet-icon' export { default as WarningIcon } from './warning-icon' +export { default as WebIcon } from './web-icon' export { default as WorldIcon } from './world-icon' export { default as YoutubeIcon } from './youtube-icon' export { default as ZoomInIcon } from './zoom-in-icon' diff --git a/packages/icons/src/keycard-card-icon.tsx b/packages/icons/src/keycard-card-icon.tsx new file mode 100644 index 00000000..9fd31629 --- /dev/null +++ b/packages/icons/src/keycard-card-icon.tsx @@ -0,0 +1,25 @@ +import { createIcon } from '../lib/create-icon' + +const SvgKeycardCardIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgKeycardCardIcon diff --git a/packages/icons/src/locked-icon.tsx b/packages/icons/src/locked-icon.tsx index a571e414..7f7c34a8 100644 --- a/packages/icons/src/locked-icon.tsx +++ b/packages/icons/src/locked-icon.tsx @@ -15,7 +15,7 @@ const SvgLockedIcon = createIcon(props => { diff --git a/packages/icons/src/nature-icon.tsx b/packages/icons/src/nature-icon.tsx new file mode 100644 index 00000000..45180104 --- /dev/null +++ b/packages/icons/src/nature-icon.tsx @@ -0,0 +1,25 @@ +import { createIcon } from '../lib/create-icon' + +const SvgNatureIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgNatureIcon diff --git a/packages/icons/src/notification-badge-icon.tsx b/packages/icons/src/notification-badge-icon.tsx new file mode 100644 index 00000000..df419521 --- /dev/null +++ b/packages/icons/src/notification-badge-icon.tsx @@ -0,0 +1,20 @@ +import { createIcon } from '../lib/create-icon' + +const SvgNotificationBadgeIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgNotificationBadgeIcon diff --git a/packages/icons/src/objects-icon.tsx b/packages/icons/src/objects-icon.tsx new file mode 100644 index 00000000..31896646 --- /dev/null +++ b/packages/icons/src/objects-icon.tsx @@ -0,0 +1,25 @@ +import { createIcon } from '../lib/create-icon' + +const SvgObjectsIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgObjectsIcon diff --git a/packages/icons/src/offline-icon.tsx b/packages/icons/src/offline-icon.tsx new file mode 100644 index 00000000..63a3c658 --- /dev/null +++ b/packages/icons/src/offline-icon.tsx @@ -0,0 +1,20 @@ +import { createIcon } from '../lib/create-icon' + +const SvgOfflineIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgOfflineIcon diff --git a/packages/icons/src/offline-left-icon.tsx b/packages/icons/src/offline-left-icon.tsx new file mode 100644 index 00000000..330f52d1 --- /dev/null +++ b/packages/icons/src/offline-left-icon.tsx @@ -0,0 +1,20 @@ +import { createIcon } from '../lib/create-icon' + +const SvgOfflineLeftIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgOfflineLeftIcon diff --git a/packages/icons/src/options-circle-icon.tsx b/packages/icons/src/options-circle-icon.tsx index acd60dde..087cd6af 100644 --- a/packages/icons/src/options-circle-icon.tsx +++ b/packages/icons/src/options-circle-icon.tsx @@ -13,7 +13,7 @@ const SvgOptionsCircleIcon = createIcon(props => { aria-hidden={true} > { cx={10} cy={10} r={7} - stroke="#647084" + stroke={props.color} strokeWidth={1.2} opacity={0.4} /> - + ) }) diff --git a/packages/icons/src/revert-icon.tsx b/packages/icons/src/revert-icon.tsx new file mode 100644 index 00000000..38387606 --- /dev/null +++ b/packages/icons/src/revert-icon.tsx @@ -0,0 +1,25 @@ +import { createIcon } from '../lib/create-icon' + +const SvgRevertIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgRevertIcon diff --git a/packages/icons/src/status-icon-icon.tsx b/packages/icons/src/status-icon-icon.tsx new file mode 100644 index 00000000..1d41bf0c --- /dev/null +++ b/packages/icons/src/status-icon-icon.tsx @@ -0,0 +1,23 @@ +import { createIcon } from '../lib/create-icon' + +const SvgStatusIconIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgStatusIconIcon diff --git a/packages/icons/src/status-icon.tsx b/packages/icons/src/status-icon.tsx index c7b98ca7..a6a2384d 100644 --- a/packages/icons/src/status-icon.tsx +++ b/packages/icons/src/status-icon.tsx @@ -12,10 +12,19 @@ const SvgStatusIcon = createIcon(props => { focusable={false} aria-hidden={true} > - + + + + + + + + ) }) diff --git a/packages/icons/src/status-logo-icon.tsx b/packages/icons/src/status-logo-icon.tsx index 2fb1a717..3f1e3936 100644 --- a/packages/icons/src/status-logo-icon.tsx +++ b/packages/icons/src/status-logo-icon.tsx @@ -20,51 +20,44 @@ const SvgStatusLogoIcon = createIcon(props => { clipRule="evenodd" /> - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + { /> { /> { /> { stdDeviation={2.358} /> - - - - - - - - - - - - ) diff --git a/packages/icons/src/symbols-icon.tsx b/packages/icons/src/symbols-icon.tsx new file mode 100644 index 00000000..4f7ed01f --- /dev/null +++ b/packages/icons/src/symbols-icon.tsx @@ -0,0 +1,25 @@ +import { createIcon } from '../lib/create-icon' + +const SvgSymbolsIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgSymbolsIcon diff --git a/packages/icons/src/touch-id-big-icon.tsx b/packages/icons/src/touch-id-big-icon.tsx new file mode 100644 index 00000000..f0b705dc --- /dev/null +++ b/packages/icons/src/touch-id-big-icon.tsx @@ -0,0 +1,25 @@ +import { createIcon } from '../lib/create-icon' + +const SvgTouchIdBigIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgTouchIdBigIcon diff --git a/packages/icons/src/travel-icon.tsx b/packages/icons/src/travel-icon.tsx new file mode 100644 index 00000000..96415008 --- /dev/null +++ b/packages/icons/src/travel-icon.tsx @@ -0,0 +1,25 @@ +import { createIcon } from '../lib/create-icon' + +const SvgTravelIcon = createIcon(props => { + return ( + + + + ) +}) + +export default SvgTravelIcon diff --git a/packages/icons/src/twitter-icon.tsx b/packages/icons/src/twitter-icon.tsx index dddb7e59..27ef97c7 100644 --- a/packages/icons/src/twitter-icon.tsx +++ b/packages/icons/src/twitter-icon.tsx @@ -14,7 +14,13 @@ const SvgTwitterIcon = createIcon(props => { > + ) diff --git a/packages/icons/src/unlocked-icon.tsx b/packages/icons/src/unlocked-icon.tsx index ce3ff78d..61ff28dc 100644 --- a/packages/icons/src/unlocked-icon.tsx +++ b/packages/icons/src/unlocked-icon.tsx @@ -15,7 +15,7 @@ const SvgUnlockedIcon = createIcon(props => { diff --git a/packages/icons/src/web-icon.tsx b/packages/icons/src/web-icon.tsx new file mode 100644 index 00000000..0e733899 --- /dev/null +++ b/packages/icons/src/web-icon.tsx @@ -0,0 +1,30 @@ +import { createIcon } from '../lib/create-icon' + +const SvgWebIcon = createIcon(props => { + return ( + + + + + ) +}) + +export default SvgWebIcon diff --git a/packages/icons/svg/activity-icon.svg b/packages/icons/svg/activity-icon.svg new file mode 100644 index 00000000..ad9d4553 --- /dev/null +++ b/packages/icons/svg/activity-icon.svg @@ -0,0 +1,14 @@ + + + diff --git a/packages/icons/svg/backspace-icon.svg b/packages/icons/svg/backspace-icon.svg new file mode 100644 index 00000000..8f488e70 --- /dev/null +++ b/packages/icons/svg/backspace-icon.svg @@ -0,0 +1,14 @@ + + + diff --git a/packages/icons/svg/bridge-icon.svg b/packages/icons/svg/bridge-icon.svg index 57dfef8a..adb94b66 100644 --- a/packages/icons/svg/bridge-icon.svg +++ b/packages/icons/svg/bridge-icon.svg @@ -8,7 +8,7 @@ diff --git a/packages/icons/svg/clear-big-icon.svg b/packages/icons/svg/clear-big-icon.svg new file mode 100644 index 00000000..8dc68533 --- /dev/null +++ b/packages/icons/svg/clear-big-icon.svg @@ -0,0 +1,20 @@ + + + + diff --git a/packages/icons/svg/clear-icon.svg b/packages/icons/svg/clear-icon.svg index 8dc68533..b2b49bb1 100644 --- a/packages/icons/svg/clear-icon.svg +++ b/packages/icons/svg/clear-icon.svg @@ -8,7 +8,7 @@ diff --git a/packages/icons/svg/derivated-path-big-icon.svg b/packages/icons/svg/derivated-path-big-icon.svg new file mode 100644 index 00000000..10c4256a --- /dev/null +++ b/packages/icons/svg/derivated-path-big-icon.svg @@ -0,0 +1,21 @@ + + + + + + + + + + diff --git a/packages/icons/svg/derivated-path-icon.svg b/packages/icons/svg/derivated-path-icon.svg new file mode 100644 index 00000000..c5f5034b --- /dev/null +++ b/packages/icons/svg/derivated-path-icon.svg @@ -0,0 +1,14 @@ + + + diff --git a/packages/icons/svg/faceid-big-icon.svg b/packages/icons/svg/faceid-big-icon.svg new file mode 100644 index 00000000..d3dbe097 --- /dev/null +++ b/packages/icons/svg/faceid-big-icon.svg @@ -0,0 +1,21 @@ + + + + + + + + + + diff --git a/packages/icons/svg/faces-icon.svg b/packages/icons/svg/faces-icon.svg new file mode 100644 index 00000000..e8b26b7a --- /dev/null +++ b/packages/icons/svg/faces-icon.svg @@ -0,0 +1,14 @@ + + + diff --git a/packages/icons/svg/flags-icon.svg b/packages/icons/svg/flags-icon.svg new file mode 100644 index 00000000..a651c28f --- /dev/null +++ b/packages/icons/svg/flags-icon.svg @@ -0,0 +1,14 @@ + + + diff --git a/packages/icons/svg/food-icon.svg b/packages/icons/svg/food-icon.svg new file mode 100644 index 00000000..d8fd2d9c --- /dev/null +++ b/packages/icons/svg/food-icon.svg @@ -0,0 +1,14 @@ + + + diff --git a/packages/icons/svg/hashtag-square-icon.svg b/packages/icons/svg/hashtag-square-icon.svg new file mode 100644 index 00000000..55f09f4c --- /dev/null +++ b/packages/icons/svg/hashtag-square-icon.svg @@ -0,0 +1,14 @@ + + + diff --git a/packages/icons/svg/heart-icon.svg b/packages/icons/svg/heart-icon.svg index ea9bc838..79021aa6 100644 --- a/packages/icons/svg/heart-icon.svg +++ b/packages/icons/svg/heart-icon.svg @@ -10,5 +10,3 @@ d="m10 16.517-.253.544.253.117.253-.117-.253-.544ZM3 7.534l.598.054L3 7.534Zm14 0-.598.046v.008L17 7.534Zm-7-2.017-.345.49.343.241.344-.238L10 5.517Zm0 11 .253-.544-.003-.002a1.327 1.327 0 0 0-.07-.034c-.051-.024-.127-.063-.225-.113a17.45 17.45 0 0 1-3.252-2.191c-1.77-1.523-3.328-3.594-3.105-6.045l-1.196-.109c-.277 3.05 1.665 5.47 3.52 7.064a18.654 18.654 0 0 0 3.73 2.472l.068.033.02.009.005.003h.001l.254-.543Zm0 0a78.287 78.287 0 0 0 .254.543h.001l.006-.003.019-.009a7.928 7.928 0 0 0 .318-.16 18.659 18.659 0 0 0 3.48-2.346c1.855-1.593 3.797-4.013 3.52-7.063l-1.195.109c.222 2.45-1.336 4.522-3.107 6.045A17.453 17.453 0 0 1 9.75 15.97l-.003.001.253.545Zm7.598-9.03c-.132-1.723-.672-2.867-1.55-3.506-.869-.633-1.924-.662-2.844-.492-.927.17-1.816.56-2.457.893a12.177 12.177 0 0 0-1.081.636l-.005.004h-.002v.001l.341.494.342.493.002-.002a10.97 10.97 0 0 1 .956-.562c.593-.307 1.36-.637 2.121-.777.767-.142 1.431-.074 1.921.282.482.351.942 1.09 1.06 2.629l1.196-.092Zm-14 .101c.14-1.538.608-2.282 1.098-2.636.495-.358 1.158-.424 1.917-.283.754.14 1.512.469 2.098.777a10.684 10.684 0 0 1 .942.56l.002.002.345-.491.345-.491-.002-.002c-.002 0-.003-.002-.005-.003a1.632 1.632 0 0 0-.077-.052 11.886 11.886 0 0 0-.992-.585c-.635-.334-1.515-.724-2.437-.895-.917-.17-1.967-.14-2.84.491-.879.636-1.433 1.776-1.59 3.5l1.196.108Z" /> - - diff --git a/packages/icons/svg/hide-password-icon.svg b/packages/icons/svg/hide-password-icon.svg new file mode 100644 index 00000000..a77af8d4 --- /dev/null +++ b/packages/icons/svg/hide-password-icon.svg @@ -0,0 +1,14 @@ + + + diff --git a/packages/icons/svg/hypen-icon.svg b/packages/icons/svg/hypen-icon.svg new file mode 100644 index 00000000..b486f34a --- /dev/null +++ b/packages/icons/svg/hypen-icon.svg @@ -0,0 +1,9 @@ + + + diff --git a/packages/icons/svg/keycard-card-icon.svg b/packages/icons/svg/keycard-card-icon.svg new file mode 100644 index 00000000..1b8092d6 --- /dev/null +++ b/packages/icons/svg/keycard-card-icon.svg @@ -0,0 +1,14 @@ + + + diff --git a/packages/icons/svg/locked-icon.svg b/packages/icons/svg/locked-icon.svg index 950dba0c..d2a1d477 100644 --- a/packages/icons/svg/locked-icon.svg +++ b/packages/icons/svg/locked-icon.svg @@ -8,7 +8,7 @@ diff --git a/packages/icons/svg/nature-icon.svg b/packages/icons/svg/nature-icon.svg new file mode 100644 index 00000000..5dac7409 --- /dev/null +++ b/packages/icons/svg/nature-icon.svg @@ -0,0 +1,14 @@ + + + diff --git a/packages/icons/svg/notification-badge-icon.svg b/packages/icons/svg/notification-badge-icon.svg new file mode 100644 index 00000000..f626bd2f --- /dev/null +++ b/packages/icons/svg/notification-badge-icon.svg @@ -0,0 +1,9 @@ + + + diff --git a/packages/icons/svg/objects-icon.svg b/packages/icons/svg/objects-icon.svg new file mode 100644 index 00000000..5520288f --- /dev/null +++ b/packages/icons/svg/objects-icon.svg @@ -0,0 +1,14 @@ + + + diff --git a/packages/icons/svg/offline-icon.svg b/packages/icons/svg/offline-icon.svg new file mode 100644 index 00000000..4eccfb49 --- /dev/null +++ b/packages/icons/svg/offline-icon.svg @@ -0,0 +1,9 @@ + + + diff --git a/packages/icons/svg/offline-left-icon.svg b/packages/icons/svg/offline-left-icon.svg new file mode 100644 index 00000000..336120ec --- /dev/null +++ b/packages/icons/svg/offline-left-icon.svg @@ -0,0 +1,9 @@ + + + diff --git a/packages/icons/svg/revert-icon.svg b/packages/icons/svg/revert-icon.svg new file mode 100644 index 00000000..65f6d2b8 --- /dev/null +++ b/packages/icons/svg/revert-icon.svg @@ -0,0 +1,14 @@ + + + diff --git a/packages/icons/svg/status-icon-icon.svg b/packages/icons/svg/status-icon-icon.svg new file mode 100644 index 00000000..a7cfe106 --- /dev/null +++ b/packages/icons/svg/status-icon-icon.svg @@ -0,0 +1,12 @@ + + + diff --git a/packages/icons/svg/status-icon.svg b/packages/icons/svg/status-icon.svg index a7cfe106..0c991824 100644 --- a/packages/icons/svg/status-icon.svg +++ b/packages/icons/svg/status-icon.svg @@ -5,8 +5,17 @@ fill="none" viewBox="0 0 20 20" > - + + + + + + + + diff --git a/packages/icons/svg/status-logo-icon.svg b/packages/icons/svg/status-logo-icon.svg index e2ec2ddc..d0c16f54 100644 --- a/packages/icons/svg/status-logo-icon.svg +++ b/packages/icons/svg/status-logo-icon.svg @@ -13,42 +13,36 @@ clip-rule="evenodd" /> - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + @@ -117,41 +111,11 @@ stdDeviation="2.358" /> - - - - - - - - - - - - diff --git a/packages/icons/svg/symbols-icon.svg b/packages/icons/svg/symbols-icon.svg new file mode 100644 index 00000000..55f09f4c --- /dev/null +++ b/packages/icons/svg/symbols-icon.svg @@ -0,0 +1,14 @@ + + + diff --git a/packages/icons/svg/touch-id-big-icon.svg b/packages/icons/svg/touch-id-big-icon.svg new file mode 100644 index 00000000..a00a8900 --- /dev/null +++ b/packages/icons/svg/touch-id-big-icon.svg @@ -0,0 +1,14 @@ + + + diff --git a/packages/icons/svg/travel-icon.svg b/packages/icons/svg/travel-icon.svg new file mode 100644 index 00000000..331e7574 --- /dev/null +++ b/packages/icons/svg/travel-icon.svg @@ -0,0 +1,14 @@ + + + diff --git a/packages/icons/svg/twitter-icon.svg b/packages/icons/svg/twitter-icon.svg index c95d6c0c..0c58b6dd 100644 --- a/packages/icons/svg/twitter-icon.svg +++ b/packages/icons/svg/twitter-icon.svg @@ -7,6 +7,12 @@ > + diff --git a/packages/icons/svg/unlocked-icon.svg b/packages/icons/svg/unlocked-icon.svg index 55791d2d..2d5b18ad 100644 --- a/packages/icons/svg/unlocked-icon.svg +++ b/packages/icons/svg/unlocked-icon.svg @@ -8,7 +8,7 @@ diff --git a/packages/icons/svg/web-icon.svg b/packages/icons/svg/web-icon.svg new file mode 100644 index 00000000..d244a15c --- /dev/null +++ b/packages/icons/svg/web-icon.svg @@ -0,0 +1,19 @@ + + + + diff --git a/yarn.lock b/yarn.lock index a6c342b0..c8565042 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7632,7 +7632,7 @@ resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc" integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw== -"@types/react-dom@^18.0.11": +"@types/react-dom@18.0.11", "@types/react-dom@^18.0.11": version "18.0.11" resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.0.11.tgz#321351c1459bc9ca3d216aefc8a167beec334e33" integrity sha512-O38bPbI2CWtgw/OoQoY+BRelw7uysmXbWvw3nLWO21H1HSh+GOlqPuXshJfjmpNlKiiSDG9cc1JZAaMmVdcTlw== @@ -7646,7 +7646,7 @@ dependencies: "@types/react" "*" -"@types/react@*", "@types/react@>=16", "@types/react@^18.0.33": +"@types/react@*", "@types/react@18.0.33", "@types/react@>=16", "@types/react@^18.0.33": version "18.0.33" resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.33.tgz#a1575160cb4376787c2f5fe0312302f824baa61e" integrity sha512-sHxzVxeanvQyQ1lr8NSHaj0kDzcNiGpILEVt69g9S31/7PfMvNCKLKcsHw4lYKjs3cGNJjXSP4mYzX43QlnjNA==