mainstack-design-system 0.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.env.sample +1 -0
- package/.eslintignore +5 -0
- package/.eslintrc.json +96 -0
- package/.github/PULL_REQUEST_TEMPLATE.md +15 -0
- package/.husky/commit-msg +4 -0
- package/.husky/pre-commit +6 -0
- package/.prettierignore +7 -0
- package/.prettierrc +9 -0
- package/.storybook/main.ts +22 -0
- package/.storybook/preview.ts +20 -0
- package/.vscode/extensions.json +10 -0
- package/README.md +139 -0
- package/commitlint.config.cjs +1 -0
- package/index.html +31 -0
- package/package.json +98 -0
- package/public/_redirects +1 -0
- package/public/manifest.json +15 -0
- package/public/robots.txt +3 -0
- package/public/vite.svg +1 -0
- package/src/app.tsx +25 -0
- package/src/assets/fonts/Degular-Medium.woff2 +0 -0
- package/src/assets/fonts/Degular-Medium_Italic.woff2 +0 -0
- package/src/assets/fonts/Degular-Semibold.woff2 +0 -0
- package/src/assets/fonts/Degular-Semibold_Italic.woff2 +0 -0
- package/src/assets/fonts/Degular_Display-Bold.woff2 +0 -0
- package/src/assets/fonts/Degular_Display-Bold_Italic.woff2 +0 -0
- package/src/assets/fonts/Degular_Display-Semibold.woff2 +0 -0
- package/src/assets/fonts/Degular_Display-Semibold_Italic.woff2 +0 -0
- package/src/assets/fonts/Sohne-Buch.otf +0 -0
- package/src/assets/fonts/So/302/246/303/252hne-Buch.otf +0 -0
- package/src/assets/fonts/So/302/246/303/252hne-BuchKursiv.otf +0 -0
- package/src/assets/fonts/So/302/246/303/252hne-Dreiviertelfett.otf +0 -0
- package/src/assets/fonts/So/302/246/303/252hne-DreiviertelfettKursiv.otf +0 -0
- package/src/assets/fonts/So/302/246/303/252hne-Extrafett.otf +0 -0
- package/src/assets/fonts/So/302/246/303/252hne-Fett.otf +0 -0
- package/src/assets/fonts/So/302/246/303/252hne-Halbfett.otf +0 -0
- package/src/assets/fonts/So/302/246/303/252hne-HalbfettKursiv.otf +0 -0
- package/src/assets/fonts/So/302/246/303/252hne-Kra/302/246/303/252ftig.otf +0 -0
- package/src/assets/fonts/So/302/246/303/252hne-Kra/302/246/303/252ftigKursiv.otf +0 -0
- package/src/assets/fonts/So/302/246/303/252hne-Leicht.otf +0 -0
- package/src/assets/fonts/soehne-buch-kursiv.woff2 +0 -0
- package/src/assets/fonts/soehne-buch.woff2 +0 -0
- package/src/assets/fonts/soehne-dreiviertelfett-kursiv.woff2 +0 -0
- package/src/assets/fonts/soehne-dreiviertelfett.woff2 +0 -0
- package/src/assets/fonts/soehne-extrafett.woff2 +0 -0
- package/src/assets/fonts/soehne-fett.woff2 +0 -0
- package/src/assets/fonts/soehne-halbfett-kursiv.woff2 +0 -0
- package/src/assets/fonts/soehne-halbfett.woff2 +0 -0
- package/src/assets/fonts/soehne-kraftig-kursiv.woff2 +0 -0
- package/src/assets/fonts/soehne-kraftig.woff2 +0 -0
- package/src/assets/fonts/soehne-leicht.woff2 +0 -0
- package/src/assets/styles/index.css +486 -0
- package/src/assets/svgs/check_circle.svg +8 -0
- package/src/assets/svgs/close-circle.svg +3 -0
- package/src/assets/svgs/error_message_icon.svg +8 -0
- package/src/assets/svgs/personal_profile_avatar.svg +13 -0
- package/src/assets/svgs/search-normal.svg +4 -0
- package/src/assets/svgs/store_avatar.svg +13 -0
- package/src/assets/svgs/viewIcon.svg +8 -0
- package/src/assets/svgs/viewOffIcon.svg +3 -0
- package/src/assets/themes/baseThemes.ts +40 -0
- package/src/components/Accordion/index.tsx +111 -0
- package/src/components/Avatars/index.tsx +111 -0
- package/src/components/Button/IconButton.tsx +119 -0
- package/src/components/Button/index.tsx +173 -0
- package/src/components/InputFields/Input.tsx +177 -0
- package/src/components/InputFields/MarkdownEditor.tsx +246 -0
- package/src/components/InputFields/SearchInput.tsx +80 -0
- package/src/components/InputFields/SelectInput/CountrySelect.tsx +142 -0
- package/src/components/InputFields/SelectInput/PhoneNumberInput.tsx +89 -0
- package/src/components/InputFields/SelectInput/SelectInput.tsx +395 -0
- package/src/components/InputFields/SelectInput/index.ts +9 -0
- package/src/components/InputFields/TextArea.tsx +150 -0
- package/src/components/InputFields/UsernameInput.tsx +145 -0
- package/src/components/Tiles/index.tsx +95 -0
- package/src/components/Typography/Display.tsx +84 -0
- package/src/components/Typography/Heading.tsx +136 -0
- package/src/components/Typography/Paragraph.tsx +105 -0
- package/src/components/Typography/Subtitle.tsx +148 -0
- package/src/components/Uploader/FileUploader.tsx +132 -0
- package/src/components/Uploader/ImageUploader.tsx +311 -0
- package/src/components/controls/Chip.tsx +78 -0
- package/src/components/controls/DoubleTab.tsx +80 -0
- package/src/components/controls/Pagination.tsx +164 -0
- package/src/components/controls/RadioButton.tsx +135 -0
- package/src/components/controls/RectangleCheckButton.tsx +106 -0
- package/src/components/controls/RoundCheckButton.tsx +106 -0
- package/src/components/controls/Stepper.tsx +84 -0
- package/src/components/controls/TabMenu.tsx +114 -0
- package/src/components/controls/ToggleButton.tsx +123 -0
- package/src/components/notifications/Banner.tsx +175 -0
- package/src/components/notifications/ClickTooltip.tsx +108 -0
- package/src/components/notifications/HoverTooltip.tsx +34 -0
- package/src/components/notifications/Snackbar.tsx +138 -0
- package/src/components/styleGuide/Colors.tsx +176 -0
- package/src/hooks/useImageUpload.ts +78 -0
- package/src/icons/AccountBalanceIcon.tsx +35 -0
- package/src/icons/AccountBalanceWalletFilledIcon.tsx +35 -0
- package/src/icons/AccountBalanceWalletIcon.tsx +35 -0
- package/src/icons/AccountCircleFilledIcon.tsx +35 -0
- package/src/icons/AccountCircleIcon.tsx +35 -0
- package/src/icons/AddAPhotoIcon.tsx +35 -0
- package/src/icons/AddBusinessFilledIcon.tsx +35 -0
- package/src/icons/AddBusinessIcon.tsx +35 -0
- package/src/icons/AddCircleFilledIcon.tsx +35 -0
- package/src/icons/AddCircleIcon.tsx +35 -0
- package/src/icons/AddIcon.tsx +35 -0
- package/src/icons/AddPhotoAlternateIcon.tsx +35 -0
- package/src/icons/AddShoppingCartIcon.tsx +35 -0
- package/src/icons/AddToSocialsIcon.tsx +48 -0
- package/src/icons/AddsClickIcon.tsx +35 -0
- package/src/icons/AdminPanelSettingsIcon.tsx +35 -0
- package/src/icons/AirplaneModeActiveIcon.tsx +35 -0
- package/src/icons/AlarmIcon.tsx +35 -0
- package/src/icons/AllInboxIcon.tsx +35 -0
- package/src/icons/AnimationIcon.tsx +35 -0
- package/src/icons/AppsFilledIcon.tsx +35 -0
- package/src/icons/AppsIcon.tsx +35 -0
- package/src/icons/ArchiveIcon.tsx +35 -0
- package/src/icons/ArrowBackIcon.tsx +35 -0
- package/src/icons/ArrowCircleDownFilledIcon.tsx +35 -0
- package/src/icons/ArrowCircleUpFilledIcon.tsx +35 -0
- package/src/icons/ArrowDropDownIcon.tsx +32 -0
- package/src/icons/ArrowDropUpIcon.tsx +37 -0
- package/src/icons/ArrowForwardIcon.tsx +35 -0
- package/src/icons/ArtTrackIcon.tsx +35 -0
- package/src/icons/ArticleFilledIcon.tsx +35 -0
- package/src/icons/ArticleIcon.tsx +35 -0
- package/src/icons/AttachMoneyIcon.tsx +35 -0
- package/src/icons/AttachmentIcon.tsx +35 -0
- package/src/icons/AudioFileFilledIcon.tsx +35 -0
- package/src/icons/AutoAwesomeMosaicFilledIcon.tsx +35 -0
- package/src/icons/AutoAwesomeMosaicIcon.tsx +35 -0
- package/src/icons/AutoFixFilledIcon.tsx +35 -0
- package/src/icons/AutoFixIcon.tsx +35 -0
- package/src/icons/AutoGraphIcon.tsx +35 -0
- package/src/icons/AwardStarFilledIcon.tsx +35 -0
- package/src/icons/AwardStarIcon.tsx +35 -0
- package/src/icons/BarChartFilledIcon.tsx +35 -0
- package/src/icons/BlockIcon.tsx +35 -0
- package/src/icons/BoltFilledIcon.tsx +35 -0
- package/src/icons/BoltIcon.tsx +35 -0
- package/src/icons/BookOnlineIcon.tsx +35 -0
- package/src/icons/BugReportIcon.tsx +35 -0
- package/src/icons/BusinessCenterFilledIcon.tsx +35 -0
- package/src/icons/BusinessCenterIcon.tsx +35 -0
- package/src/icons/CalendarMonthFilledIcon.tsx +35 -0
- package/src/icons/CalendarMonthIcon.tsx +35 -0
- package/src/icons/CalendarTodayIcon.tsx +35 -0
- package/src/icons/CallMadeIcon.tsx +35 -0
- package/src/icons/CallMissedIcon.tsx +35 -0
- package/src/icons/CallMissedOutgoingIcon.tsx +35 -0
- package/src/icons/CallRecievedIcon.tsx +35 -0
- package/src/icons/CampaignFilledIcon.tsx +22 -0
- package/src/icons/CampaignIcon.tsx +35 -0
- package/src/icons/CancelFilledIcon.tsx +22 -0
- package/src/icons/CancelIcon.tsx +22 -0
- package/src/icons/CaptivePortalIcon.tsx +35 -0
- package/src/icons/CardLayoutIcon.tsx +22 -0
- package/src/icons/CasesFilledIcon.tsx +35 -0
- package/src/icons/CasesIcon.tsx +35 -0
- package/src/icons/CategoryIcon.tsx +35 -0
- package/src/icons/ChairIcon.tsx +35 -0
- package/src/icons/ChangeCircleIcon.tsx +35 -0
- package/src/icons/ChatBubbleFilledIcon.tsx +35 -0
- package/src/icons/ChatBubbleIcon.tsx +35 -0
- package/src/icons/ChatFilledIcon.tsx +35 -0
- package/src/icons/ChatIcon.tsx +35 -0
- package/src/icons/CheckCircleFilledIcon.tsx +35 -0
- package/src/icons/CheckCircleIcon.tsx +35 -0
- package/src/icons/CheckIcon.tsx +35 -0
- package/src/icons/ChevronLeftIcon.tsx +43 -0
- package/src/icons/ChevronRightIcon.tsx +43 -0
- package/src/icons/CloseIcon.tsx +35 -0
- package/src/icons/CloudUploadIcon.tsx +35 -0
- package/src/icons/CodeIcon.tsx +35 -0
- package/src/icons/CoffeeIcon.tsx +35 -0
- package/src/icons/CollectionsBookmarkIcon.tsx +35 -0
- package/src/icons/ColorPickerIcon.tsx +22 -0
- package/src/icons/CommentCircleAltChatMessageIcon.tsx +24 -0
- package/src/icons/ConfirmationNumberIcon.tsx +35 -0
- package/src/icons/ContactMailFilledIcon.tsx +35 -0
- package/src/icons/ContactMailIcon.tsx +35 -0
- package/src/icons/ContactPageIcon.tsx +22 -0
- package/src/icons/ContactPhoneFilledIcon.tsx +35 -0
- package/src/icons/ContactPhoneIcon.tsx +35 -0
- package/src/icons/ContactsIcon.tsx +22 -0
- package/src/icons/ContentCopyIcon.tsx +35 -0
- package/src/icons/CopyIcon.tsx +35 -0
- package/src/icons/CreditCardFilledIcon.tsx +35 -0
- package/src/icons/CreditCardIcon.tsx +35 -0
- package/src/icons/DarkModeIcon.tsx +35 -0
- package/src/icons/DashboardFilledIcon.tsx +35 -0
- package/src/icons/DashboardIcon.tsx +35 -0
- package/src/icons/DatabaseFilledIcon.tsx +35 -0
- package/src/icons/DeleteIcon.tsx +35 -0
- package/src/icons/DescriptionIcon.tsx +35 -0
- package/src/icons/DesktopMacIcon.tsx +35 -0
- package/src/icons/DevicesIcon.tsx +35 -0
- package/src/icons/DiamondFilledIcon.tsx +35 -0
- package/src/icons/DiamondIcon.tsx +35 -0
- package/src/icons/DigitalProductsIcon.tsx +58 -0
- package/src/icons/DiscountIcon.tsx +24 -0
- package/src/icons/Diversity1Icon.tsx +22 -0
- package/src/icons/Diversity2Icon.tsx +22 -0
- package/src/icons/Diversity3Icon.tsx +22 -0
- package/src/icons/DnsIcon.tsx +35 -0
- package/src/icons/DoNotDisturbOnFilledIcon.tsx +35 -0
- package/src/icons/DoNotDisturbOnIcon.tsx +35 -0
- package/src/icons/DomainAddIcon.tsx +35 -0
- package/src/icons/DomainIcon.tsx +35 -0
- package/src/icons/DomainVerificationIcon.tsx +35 -0
- package/src/icons/DownloadIcon.tsx +35 -0
- package/src/icons/DraftsIcon.tsx +35 -0
- package/src/icons/DragHandleIcon.tsx +35 -0
- package/src/icons/DragIndicatorIcon.tsx +35 -0
- package/src/icons/EditFilledIcon.tsx +35 -0
- package/src/icons/EditIcon.tsx +35 -0
- package/src/icons/EmojiEventsFilledIcon.tsx +35 -0
- package/src/icons/EmojiEventsIcon.tsx +35 -0
- package/src/icons/EmojiFoodBeverageIcon.tsx +35 -0
- package/src/icons/EmojiIcon.tsx +35 -0
- package/src/icons/EmptyIcon.tsx +22 -0
- package/src/icons/ErrorFilledIcon.tsx +35 -0
- package/src/icons/ErrorIcon.tsx +35 -0
- package/src/icons/EventFilledIcon.tsx +35 -0
- package/src/icons/EventIcon.tsx +35 -0
- package/src/icons/EventTicketIcon.tsx +54 -0
- package/src/icons/ExpandLessIcon.tsx +40 -0
- package/src/icons/ExpandMoreIcon.tsx +35 -0
- package/src/icons/FastActionPricingIcon.tsx +58 -0
- package/src/icons/FeedFilledIcon.tsx +35 -0
- package/src/icons/FeedIcon.tsx +35 -0
- package/src/icons/FilePresentIcon.tsx +35 -0
- package/src/icons/FilterListIcon.tsx +35 -0
- package/src/icons/FitbitArrowDownIcon.tsx +35 -0
- package/src/icons/FitbitArrowUpwardIcon.tsx +35 -0
- package/src/icons/FlagIcon.tsx +35 -0
- package/src/icons/FormatAlignCenterIcon.tsx +35 -0
- package/src/icons/FormatAlignJustifyIcon.tsx +35 -0
- package/src/icons/FormatAlignLeftIcon.tsx +35 -0
- package/src/icons/FormatAlignRightIcon.tsx +35 -0
- package/src/icons/FormatBoldIcon.tsx +35 -0
- package/src/icons/FormatItalicIcon.tsx +35 -0
- package/src/icons/FormatListBulletedIcon.tsx +35 -0
- package/src/icons/FormatListNumberedIcon.tsx +35 -0
- package/src/icons/FormatSizeIcon.tsx +35 -0
- package/src/icons/FormatUnderlineIcon.tsx +35 -0
- package/src/icons/ForumIcon.tsx +35 -0
- package/src/icons/ForwardToInboxIcon.tsx +35 -0
- package/src/icons/GalleryThumbnailIcon.tsx +35 -0
- package/src/icons/GppBadFilledIcon.tsx +35 -0
- package/src/icons/GppBadIcon.tsx +35 -0
- package/src/icons/GppMaybeFilledIcon.tsx +35 -0
- package/src/icons/GppMaybeIcon.tsx +35 -0
- package/src/icons/GridViewIcon.tsx +35 -0
- package/src/icons/GroupFilledIcon.tsx +35 -0
- package/src/icons/GroupIcon.tsx +35 -0
- package/src/icons/HeadphonesIcon.tsx +35 -0
- package/src/icons/HomeFilledIcon.tsx +35 -0
- package/src/icons/HomeIcon.tsx +35 -0
- package/src/icons/HomePinIcon.tsx +35 -0
- package/src/icons/HourGlassEmptyIcon.tsx +35 -0
- package/src/icons/HubIcon.tsx +22 -0
- package/src/icons/InfoFilledIcon.tsx +35 -0
- package/src/icons/InfoGradientFilledIcon.tsx +49 -0
- package/src/icons/InfoIcon.tsx +35 -0
- package/src/icons/InsertChartFilledIcon.tsx +35 -0
- package/src/icons/InsertChartIcon.tsx +35 -0
- package/src/icons/InventoryIcon.tsx +22 -0
- package/src/icons/IosShareIcon.tsx +35 -0
- package/src/icons/KeyboardBackspaceIcon.tsx +35 -0
- package/src/icons/LanguageIcon.tsx +35 -0
- package/src/icons/LibraryMusicIcon.tsx +35 -0
- package/src/icons/LinkIcon.tsx +35 -0
- package/src/icons/LinkOffIcon.tsx +35 -0
- package/src/icons/LocalActivityIcon.tsx +35 -0
- package/src/icons/LocalFloristFilledIcon.tsx +35 -0
- package/src/icons/LocalFloristIcon.tsx +35 -0
- package/src/icons/LocationOnIcon.tsx +35 -0
- package/src/icons/LockIcon.tsx +35 -0
- package/src/icons/LoginIcon.tsx +35 -0
- package/src/icons/LogoutIcon.tsx +43 -0
- package/src/icons/MailIcon.tsx +35 -0
- package/src/icons/MarkUnreadChatIcon.tsx +35 -0
- package/src/icons/MasterClassIcon.tsx +74 -0
- package/src/icons/MediaLinkFilledIcon.tsx +35 -0
- package/src/icons/MediaLinkIcon.tsx +35 -0
- package/src/icons/MenuIcon.tsx +35 -0
- package/src/icons/MenuOpenIcon.tsx +35 -0
- package/src/icons/MilitaryTechFilledIcon.tsx +35 -0
- package/src/icons/MilitaryTechIcon.tsx +35 -0
- package/src/icons/MonitoringIcon.tsx +35 -0
- package/src/icons/MoreHorizontalIcon.tsx +35 -0
- package/src/icons/MoreHorizontalSmallIcon.tsx +35 -0
- package/src/icons/MoreVerticalIcon.tsx +35 -0
- package/src/icons/NotificationsFilledIcon.tsx +40 -0
- package/src/icons/NotificationsIcon.tsx +35 -0
- package/src/icons/OpenInNewIcon.tsx +35 -0
- package/src/icons/OthersIcon.tsx +58 -0
- package/src/icons/PageViewIcon.tsx +35 -0
- package/src/icons/PaidIcon.tsx +35 -0
- package/src/icons/PaletteFilledIcon.tsx +35 -0
- package/src/icons/PaletteIcon.tsx +35 -0
- package/src/icons/PauseIcon.tsx +22 -0
- package/src/icons/PayInTranchesIcon.tsx +29 -0
- package/src/icons/PaymentsFilledIcon.tsx +35 -0
- package/src/icons/PaymentsIcon.tsx +35 -0
- package/src/icons/PendingActionsIcon.tsx +35 -0
- package/src/icons/PermMediaIcon.tsx +35 -0
- package/src/icons/PersonAddIcon.tsx +35 -0
- package/src/icons/PersonIcon.tsx +35 -0
- package/src/icons/PhotoCameraIcon.tsx +35 -0
- package/src/icons/PhotoFilledIcon.tsx +35 -0
- package/src/icons/PhotoIcon.tsx +35 -0
- package/src/icons/PhotoLibraryFilledIcon.tsx +35 -0
- package/src/icons/PhotoLibraryIcon.tsx +35 -0
- package/src/icons/PictureAsPdfFilledIcon.tsx +35 -0
- package/src/icons/PictureAsPdfIcon.tsx +35 -0
- package/src/icons/PlayArrowIcon.tsx +32 -0
- package/src/icons/PlayCircleFilledIcon.tsx +35 -0
- package/src/icons/PlayCircleIcon.tsx +22 -0
- package/src/icons/PowerRoundedIcon.tsx +35 -0
- package/src/icons/PreviewIcon.tsx +35 -0
- package/src/icons/PublicIcon.tsx +22 -0
- package/src/icons/PublishIcon.tsx +35 -0
- package/src/icons/PushPinFilledIcon.tsx +35 -0
- package/src/icons/PushPinIcon.tsx +35 -0
- package/src/icons/QrCode2Icon.tsx +35 -0
- package/src/icons/RadioButtonCheckedIcon.tsx +35 -0
- package/src/icons/RadioButtonUncheckedIcon.tsx +35 -0
- package/src/icons/RecieptLongFilledIcon.tsx +35 -0
- package/src/icons/RecieptLongIcon.tsx +35 -0
- package/src/icons/RecordVoiceOverIcon.tsx +35 -0
- package/src/icons/RedeemIcon.tsx +35 -0
- package/src/icons/RedoIcon.tsx +35 -0
- package/src/icons/RemoveIcon.tsx +32 -0
- package/src/icons/RemoveRoadIcon.tsx +35 -0
- package/src/icons/ReportFilledIcon.tsx +35 -0
- package/src/icons/ReportIcon.tsx +35 -0
- package/src/icons/ReviewsIcon.tsx +43 -0
- package/src/icons/SavingsFilledIcon.tsx +35 -0
- package/src/icons/SavingsIcon.tsx +35 -0
- package/src/icons/ScheduleIcon.tsx +35 -0
- package/src/icons/ScheduleSendIcon.tsx +35 -0
- package/src/icons/SearchNormalIcon.tsx +32 -0
- package/src/icons/SellIcon.tsx +35 -0
- package/src/icons/SendIcon.tsx +35 -0
- package/src/icons/ServicesIcon.tsx +39 -0
- package/src/icons/SettingsFilledIcon.tsx +35 -0
- package/src/icons/SettingsIcon.tsx +35 -0
- package/src/icons/ShareIcon.tsx +35 -0
- package/src/icons/ShareWithContactsIcon.tsx +62 -0
- package/src/icons/ShareWithSocialsIcon.tsx +64 -0
- package/src/icons/ShoppingCartFilledIcon.tsx +35 -0
- package/src/icons/ShoppingCartIcon.tsx +35 -0
- package/src/icons/ShuffleIcon.tsx +35 -0
- package/src/icons/SmartPhoneIcon.tsx +35 -0
- package/src/icons/SocialLeaderboardIcon.tsx +35 -0
- package/src/icons/StarFilledIcon.tsx +35 -0
- package/src/icons/StarHalfIcon.tsx +35 -0
- package/src/icons/StarIcon.tsx +35 -0
- package/src/icons/StoreFrontFilledIcon.tsx +35 -0
- package/src/icons/StoreFrontIcon.tsx +35 -0
- package/src/icons/StrikeThroughSIcon.tsx +35 -0
- package/src/icons/StyleIcon.tsx +35 -0
- package/src/icons/SubscriptionIcon.tsx +46 -0
- package/src/icons/SubscriptionsFilledIcon.tsx +35 -0
- package/src/icons/SubscriptionsIcon.tsx +35 -0
- package/src/icons/SupervisorAccountIcon.tsx +35 -0
- package/src/icons/SwitchAccountFilledIcon.tsx +35 -0
- package/src/icons/SwitchAccountIcon.tsx +35 -0
- package/src/icons/SyncSavedLocallyIcon.tsx +35 -0
- package/src/icons/TabletIcon.tsx +35 -0
- package/src/icons/ThumbDownFilledIcon.tsx +22 -0
- package/src/icons/ThumbDownIcon.tsx +22 -0
- package/src/icons/ThumbUpFilledIcon.tsx +22 -0
- package/src/icons/ThumbUpIcon.tsx +22 -0
- package/src/icons/TocIcon.tsx +35 -0
- package/src/icons/TrainingsIcon.tsx +37 -0
- package/src/icons/TrashDeleteBinIcon.tsx +36 -0
- package/src/icons/TrendingUpIcon.tsx +35 -0
- package/src/icons/UndoIcon.tsx +35 -0
- package/src/icons/UnfoldMoreIcon.tsx +35 -0
- package/src/icons/UploadIcon.tsx +35 -0
- package/src/icons/VerifiedIcon.tsx +24 -0
- package/src/icons/ViewAgendaIcon.tsx +22 -0
- package/src/icons/ViewArrayIcon.tsx +35 -0
- package/src/icons/ViewCarouselIcon.tsx +35 -0
- package/src/icons/ViewCozyIcon.tsx +22 -0
- package/src/icons/ViewModuleIcon.tsx +35 -0
- package/src/icons/VisibilityIcon.tsx +35 -0
- package/src/icons/VisibilityOffIcon.tsx +35 -0
- package/src/icons/VolunteerActivismFilledIcon.tsx +35 -0
- package/src/icons/VolunteerActivismIcon.tsx +35 -0
- package/src/icons/WBSunnyIcon.tsx +35 -0
- package/src/icons/WarningFilledIcon.tsx +35 -0
- package/src/icons/WarningIcon.tsx +35 -0
- package/src/icons/WebinarsIcon.tsx +57 -0
- package/src/icons/WidgetsFilledIcon.tsx +35 -0
- package/src/icons/WidgetsIcon.tsx +35 -0
- package/src/icons/WorkshopsIcon.tsx +50 -0
- package/src/icons/index.ts +305 -0
- package/src/pages/Home.tsx +30 -0
- package/src/pages/Login.tsx +13 -0
- package/src/pages/Page404.tsx +13 -0
- package/src/pages/index.tsx +21 -0
- package/src/routes/index.tsx +7 -0
- package/src/stories/Accordion/Accordion.stories.tsx +100 -0
- package/src/stories/Accordion/AccordionWrapper.tsx +16 -0
- package/src/stories/Avatars/Avatar.stories.ts +57 -0
- package/src/stories/Buttons/Button.stories.tsx +95 -0
- package/src/stories/Buttons/IconButton.stories.ts +68 -0
- package/src/stories/Buttons/IconButtonWrapper.tsx +14 -0
- package/src/stories/Colors.mdx +12 -0
- package/src/stories/Configure.mdx +371 -0
- package/src/stories/InputFields/InputFields.stories.ts +54 -0
- package/src/stories/InputFields/MarkdownEditor.stories.ts +20 -0
- package/src/stories/InputFields/SearchInput.stories.ts +22 -0
- package/src/stories/InputFields/SearchInput.tsx +19 -0
- package/src/stories/InputFields/Select/CountrySelect.stories.tsx +21 -0
- package/src/stories/InputFields/Select/CountrySelectWrapper.tsx +25 -0
- package/src/stories/InputFields/Select/CreatableSelect.stories.tsx +48 -0
- package/src/stories/InputFields/Select/CreatableSelectWrapper.tsx +25 -0
- package/src/stories/InputFields/Select/PhoneNumberInput.stories.tsx +33 -0
- package/src/stories/InputFields/Select/PhoneNumberInputWrapper.tsx +21 -0
- package/src/stories/InputFields/Select/Select.stories.tsx +49 -0
- package/src/stories/InputFields/Select/SelectWrapper.tsx +25 -0
- package/src/stories/InputFields/TextArea.stories.ts +22 -0
- package/src/stories/InputFields/UsernameInput.stories.ts +22 -0
- package/src/stories/Tiles/Tile.stories.tsx +71 -0
- package/src/stories/Tiles/TileWrapper.tsx +17 -0
- package/src/stories/Typography/DisplayText.stories.ts +52 -0
- package/src/stories/Typography/HeadingText.stories.ts +86 -0
- package/src/stories/Typography/ParagraphText.stories.ts +62 -0
- package/src/stories/Typography/SubtitleText.stories.ts +93 -0
- package/src/stories/Uploaders/FileUploadWrapper.tsx +25 -0
- package/src/stories/Uploaders/FileUploader.stories.tsx +17 -0
- package/src/stories/Uploaders/ImageUploadWrapper.tsx +30 -0
- package/src/stories/Uploaders/ImageUploader.stories.tsx +19 -0
- package/src/stories/assets/accessibility.png +0 -0
- package/src/stories/assets/accessibility.svg +5 -0
- package/src/stories/assets/addon-library.png +0 -0
- package/src/stories/assets/assets.png +0 -0
- package/src/stories/assets/context.png +0 -0
- package/src/stories/assets/discord.svg +15 -0
- package/src/stories/assets/docs.png +0 -0
- package/src/stories/assets/figma-plugin.png +0 -0
- package/src/stories/assets/github.svg +3 -0
- package/src/stories/assets/share.png +0 -0
- package/src/stories/assets/styling.png +0 -0
- package/src/stories/assets/testing.png +0 -0
- package/src/stories/assets/theming.png +0 -0
- package/src/stories/assets/tutorials.svg +12 -0
- package/src/stories/assets/youtube.svg +4 -0
- package/src/stories/colors/index.ts +4 -0
- package/src/stories/controls/Chip.stories.ts +42 -0
- package/src/stories/controls/DoubleTab.stories.ts +32 -0
- package/src/stories/controls/DoubleTabWrapper.tsx +15 -0
- package/src/stories/controls/Pagination.stories.ts +21 -0
- package/src/stories/controls/PaginationWrapper.tsx +23 -0
- package/src/stories/controls/RadioButton.stories.ts +49 -0
- package/src/stories/controls/RectangleCheckButton.stories.ts +41 -0
- package/src/stories/controls/RoundCheckButton.stories.ts +41 -0
- package/src/stories/controls/Stepper.stories.ts +37 -0
- package/src/stories/controls/StepperDemoCmp.tsx +37 -0
- package/src/stories/controls/TabMenu.stories.ts +33 -0
- package/src/stories/controls/TabMenuWrapper.tsx +14 -0
- package/src/stories/controls/ToggleButton.stories.ts +41 -0
- package/src/stories/icons/Icons.mdx +26 -0
- package/src/stories/icons/index.ts +613 -0
- package/src/stories/notifications/Banner.stories.ts +88 -0
- package/src/stories/notifications/ClickTooltip.stories.ts +21 -0
- package/src/stories/notifications/ClickTooltipWrapper.tsx +19 -0
- package/src/stories/notifications/HoverTooltip.stories.ts +35 -0
- package/src/stories/notifications/HoverTooltipWrapper.tsx +16 -0
- package/src/stories/notifications/Snackbar.stories.ts +17 -0
- package/src/stories/notifications/SnackbarWrapper.tsx +107 -0
- package/src/utils/countries-flag.json +1752 -0
- package/tsconfig.json +34 -0
- package/vite.config.ts +27 -0
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
|
|
3
|
+
import { Icon, IconProps } from "@chakra-ui/icons";
|
|
4
|
+
|
|
5
|
+
const MasterClassIcon = (props: IconProps) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
{...props}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
style={{ maskType: "alpha" }}
|
|
13
|
+
>
|
|
14
|
+
<path
|
|
15
|
+
d="M18.4 4.69995H22.2C22.5 4.69995 22.8 4.99995 22.8 5.29995V18C22.8 18.3 22.5 18.6 22.2 18.6H1.69998C1.39998 18.6 1.09998 18.3 1.09998 18V5.29995C1.09998 4.99995 1.39998 4.69995 1.69998 4.69995H5.79998"
|
|
16
|
+
stroke="#131316"
|
|
17
|
+
strokeWidth="1.2"
|
|
18
|
+
strokeMiterlimit="10"
|
|
19
|
+
strokeLinecap="round"
|
|
20
|
+
strokeLinejoin="round"
|
|
21
|
+
/>
|
|
22
|
+
<path
|
|
23
|
+
d="M8.30005 21.8H15.7"
|
|
24
|
+
stroke="#131316"
|
|
25
|
+
strokeWidth="1.2"
|
|
26
|
+
strokeMiterlimit="10"
|
|
27
|
+
strokeLinecap="round"
|
|
28
|
+
strokeLinejoin="round"
|
|
29
|
+
/>
|
|
30
|
+
<path
|
|
31
|
+
d="M12 18.6V21.8"
|
|
32
|
+
stroke="#131316"
|
|
33
|
+
strokeWidth="1.2"
|
|
34
|
+
strokeMiterlimit="10"
|
|
35
|
+
strokeLinecap="round"
|
|
36
|
+
strokeLinejoin="round"
|
|
37
|
+
/>
|
|
38
|
+
<path
|
|
39
|
+
d="M17.4 16H6.60002C6.20002 16 5.90002 15.7 5.90002 15.3V2.79998C5.90002 2.39998 6.20002 2.09998 6.60002 2.09998H17.5C17.9 2.09998 18.2 2.39998 18.2 2.79998V15.2C18.1 15.7 17.8 16 17.4 16Z"
|
|
40
|
+
stroke="#131316"
|
|
41
|
+
strokeWidth="1.2"
|
|
42
|
+
strokeMiterlimit="10"
|
|
43
|
+
strokeLinecap="round"
|
|
44
|
+
strokeLinejoin="round"
|
|
45
|
+
/>
|
|
46
|
+
<path
|
|
47
|
+
d="M8.59998 12.9H15.4"
|
|
48
|
+
stroke="#131316"
|
|
49
|
+
strokeWidth="1.2"
|
|
50
|
+
strokeMiterlimit="10"
|
|
51
|
+
strokeLinecap="round"
|
|
52
|
+
strokeLinejoin="round"
|
|
53
|
+
/>
|
|
54
|
+
<path
|
|
55
|
+
d="M8.59998 9.09998H15.4"
|
|
56
|
+
stroke="#131316"
|
|
57
|
+
strokeWidth="1.2"
|
|
58
|
+
strokeMiterlimit="10"
|
|
59
|
+
strokeLinecap="round"
|
|
60
|
+
strokeLinejoin="round"
|
|
61
|
+
/>
|
|
62
|
+
<path
|
|
63
|
+
d="M8.59998 5.19995H15.4"
|
|
64
|
+
stroke="#131316"
|
|
65
|
+
strokeWidth="1.2"
|
|
66
|
+
strokeMiterlimit="10"
|
|
67
|
+
strokeLinecap="round"
|
|
68
|
+
strokeLinejoin="round"
|
|
69
|
+
/>
|
|
70
|
+
</Icon>
|
|
71
|
+
);
|
|
72
|
+
};
|
|
73
|
+
|
|
74
|
+
export default MasterClassIcon;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
|
|
3
|
+
import { Icon, IconProps } from "@chakra-ui/icons";
|
|
4
|
+
|
|
5
|
+
const MediaLinkFilledIcon = (props: IconProps) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
{...props}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
style={{ maskType: "alpha" }}
|
|
13
|
+
>
|
|
14
|
+
<mask
|
|
15
|
+
id="mask0_1118_8996"
|
|
16
|
+
style={{ maskType: "alpha" }}
|
|
17
|
+
maskUnits="userSpaceOnUse"
|
|
18
|
+
x="0"
|
|
19
|
+
y="0"
|
|
20
|
+
width="24"
|
|
21
|
+
height="24"
|
|
22
|
+
>
|
|
23
|
+
<rect width="24" height="24" fill="#D9D9D9" />
|
|
24
|
+
</mask>
|
|
25
|
+
<g mask="url(#mask0_1118_8996)">
|
|
26
|
+
<path
|
|
27
|
+
d="M13.75 7.37498H16.25C16.3833 7.37498 16.4917 7.33331 16.575 7.24998C16.6583 7.16664 16.7 7.05831 16.7 6.92498C16.7 6.79164 16.6583 6.68331 16.575 6.59998C16.4917 6.51664 16.3833 6.47498 16.25 6.47498H13.75C13.6167 6.47498 13.5083 6.51664 13.425 6.59998C13.3417 6.68331 13.3 6.79164 13.3 6.92498C13.3 7.05831 13.3417 7.16664 13.425 7.24998C13.5083 7.33331 13.6167 7.37498 13.75 7.37498ZM3.625 21.9C3.175 21.9 2.79167 21.7416 2.475 21.425C2.15833 21.1083 2 20.7333 2 20.3V12.75C2 12.3 2.15833 11.9166 2.475 11.6C2.79167 11.2833 3.175 11.125 3.625 11.125H14.375C14.825 11.125 15.2083 11.2833 15.525 11.6C15.8417 11.9166 16 12.3 16 12.75V20.3C16 20.7333 15.8417 21.1083 15.525 21.425C15.2083 21.7416 14.825 21.9 14.375 21.9H3.625ZM17.875 13.1V12.75C17.875 12.0666 17.6957 11.4456 17.337 10.887C16.979 10.329 16.5083 9.90831 15.925 9.62498H17C17.75 9.62498 18.3877 9.36231 18.913 8.83698C19.4377 8.31231 19.7 7.67498 19.7 6.92498C19.7 6.17498 19.4377 5.53731 18.913 5.01198C18.3877 4.48731 17.75 4.22498 17 4.22498H16.5C16.3667 4.22498 16.2583 4.26664 16.175 4.34998C16.0917 4.43331 16.05 4.54164 16.05 4.67498C16.05 4.80831 16.0917 4.91664 16.175 4.99998C16.2583 5.08331 16.3667 5.12498 16.5 5.12498H17C17.5 5.12498 17.925 5.29998 18.275 5.64998C18.625 5.99998 18.8 6.42498 18.8 6.92498C18.8 7.42498 18.625 7.84998 18.275 8.19998C17.925 8.54998 17.5 8.72498 17 8.72498H16.5C16.3667 8.72498 16.2583 8.76664 16.175 8.84998C16.0917 8.93331 16.05 9.04164 16.05 9.17498C16.05 9.30831 16.0917 9.41664 16.175 9.49998C16.2583 9.58331 16.3667 9.62498 16.5 9.62498L15.7 9.52498C15.4667 9.40831 15.2417 9.33331 15.025 9.29998C14.8083 9.26664 14.5917 9.24998 14.375 9.24998H13.95V9.17498C13.95 9.04164 13.9083 8.93331 13.825 8.84998C13.7417 8.76664 13.6333 8.72498 13.5 8.72498H13C12.5 8.72498 12.075 8.54998 11.725 8.19998C11.375 7.84998 11.2 7.42498 11.2 6.92498C11.2 6.42498 11.375 5.99998 11.725 5.64998C12.075 5.29998 12.5 5.12498 13 5.12498H13.5C13.6333 5.12498 13.7417 5.08331 13.825 4.99998C13.9083 4.91664 13.95 4.80831 13.95 4.67498C13.95 4.54164 13.9083 4.43331 13.825 4.34998C13.7417 4.26664 13.6333 4.22498 13.5 4.22498H13C12.25 4.22498 11.6127 4.48731 11.088 5.01198C10.5627 5.53731 10.3 6.17498 10.3 6.92498C10.3 7.42498 10.425 7.87498 10.675 8.27498C10.925 8.67498 11.25 8.99998 11.65 9.24998H8V3.69998C8 3.26664 8.15833 2.89164 8.475 2.57498C8.79167 2.25831 9.175 2.09998 9.625 2.09998H20.375C20.825 2.09998 21.2083 2.25831 21.525 2.57498C21.8417 2.89164 22 3.26664 22 3.69998V11.475C22 11.925 21.8417 12.3083 21.525 12.625C21.2083 12.9416 20.825 13.1 20.375 13.1H17.875ZM10.875 16.875C10.9917 16.7916 11.05 16.675 11.05 16.525C11.05 16.375 10.9917 16.2583 10.875 16.175L8.375 14.6C8.225 14.5166 8.08333 14.5123 7.95 14.587C7.81667 14.6623 7.75 14.7833 7.75 14.95V18.075C7.75 18.2416 7.81667 18.3626 7.95 18.438C8.08333 18.5126 8.225 18.5083 8.375 18.425L10.875 16.875Z"
|
|
28
|
+
fill="currentColor"
|
|
29
|
+
/>
|
|
30
|
+
</g>
|
|
31
|
+
</Icon>
|
|
32
|
+
);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export default MediaLinkFilledIcon;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
|
|
3
|
+
import { Icon, IconProps } from "@chakra-ui/icons";
|
|
4
|
+
|
|
5
|
+
const MediaLinkIcon = (props: IconProps) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
{...props}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
style={{ maskType: "alpha" }}
|
|
13
|
+
>
|
|
14
|
+
<mask
|
|
15
|
+
id="mask0_1118_8590"
|
|
16
|
+
style={{ maskType: "alpha" }}
|
|
17
|
+
maskUnits="userSpaceOnUse"
|
|
18
|
+
x="0"
|
|
19
|
+
y="0"
|
|
20
|
+
width="24"
|
|
21
|
+
height="24"
|
|
22
|
+
>
|
|
23
|
+
<rect width="24" height="24" fill="#D9D9D9" />
|
|
24
|
+
</mask>
|
|
25
|
+
<g mask="url(#mask0_1118_8590)">
|
|
26
|
+
<path
|
|
27
|
+
d="M10.875 16.875L8.375 18.425C8.225 18.5083 8.08333 18.5126 7.95 18.438C7.81667 18.3626 7.75 18.2416 7.75 18.075V14.95C7.75 14.7833 7.81667 14.6623 7.95 14.587C8.08333 14.5123 8.225 14.5166 8.375 14.6L10.875 16.175C10.9917 16.2583 11.05 16.371 11.05 16.513C11.05 16.6543 10.9917 16.775 10.875 16.875ZM13 9.62498C12.25 9.62498 11.6127 9.36231 11.088 8.83698C10.5627 8.31231 10.3 7.67498 10.3 6.92498C10.3 6.17498 10.5627 5.53731 11.088 5.01198C11.6127 4.48731 12.25 4.22498 13 4.22498H13.5C13.6333 4.22498 13.7417 4.26664 13.825 4.34998C13.9083 4.43331 13.95 4.54164 13.95 4.67498C13.95 4.80831 13.9083 4.91664 13.825 4.99998C13.7417 5.08331 13.6333 5.12498 13.5 5.12498H13C12.5 5.12498 12.075 5.29998 11.725 5.64998C11.375 5.99998 11.2 6.42498 11.2 6.92498C11.2 7.42498 11.375 7.84998 11.725 8.19998C12.075 8.54998 12.5 8.72498 13 8.72498H13.5C13.6333 8.72498 13.7417 8.76664 13.825 8.84998C13.9083 8.93331 13.95 9.04164 13.95 9.17498C13.95 9.30831 13.9083 9.41664 13.825 9.49998C13.7417 9.58331 13.6333 9.62498 13.5 9.62498H13ZM17 9.62498H16.5C16.3667 9.62498 16.2583 9.58331 16.175 9.49998C16.0917 9.41664 16.05 9.30831 16.05 9.17498C16.05 9.04164 16.0917 8.93331 16.175 8.84998C16.2583 8.76664 16.3667 8.72498 16.5 8.72498H17C17.5 8.72498 17.925 8.54998 18.275 8.19998C18.625 7.84998 18.8 7.42498 18.8 6.92498C18.8 6.42498 18.625 5.99998 18.275 5.64998C17.925 5.29998 17.5 5.12498 17 5.12498H16.5C16.3667 5.12498 16.2583 5.08331 16.175 4.99998C16.0917 4.91664 16.05 4.80831 16.05 4.67498C16.05 4.54164 16.0917 4.43331 16.175 4.34998C16.2583 4.26664 16.3667 4.22498 16.5 4.22498H17C17.75 4.22498 18.3877 4.48731 18.913 5.01198C19.4377 5.53731 19.7 6.17498 19.7 6.92498C19.7 7.67498 19.4377 8.31231 18.913 8.83698C18.3877 9.36231 17.75 9.62498 17 9.62498ZM16.25 7.37498H13.75C13.6167 7.37498 13.5083 7.33331 13.425 7.24998C13.3417 7.16664 13.3 7.05831 13.3 6.92498C13.3 6.79164 13.3417 6.68331 13.425 6.59998C13.5083 6.51664 13.6167 6.47498 13.75 6.47498H16.25C16.3833 6.47498 16.4917 6.51664 16.575 6.59998C16.6583 6.68331 16.7 6.79164 16.7 6.92498C16.7 7.05831 16.6583 7.16664 16.575 7.24998C16.4917 7.33331 16.3833 7.37498 16.25 7.37498ZM15.55 13.1V12.1H20.375C20.5583 12.1 20.7083 12.0416 20.825 11.925C20.9417 11.8083 21 11.6583 21 11.475V3.69998C21 3.53331 20.9417 3.39164 20.825 3.27498C20.7083 3.15831 20.5583 3.09998 20.375 3.09998H9.625C9.44167 3.09998 9.29167 3.15831 9.175 3.27498C9.05833 3.39164 9 3.53331 9 3.69998V11.525H8V3.69998C8 3.26664 8.15833 2.89164 8.475 2.57498C8.79167 2.25831 9.175 2.09998 9.625 2.09998H20.375C20.825 2.09998 21.2083 2.25831 21.525 2.57498C21.8417 2.89164 22 3.26664 22 3.69998V11.475C22 11.925 21.8417 12.3083 21.525 12.625C21.2083 12.9416 20.825 13.1 20.375 13.1H15.55ZM3.625 21.9C3.175 21.9 2.79167 21.7416 2.475 21.425C2.15833 21.1083 2 20.7333 2 20.3V12.75C2 12.3 2.15833 11.9166 2.475 11.6C2.79167 11.2833 3.175 11.125 3.625 11.125H14.375C14.825 11.125 15.2083 11.2833 15.525 11.6C15.8417 11.9166 16 12.3 16 12.75V20.3C16 20.7333 15.8417 21.1083 15.525 21.425C15.2083 21.7416 14.825 21.9 14.375 21.9H3.625ZM3.625 20.9H14.375C14.5583 20.9 14.7083 20.8416 14.825 20.725C14.9417 20.6083 15 20.4666 15 20.3V12.75C15 12.5666 14.9417 12.4166 14.825 12.3C14.7083 12.1833 14.5583 12.125 14.375 12.125H3.625C3.44167 12.125 3.29167 12.1833 3.175 12.3C3.05833 12.4166 3 12.5666 3 12.75V20.3C3 20.4666 3.05833 20.6083 3.175 20.725C3.29167 20.8416 3.44167 20.9 3.625 20.9Z"
|
|
28
|
+
fill="currentColor"
|
|
29
|
+
/>
|
|
30
|
+
</g>
|
|
31
|
+
</Icon>
|
|
32
|
+
);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export default MediaLinkIcon;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
|
|
3
|
+
import { Icon, IconProps } from "@chakra-ui/icons";
|
|
4
|
+
|
|
5
|
+
const MenuIcon = (props: IconProps) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
{...props}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
style={{ maskType: "alpha" }}
|
|
13
|
+
>
|
|
14
|
+
<mask
|
|
15
|
+
id="mask0_1118_8767"
|
|
16
|
+
style={{ maskType: "alpha" }}
|
|
17
|
+
maskUnits="userSpaceOnUse"
|
|
18
|
+
x="0"
|
|
19
|
+
y="0"
|
|
20
|
+
width="24"
|
|
21
|
+
height="24"
|
|
22
|
+
>
|
|
23
|
+
<rect width="24" height="24" fill="#D9D9D9" />
|
|
24
|
+
</mask>
|
|
25
|
+
<g mask="url(#mask0_1118_8767)">
|
|
26
|
+
<path
|
|
27
|
+
d="M4 17.275C3.85 17.275 3.72933 17.225 3.638 17.125C3.546 17.025 3.5 16.9083 3.5 16.775C3.5 16.625 3.546 16.5043 3.638 16.413C3.72933 16.321 3.85 16.275 4 16.275H20C20.15 16.275 20.271 16.321 20.363 16.413C20.4543 16.5043 20.5 16.625 20.5 16.775C20.5 16.9083 20.4543 17.025 20.363 17.125C20.271 17.225 20.15 17.275 20 17.275H4ZM4 12.5C3.85 12.5 3.72933 12.45 3.638 12.35C3.546 12.25 3.5 12.1333 3.5 12C3.5 11.85 3.546 11.729 3.638 11.637C3.72933 11.5456 3.85 11.5 4 11.5H20C20.15 11.5 20.271 11.55 20.363 11.65C20.4543 11.75 20.5 11.8666 20.5 12C20.5 12.15 20.4543 12.271 20.363 12.363C20.271 12.4543 20.15 12.5 20 12.5H4ZM4 7.72498C3.85 7.72498 3.72933 7.67898 3.638 7.58698C3.546 7.49564 3.5 7.37498 3.5 7.22498C3.5 7.09164 3.546 6.97498 3.638 6.87498C3.72933 6.77498 3.85 6.72498 4 6.72498H20C20.15 6.72498 20.271 6.77498 20.363 6.87498C20.4543 6.97498 20.5 7.09164 20.5 7.22498C20.5 7.37498 20.4543 7.49564 20.363 7.58698C20.271 7.67898 20.15 7.72498 20 7.72498H4Z"
|
|
28
|
+
fill="currentColor"
|
|
29
|
+
/>
|
|
30
|
+
</g>
|
|
31
|
+
</Icon>
|
|
32
|
+
);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export default MenuIcon;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
|
|
3
|
+
import { Icon, IconProps } from "@chakra-ui/icons";
|
|
4
|
+
|
|
5
|
+
const MenuOpenIcon = (props: IconProps) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
{...props}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
style={{ maskType: "alpha" }}
|
|
13
|
+
>
|
|
14
|
+
<mask
|
|
15
|
+
id="mask0_1118_8824"
|
|
16
|
+
style={{ maskType: "alpha" }}
|
|
17
|
+
maskUnits="userSpaceOnUse"
|
|
18
|
+
x="0"
|
|
19
|
+
y="0"
|
|
20
|
+
width="24"
|
|
21
|
+
height="24"
|
|
22
|
+
>
|
|
23
|
+
<rect width="24" height="24" fill="#D9D9D9" />
|
|
24
|
+
</mask>
|
|
25
|
+
<g mask="url(#mask0_1118_8824)">
|
|
26
|
+
<path
|
|
27
|
+
d="M4.09998 17.275C3.94998 17.275 3.82898 17.225 3.73698 17.125C3.64564 17.025 3.59998 16.9083 3.59998 16.775C3.59998 16.625 3.64564 16.5043 3.73698 16.413C3.82898 16.321 3.94998 16.275 4.09998 16.275H15.1C15.2333 16.275 15.35 16.321 15.45 16.413C15.55 16.5043 15.6 16.625 15.6 16.775C15.6 16.9083 15.55 17.025 15.45 17.125C15.35 17.225 15.2333 17.275 15.1 17.275H4.09998ZM4.09998 12.5C3.94998 12.5 3.82898 12.45 3.73698 12.35C3.64564 12.25 3.59998 12.1333 3.59998 12C3.59998 11.85 3.64564 11.729 3.73698 11.637C3.82898 11.5456 3.94998 11.5 4.09998 11.5H12.1C12.2333 11.5 12.35 11.55 12.45 11.65C12.55 11.75 12.6 11.8666 12.6 12C12.6 12.15 12.55 12.271 12.45 12.363C12.35 12.4543 12.2333 12.5 12.1 12.5H4.09998ZM4.09998 7.72498C3.94998 7.72498 3.82898 7.67898 3.73698 7.58698C3.64564 7.49564 3.59998 7.37498 3.59998 7.22498C3.59998 7.09164 3.64564 6.97498 3.73698 6.87498C3.82898 6.77498 3.94998 6.72498 4.09998 6.72498H15.1C15.2333 6.72498 15.35 6.77498 15.45 6.87498C15.55 6.97498 15.6 7.09164 15.6 7.22498C15.6 7.37498 15.55 7.49564 15.45 7.58698C15.35 7.67898 15.2333 7.72498 15.1 7.72498H4.09998ZM16.8 12L20.05 15.25C20.15 15.3333 20.2 15.4456 20.2 15.587C20.2 15.729 20.15 15.85 20.05 15.95C19.95 16.0666 19.8333 16.125 19.7 16.125C19.5666 16.125 19.45 16.0666 19.35 15.95L15.95 12.575C15.7833 12.4083 15.7 12.2166 15.7 12C15.7 11.7833 15.7833 11.5916 15.95 11.425L19.35 8.04998C19.4333 7.94998 19.546 7.89564 19.688 7.88698C19.8293 7.87898 19.95 7.93331 20.05 8.04998C20.15 8.14998 20.2 8.26664 20.2 8.39998C20.2 8.53331 20.15 8.64998 20.05 8.74998L16.8 12Z"
|
|
28
|
+
fill="currentColor"
|
|
29
|
+
/>
|
|
30
|
+
</g>
|
|
31
|
+
</Icon>
|
|
32
|
+
);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export default MenuOpenIcon;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
|
|
3
|
+
import { Icon, IconProps } from "@chakra-ui/icons";
|
|
4
|
+
|
|
5
|
+
const MilitaryTechFilledIcon = (props: IconProps) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
{...props}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
style={{ maskType: "alpha" }}
|
|
13
|
+
>
|
|
14
|
+
<mask
|
|
15
|
+
id="mask0_1118_35533"
|
|
16
|
+
style={{ maskType: "alpha" }}
|
|
17
|
+
maskUnits="userSpaceOnUse"
|
|
18
|
+
x="0"
|
|
19
|
+
y="0"
|
|
20
|
+
width="24"
|
|
21
|
+
height="24"
|
|
22
|
+
>
|
|
23
|
+
<rect width="24" height="24" fill="#D9D9D9" />
|
|
24
|
+
</mask>
|
|
25
|
+
<g mask="url(#mask0_1118_35533)">
|
|
26
|
+
<path
|
|
27
|
+
d="M12.0001 19.1115L10.4001 20.3288C10.2193 20.4659 10.0401 20.4701 9.86258 20.3413C9.68502 20.2124 9.63149 20.041 9.70201 19.8269L10.3308 17.8346L8.75586 16.7173C8.57509 16.5968 8.52157 16.4311 8.59528 16.2202C8.669 16.0093 8.81291 15.9038 9.02701 15.9038H10.9347L11.6539 13.5654L8.18083 11.5231C7.86802 11.3397 7.62507 11.0932 7.45201 10.7836C7.27892 10.474 7.19238 10.1307 7.19238 9.75383V4.09613C7.19238 3.59743 7.36898 3.17147 7.72218 2.81825C8.07538 2.46505 8.50134 2.28845 9.00006 2.28845H15.0001C15.4988 2.28845 15.9247 2.46505 16.2779 2.81825C16.6311 3.17147 16.8077 3.59743 16.8077 4.09613V9.75383C16.8077 10.1243 16.718 10.4612 16.5385 10.7644C16.359 11.0676 16.1129 11.3141 15.8 11.5038L12.3462 13.5654L13.0654 15.9038H14.9731C15.1872 15.9038 15.3311 16.0093 15.4048 16.2202C15.4785 16.4311 15.425 16.5968 15.2443 16.7173L13.6693 17.8346L14.2981 19.8269C14.3686 20.041 14.3151 20.2124 14.1375 20.3413C13.96 20.4701 13.7808 20.4659 13.6 20.3288L12.0001 19.1115ZM11.2501 3.78843V11.5693L12.0001 12.0154L12.75 11.5693V3.78843H11.2501Z"
|
|
28
|
+
fill="currentColor"
|
|
29
|
+
/>
|
|
30
|
+
</g>
|
|
31
|
+
</Icon>
|
|
32
|
+
);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export default MilitaryTechFilledIcon;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
|
|
3
|
+
import { Icon, IconProps } from "@chakra-ui/icons";
|
|
4
|
+
|
|
5
|
+
const MilitaryTechIcon = (props: IconProps) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
{...props}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
style={{ maskType: "alpha" }}
|
|
13
|
+
>
|
|
14
|
+
<mask
|
|
15
|
+
id="mask0_1118_35526"
|
|
16
|
+
style={{ maskType: "alpha" }}
|
|
17
|
+
maskUnits="userSpaceOnUse"
|
|
18
|
+
x="0"
|
|
19
|
+
y="0"
|
|
20
|
+
width="24"
|
|
21
|
+
height="24"
|
|
22
|
+
>
|
|
23
|
+
<rect width="24" height="24" fill="#D9D9D9" />
|
|
24
|
+
</mask>
|
|
25
|
+
<g mask="url(#mask0_1118_35526)">
|
|
26
|
+
<path
|
|
27
|
+
d="M12.0001 19.1115L10.4001 20.3288C10.2193 20.4659 10.0401 20.4701 9.86258 20.3413C9.68502 20.2124 9.63149 20.041 9.70201 19.8269L10.3308 17.8346L8.75586 16.7173C8.57509 16.5968 8.52157 16.4311 8.59528 16.2202C8.669 16.0093 8.81291 15.9038 9.02701 15.9038H10.9347L11.6539 13.5654L8.18083 11.5231C7.86802 11.3397 7.62507 11.0932 7.45201 10.7836C7.27892 10.474 7.19238 10.1307 7.19238 9.75383V4.09613C7.19238 3.59743 7.36898 3.17147 7.72218 2.81825C8.07538 2.46505 8.50134 2.28845 9.00006 2.28845H15.0001C15.4988 2.28845 15.9247 2.46505 16.2779 2.81825C16.6311 3.17147 16.8077 3.59743 16.8077 4.09613V9.75383C16.8077 10.1243 16.718 10.4612 16.5385 10.7644C16.359 11.0676 16.1129 11.3141 15.8 11.5038L12.3462 13.5654L13.0654 15.9038H14.9731C15.1872 15.9038 15.3311 16.0093 15.4048 16.2202C15.4785 16.4311 15.425 16.5968 15.2443 16.7173L13.6693 17.8346L14.2981 19.8269C14.3686 20.041 14.3151 20.2124 14.1375 20.3413C13.96 20.4701 13.7808 20.4659 13.6 20.3288L12.0001 19.1115ZM8.69233 4.09613V9.75383C8.69233 9.84998 8.71637 9.93812 8.76446 10.0183C8.81254 10.0984 8.87825 10.1641 8.96158 10.2154L11.2501 11.5693V3.78843H9.00006C8.91031 3.78843 8.83658 3.81728 8.77888 3.87498C8.72118 3.93266 8.69233 4.00638 8.69233 4.09613ZM15.0001 3.78843H12.75V11.5693L15.0385 10.2154C15.1219 10.1641 15.1876 10.0984 15.2357 10.0183C15.2837 9.93812 15.3078 9.84998 15.3078 9.75383V4.09613C15.3078 4.00638 15.2789 3.93266 15.2212 3.87498C15.1635 3.81728 15.0898 3.78843 15.0001 3.78843Z"
|
|
28
|
+
fill="currentColor"
|
|
29
|
+
/>
|
|
30
|
+
</g>
|
|
31
|
+
</Icon>
|
|
32
|
+
);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export default MilitaryTechIcon;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
|
|
3
|
+
import { Icon, IconProps } from "@chakra-ui/icons";
|
|
4
|
+
|
|
5
|
+
const MonitoringIcon = (props: IconProps) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
{...props}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
style={{ maskType: "alpha" }}
|
|
13
|
+
>
|
|
14
|
+
<mask
|
|
15
|
+
id="mask0_1118_8839"
|
|
16
|
+
style={{ maskType: "alpha" }}
|
|
17
|
+
maskUnits="userSpaceOnUse"
|
|
18
|
+
x="0"
|
|
19
|
+
y="0"
|
|
20
|
+
width="24"
|
|
21
|
+
height="24"
|
|
22
|
+
>
|
|
23
|
+
<rect width="24" height="24" fill="#D9D9D9" />
|
|
24
|
+
</mask>
|
|
25
|
+
<g mask="url(#mask0_1118_8839)">
|
|
26
|
+
<path
|
|
27
|
+
d="M3.5 20.5V19.2L4.5 18.2V20.5H3.5ZM7.5 20.5V15.2L8.5 14.2V20.5H7.5ZM11.5 20.5V14.2L12.5 15.225V20.5H11.5ZM15.5 20.5V15.225L16.5 14.225V20.5H15.5ZM19.5 20.5V11.2L20.5 10.2V20.5H19.5ZM3.5 14.625V13.2L10 6.69995L14 10.7L20.5 4.19995V5.62495L14 12.125L10 8.12495L3.5 14.625Z"
|
|
28
|
+
fill="currentColor"
|
|
29
|
+
/>
|
|
30
|
+
</g>
|
|
31
|
+
</Icon>
|
|
32
|
+
);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export default MonitoringIcon;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
|
|
3
|
+
import { Icon, IconProps } from "@chakra-ui/icons";
|
|
4
|
+
|
|
5
|
+
const MoreHorizontalIcon = (props: IconProps) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
{...props}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
style={{ maskType: "alpha" }}
|
|
13
|
+
>
|
|
14
|
+
<mask
|
|
15
|
+
id="mask0_1118_8323"
|
|
16
|
+
style={{ maskType: "alpha" }}
|
|
17
|
+
maskUnits="userSpaceOnUse"
|
|
18
|
+
x="0"
|
|
19
|
+
y="0"
|
|
20
|
+
width="24"
|
|
21
|
+
height="24"
|
|
22
|
+
>
|
|
23
|
+
<rect width="24" height="24" fill="#C4C4C4" />
|
|
24
|
+
</mask>
|
|
25
|
+
<g mask="url(#mask0_1118_8323)">
|
|
26
|
+
<path
|
|
27
|
+
d="M5.80801 13.9888C5.19134 13.9888 4.66634 13.7721 4.23301 13.3388C3.79967 12.9055 3.58301 12.3888 3.58301 11.7888C3.58301 11.1721 3.79967 10.6515 4.23301 10.2268C4.66634 9.80147 5.18301 9.58881 5.78301 9.58881C6.39967 9.58881 6.92901 9.80147 7.37101 10.2268C7.81234 10.6515 8.03301 11.1721 8.03301 11.7888C8.03301 12.3888 7.81234 12.9055 7.37101 13.3388C6.92901 13.7721 6.40801 13.9888 5.80801 13.9888ZM12.233 13.9888C11.633 13.9888 11.1163 13.7721 10.683 13.3388C10.2497 12.9055 10.033 12.3888 10.033 11.7888C10.033 11.1721 10.2497 10.6515 10.683 10.2268C11.1163 9.80147 11.633 9.58881 12.233 9.58881C12.8497 9.58881 13.3703 9.80147 13.795 10.2268C14.2203 10.6515 14.433 11.1721 14.433 11.7888C14.433 12.3888 14.2203 12.9055 13.795 13.3388C13.3703 13.7721 12.8497 13.9888 12.233 13.9888ZM18.683 13.9888C18.0663 13.9888 17.5373 13.7721 17.096 13.3388C16.654 12.9055 16.433 12.3888 16.433 11.7888C16.433 11.1721 16.654 10.6515 17.096 10.2268C17.5373 9.80147 18.0663 9.58881 18.683 9.58881C19.283 9.58881 19.7997 9.80147 20.233 10.2268C20.6663 10.6515 20.883 11.1721 20.883 11.7888C20.883 12.3888 20.6663 12.9055 20.233 13.3388C19.7997 13.7721 19.283 13.9888 18.683 13.9888Z"
|
|
28
|
+
fill="currentColor"
|
|
29
|
+
/>
|
|
30
|
+
</g>
|
|
31
|
+
</Icon>
|
|
32
|
+
);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export default MoreHorizontalIcon;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
|
|
3
|
+
import { Icon, IconProps } from "@chakra-ui/icons";
|
|
4
|
+
|
|
5
|
+
const MoreHorizontalSmallIcon = (props: IconProps) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
{...props}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
style={{ maskType: "alpha" }}
|
|
13
|
+
>
|
|
14
|
+
<mask
|
|
15
|
+
id="mask0_1118_8616"
|
|
16
|
+
style={{ maskType: "alpha" }}
|
|
17
|
+
maskUnits="userSpaceOnUse"
|
|
18
|
+
x="0"
|
|
19
|
+
y="0"
|
|
20
|
+
width="24"
|
|
21
|
+
height="24"
|
|
22
|
+
>
|
|
23
|
+
<rect width="24" height="24" fill="#D9D9D9" />
|
|
24
|
+
</mask>
|
|
25
|
+
<g mask="url(#mask0_1118_8616)">
|
|
26
|
+
<path
|
|
27
|
+
d="M6.23079 13.5C5.8183 13.5 5.46518 13.3531 5.17143 13.0593C4.8777 12.7656 4.73083 12.4125 4.73083 12C4.73083 11.5875 4.8777 11.2344 5.17143 10.9406C5.46518 10.6469 5.8183 10.5 6.23079 10.5C6.64329 10.5 6.9964 10.6469 7.29014 10.9406C7.58389 11.2344 7.73076 11.5875 7.73076 12C7.73076 12.4125 7.58389 12.7656 7.29014 13.0593C6.9964 13.3531 6.64329 13.5 6.23079 13.5ZM12 13.5C11.5875 13.5 11.2344 13.3531 10.9407 13.0593C10.6469 12.7656 10.5 12.4125 10.5 12C10.5 11.5875 10.6469 11.2344 10.9407 10.9406C11.2344 10.6469 11.5875 10.5 12 10.5C12.4125 10.5 12.7656 10.6469 13.0594 10.9406C13.3531 11.2344 13.5 11.5875 13.5 12C13.5 12.4125 13.3531 12.7656 13.0594 13.0593C12.7656 13.3531 12.4125 13.5 12 13.5ZM17.7692 13.5C17.3567 13.5 17.0036 13.3531 16.7099 13.0593C16.4161 12.7656 16.2693 12.4125 16.2693 12C16.2693 11.5875 16.4161 11.2344 16.7099 10.9406C17.0036 10.6469 17.3567 10.5 17.7692 10.5C18.1817 10.5 18.5348 10.6469 18.8286 10.9406C19.1223 11.2344 19.2692 11.5875 19.2692 12C19.2692 12.4125 19.1223 12.7656 18.8286 13.0593C18.5348 13.3531 18.1817 13.5 17.7692 13.5Z"
|
|
28
|
+
fill="currentColor"
|
|
29
|
+
/>
|
|
30
|
+
</g>
|
|
31
|
+
</Icon>
|
|
32
|
+
);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export default MoreHorizontalSmallIcon;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
|
|
3
|
+
import { Icon, IconProps } from "@chakra-ui/icons";
|
|
4
|
+
|
|
5
|
+
const MoreVerticalIcon = (props: IconProps) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
{...props}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
style={{ maskType: "alpha" }}
|
|
13
|
+
>
|
|
14
|
+
<mask
|
|
15
|
+
id="mask0_1118_8524"
|
|
16
|
+
style={{ maskType: "alpha" }}
|
|
17
|
+
maskUnits="userSpaceOnUse"
|
|
18
|
+
x="0"
|
|
19
|
+
y="0"
|
|
20
|
+
width="24"
|
|
21
|
+
height="24"
|
|
22
|
+
>
|
|
23
|
+
<rect width="24" height="24" fill="#C4C4C4" />
|
|
24
|
+
</mask>
|
|
25
|
+
<g mask="url(#mask0_1118_8524)">
|
|
26
|
+
<path
|
|
27
|
+
d="M12 18.55C11.7167 18.55 11.4793 18.45 11.288 18.25C11.096 18.05 11 17.8167 11 17.55C11 17.2667 11.096 17.029 11.288 16.837C11.4793 16.6457 11.7167 16.55 12 16.55C12.2833 16.55 12.521 16.6457 12.713 16.837C12.9043 17.029 13 17.2667 13 17.55C13 17.8167 12.9043 18.05 12.713 18.25C12.521 18.45 12.2833 18.55 12 18.55ZM12 13C11.7167 13 11.4793 12.904 11.288 12.712C11.096 12.5207 11 12.2833 11 12C11 11.7167 11.096 11.479 11.288 11.287C11.4793 11.0957 11.7167 11 12 11C12.2833 11 12.521 11.0957 12.713 11.287C12.9043 11.479 13 11.7167 13 12C13 12.2833 12.9043 12.5207 12.713 12.712C12.521 12.904 12.2833 13 12 13ZM12 7.45001C11.7167 7.45001 11.4793 7.35401 11.288 7.16201C11.096 6.97068 11 6.73335 11 6.45001C11 6.18335 11.096 5.95001 11.288 5.75001C11.4793 5.55001 11.7167 5.45001 12 5.45001C12.2833 5.45001 12.521 5.55001 12.713 5.75001C12.9043 5.95001 13 6.18335 13 6.45001C13 6.73335 12.9043 6.97068 12.713 7.16201C12.521 7.35401 12.2833 7.45001 12 7.45001Z"
|
|
28
|
+
fill="currentColor"
|
|
29
|
+
/>
|
|
30
|
+
</g>
|
|
31
|
+
</Icon>
|
|
32
|
+
);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export default MoreVerticalIcon;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
|
|
3
|
+
import { Icon, IconProps } from "@chakra-ui/icons";
|
|
4
|
+
|
|
5
|
+
const NotificationsFilledIcon = (props: IconProps) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
{...props}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
style={{ maskType: "alpha" }}
|
|
13
|
+
>
|
|
14
|
+
<mask
|
|
15
|
+
id="mask0_1118_8389"
|
|
16
|
+
style={{ maskType: "alpha" }}
|
|
17
|
+
maskUnits="userSpaceOnUse"
|
|
18
|
+
x="0"
|
|
19
|
+
y="0"
|
|
20
|
+
width="24"
|
|
21
|
+
height="24"
|
|
22
|
+
>
|
|
23
|
+
<rect
|
|
24
|
+
width="24"
|
|
25
|
+
height="24"
|
|
26
|
+
transform="matrix(1 0 0 -1 0 24)"
|
|
27
|
+
fill="#C4C4C4"
|
|
28
|
+
/>
|
|
29
|
+
</mask>
|
|
30
|
+
<g mask="url(#mask0_1118_8389)">
|
|
31
|
+
<path
|
|
32
|
+
d="M12 10.7307L7.92689 14.8038C7.78844 14.9423 7.6144 15.0131 7.40479 15.0163C7.19519 15.0195 7.01795 14.9487 6.87309 14.8038C6.7282 14.6589 6.65576 14.4833 6.65576 14.2769C6.65576 14.0705 6.7282 13.8948 6.87309 13.75L11.3673 9.25575C11.4609 9.16217 11.5596 9.09614 11.6635 9.05768C11.7673 9.01923 11.8795 9 12 9C12.1205 9 12.2327 9.01923 12.3365 9.05768C12.4404 9.09614 12.5391 9.16217 12.6327 9.25575L17.1269 13.75C17.2654 13.8884 17.3362 14.0625 17.3394 14.2721C17.3426 14.4817 17.2718 14.6589 17.1269 14.8038C16.982 14.9487 16.8064 15.0211 16.6 15.0211C16.3936 15.0211 16.218 14.9487 16.0731 14.8038L12 10.7307Z"
|
|
33
|
+
fill="currentColor"
|
|
34
|
+
/>
|
|
35
|
+
</g>
|
|
36
|
+
</Icon>
|
|
37
|
+
);
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
export default NotificationsFilledIcon;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
|
|
3
|
+
import { Icon, IconProps } from "@chakra-ui/icons";
|
|
4
|
+
|
|
5
|
+
const NotificationsIcon = (props: IconProps) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
{...props}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
style={{ maskType: "alpha" }}
|
|
13
|
+
>
|
|
14
|
+
<mask
|
|
15
|
+
id="mask0_1118_8305"
|
|
16
|
+
style={{ maskType: "alpha" }}
|
|
17
|
+
maskUnits="userSpaceOnUse"
|
|
18
|
+
x="0"
|
|
19
|
+
y="0"
|
|
20
|
+
width="24"
|
|
21
|
+
height="24"
|
|
22
|
+
>
|
|
23
|
+
<rect width="24" height="24" fill="#C4C4C4" />
|
|
24
|
+
</mask>
|
|
25
|
+
<g mask="url(#mask0_1118_8305)">
|
|
26
|
+
<path
|
|
27
|
+
d="M5.25 18.8846C5.0375 18.8846 4.85938 18.8127 4.71563 18.6689C4.57188 18.5251 4.5 18.3469 4.5 18.1343C4.5 17.9217 4.57188 17.7436 4.71563 17.6C4.85938 17.4564 5.0375 17.3846 5.25 17.3846H6.3077V9.92305C6.3077 8.57818 6.72276 7.38908 7.55287 6.35575C8.38301 5.32242 9.44872 4.66153 10.75 4.37308V3.75C10.75 3.40278 10.8714 3.10765 11.1143 2.8646C11.3571 2.62153 11.6519 2.5 11.9988 2.5C12.3457 2.5 12.641 2.62153 12.8846 2.8646C13.1282 3.10765 13.25 3.40278 13.25 3.75V4.37308C14.5512 4.66153 15.6169 5.32242 16.4471 6.35575C17.2772 7.38908 17.6922 8.57818 17.6922 9.92305V17.3846H18.75C18.9625 17.3846 19.1406 17.4565 19.2843 17.6003C19.4281 17.7441 19.5 17.9223 19.5 18.1349C19.5 18.3475 19.4281 18.5256 19.2843 18.6692C19.1406 18.8128 18.9625 18.8846 18.75 18.8846H5.25ZM11.9983 21.6923C11.5007 21.6923 11.0753 21.5153 10.7221 21.1613C10.3689 20.8073 10.1923 20.3817 10.1923 19.8846H13.8077C13.8077 20.3833 13.6305 20.8093 13.2761 21.1625C12.9218 21.5157 12.4959 21.6923 11.9983 21.6923ZM7.80765 17.3846H16.1923V9.92305C16.1923 8.76535 15.783 7.77721 14.9644 6.95863C14.1458 6.14003 13.1577 5.73073 12 5.73073C10.8423 5.73073 9.85413 6.14003 9.03555 6.95863C8.21695 7.77721 7.80765 8.76535 7.80765 9.92305V17.3846Z"
|
|
28
|
+
fill="currentColor"
|
|
29
|
+
/>
|
|
30
|
+
</g>
|
|
31
|
+
</Icon>
|
|
32
|
+
);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export default NotificationsIcon;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
|
|
3
|
+
import { Icon, IconProps } from "@chakra-ui/icons";
|
|
4
|
+
|
|
5
|
+
const OpenInNewIcon = (props: IconProps) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
{...props}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
style={{ maskType: "alpha" }}
|
|
13
|
+
>
|
|
14
|
+
<mask
|
|
15
|
+
id="mask0_1118_8972"
|
|
16
|
+
style={{ maskType: "alpha" }}
|
|
17
|
+
maskUnits="userSpaceOnUse"
|
|
18
|
+
x="0"
|
|
19
|
+
y="0"
|
|
20
|
+
width="24"
|
|
21
|
+
height="24"
|
|
22
|
+
>
|
|
23
|
+
<rect width="24" height="24" fill="#D9D9D9" />
|
|
24
|
+
</mask>
|
|
25
|
+
<g mask="url(#mask0_1118_8972)">
|
|
26
|
+
<path
|
|
27
|
+
d="M5.625 20C5.15833 20 4.771 19.846 4.463 19.538C4.15433 19.2293 4 18.8417 4 18.375V5.625C4 5.15833 4.15433 4.771 4.463 4.463C4.771 4.15433 5.15833 4 5.625 4H11.225V5H5.625C5.45833 5 5.31267 5.06267 5.188 5.188C5.06267 5.31267 5 5.45833 5 5.625V18.375C5 18.5417 5.06267 18.6873 5.188 18.812C5.31267 18.9373 5.45833 19 5.625 19H18.375C18.5417 19 18.6873 18.9373 18.812 18.812C18.9373 18.6873 19 18.5417 19 18.375V12.775H20V18.375C20 18.8417 19.846 19.2293 19.538 19.538C19.2293 19.846 18.8417 20 18.375 20H5.625ZM9.75 14.975L9.025 14.25L18.3 5H14V4H20V10H19V5.7L9.75 14.975Z"
|
|
28
|
+
fill="currentColor"
|
|
29
|
+
/>
|
|
30
|
+
</g>
|
|
31
|
+
</Icon>
|
|
32
|
+
);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export default OpenInNewIcon;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
|
|
3
|
+
import { Icon, IconProps } from "@chakra-ui/icons";
|
|
4
|
+
|
|
5
|
+
const OthersIcon = (props: IconProps) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
{...props}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
style={{ maskType: "alpha" }}
|
|
13
|
+
>
|
|
14
|
+
<path
|
|
15
|
+
d="M13.8 16.4H19.9"
|
|
16
|
+
stroke="#131316"
|
|
17
|
+
strokeWidth="1.2"
|
|
18
|
+
strokeMiterlimit="10"
|
|
19
|
+
strokeLinecap="round"
|
|
20
|
+
strokeLinejoin="round"
|
|
21
|
+
/>
|
|
22
|
+
<path
|
|
23
|
+
d="M16.9 13.4V19.5"
|
|
24
|
+
stroke="#131316"
|
|
25
|
+
strokeWidth="1.2"
|
|
26
|
+
strokeMiterlimit="10"
|
|
27
|
+
strokeLinecap="round"
|
|
28
|
+
strokeLinejoin="round"
|
|
29
|
+
/>
|
|
30
|
+
<path
|
|
31
|
+
d="M8.70002 9.4H1.60002C1.20002 9.4 0.900024 9.1 0.900024 8.7V1.7C0.900024 1.3 1.20002 1 1.60002 1H8.70002C9.10002 1 9.40002 1.3 9.40002 1.7V8.8C9.30002 9.1 9.00002 9.4 8.70002 9.4Z"
|
|
32
|
+
stroke="#131316"
|
|
33
|
+
strokeWidth="1.2"
|
|
34
|
+
strokeMiterlimit="10"
|
|
35
|
+
strokeLinecap="round"
|
|
36
|
+
strokeLinejoin="round"
|
|
37
|
+
/>
|
|
38
|
+
<path
|
|
39
|
+
d="M8.70002 20.6H1.60002C1.20002 20.6 0.900024 20.3 0.900024 19.9V12.8C0.900024 12.4 1.20002 12.1 1.60002 12.1H8.70002C9.10002 12.1 9.40002 12.4 9.40002 12.8V20C9.30002 20.3 9.00002 20.6 8.70002 20.6Z"
|
|
40
|
+
stroke="#131316"
|
|
41
|
+
strokeWidth="1.2"
|
|
42
|
+
strokeMiterlimit="10"
|
|
43
|
+
strokeLinecap="round"
|
|
44
|
+
strokeLinejoin="round"
|
|
45
|
+
/>
|
|
46
|
+
<path
|
|
47
|
+
d="M20.4 9.4H13.3C12.9 9.4 12.6 9.1 12.6 8.7V1.7C12.7 1.3 13 1 13.3 1H20.4C20.8 1 21.1 1.3 21.1 1.7V8.8C21.1 9.1 20.8 9.4 20.4 9.4Z"
|
|
48
|
+
stroke="#131316"
|
|
49
|
+
strokeWidth="1.2"
|
|
50
|
+
strokeMiterlimit="10"
|
|
51
|
+
strokeLinecap="round"
|
|
52
|
+
strokeLinejoin="round"
|
|
53
|
+
/>
|
|
54
|
+
</Icon>
|
|
55
|
+
);
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
export default OthersIcon;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
|
|
3
|
+
import { Icon, IconProps } from "@chakra-ui/icons";
|
|
4
|
+
|
|
5
|
+
const PageViewIcon = (props: IconProps) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
{...props}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
style={{ maskType: "alpha" }}
|
|
13
|
+
>
|
|
14
|
+
<mask
|
|
15
|
+
id="mask0_1118_9068"
|
|
16
|
+
style={{ maskType: "alpha" }}
|
|
17
|
+
maskUnits="userSpaceOnUse"
|
|
18
|
+
x="0"
|
|
19
|
+
y="0"
|
|
20
|
+
width="24"
|
|
21
|
+
height="24"
|
|
22
|
+
>
|
|
23
|
+
<rect width="24" height="24" fill="#D9D9D9" />
|
|
24
|
+
</mask>
|
|
25
|
+
<g mask="url(#mask0_1118_9068)">
|
|
26
|
+
<path
|
|
27
|
+
d="M16.5365 16.975L17.2442 16.2673L14.4154 13.4385C14.6487 13.1013 14.8045 12.784 14.8827 12.4865C14.9609 12.1891 15 11.8602 15 11.5C15 10.5321 14.6587 9.70673 13.976 9.02402C13.2933 8.34134 12.4679 8 11.5 8C10.5321 8 9.70673 8.34134 9.02402 9.02402C8.34134 9.70673 8 10.5321 8 11.5C8 12.4679 8.34134 13.2933 9.02402 13.976C9.70673 14.6587 10.5321 15 11.5 15C11.9333 15 12.3381 14.932 12.7144 14.7962C13.0907 14.6603 13.4346 14.4564 13.7462 14.1846L16.5365 16.975ZM11.5 14C10.8 14 10.2083 13.7583 9.725 13.275C9.24167 12.7917 9 12.2 9 11.5C9 10.8 9.24167 10.2083 9.725 9.725C10.2083 9.24167 10.8 9 11.5 9C12.2 9 12.7917 9.24167 13.275 9.725C13.7583 10.2083 14 10.8 14 11.5C14 12.2 13.7583 12.7917 13.275 13.275C12.7917 13.7583 12.2 14 11.5 14ZM4.61538 19C4.15513 19 3.77083 18.8458 3.4625 18.5375C3.15417 18.2292 3 17.8449 3 17.3846V6.61537C3 6.15512 3.15417 5.77083 3.4625 5.4625C3.77083 5.15417 4.15513 5 4.61538 5H19.3846C19.8449 5 20.2292 5.15417 20.5375 5.4625C20.8458 5.77083 21 6.15512 21 6.61537V17.3846C21 17.8449 20.8458 18.2292 20.5375 18.5375C20.2292 18.8458 19.8449 19 19.3846 19H4.61538ZM4.61538 18H19.3846C19.5641 18 19.7115 17.9423 19.8269 17.8269C19.9423 17.7115 20 17.5641 20 17.3846V6.61537C20 6.43589 19.9423 6.28846 19.8269 6.17308C19.7115 6.05769 19.5641 6 19.3846 6H4.61538C4.43589 6 4.28846 6.05769 4.17308 6.17308C4.05769 6.28846 4 6.43589 4 6.61537V17.3846C4 17.5641 4.05769 17.7115 4.17308 17.8269C4.28846 17.9423 4.43589 18 4.61538 18Z"
|
|
28
|
+
fill="currentColor"
|
|
29
|
+
/>
|
|
30
|
+
</g>
|
|
31
|
+
</Icon>
|
|
32
|
+
);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export default PageViewIcon;
|