@preply/ds-docs 7.1.0 → 8.0.0

package/pages/30.guides/70.assets/constants/icon-imports.ts

@@ -0,0 +1,583 @@
+import TokyoUIAnnotate from '@preply/ds-media-icons/dist/24/TokyoUIAnnotate.svg';
+import TokyoUIApple from '@preply/ds-media-icons/dist/24/TokyoUIApple.svg';
+import TokyoUIArchive from '@preply/ds-media-icons/dist/24/TokyoUIArchive.svg';
+import TokyoUIArrowDouble from '@preply/ds-media-icons/dist/24/TokyoUIArrowDouble.svg';
+import TokyoUIArrowDown from '@preply/ds-media-icons/dist/24/TokyoUIArrowDown.svg';
+import TokyoUIArrowLeft from '@preply/ds-media-icons/dist/24/TokyoUIArrowLeft.svg';
+import TokyoUIArrowRight from '@preply/ds-media-icons/dist/24/TokyoUIArrowRight.svg';
+import TokyoUIArrowTop from '@preply/ds-media-icons/dist/24/TokyoUIArrowTop.svg';
+import TokyoUIAttach from '@preply/ds-media-icons/dist/24/TokyoUIAttach.svg';
+import TokyoUIAttachments from '@preply/ds-media-icons/dist/24/TokyoUIAttachments.svg';
+import TokyoUIAvailability1EarlyMorning from '@preply/ds-media-icons/dist/24/TokyoUIAvailability1EarlyMorning.svg';
+import TokyoUIAvailability2Morning from '@preply/ds-media-icons/dist/24/TokyoUIAvailability2Morning.svg';
+import TokyoUIAvailability3Day from '@preply/ds-media-icons/dist/24/TokyoUIAvailability3Day.svg';
+import TokyoUIAvailability4Midday from '@preply/ds-media-icons/dist/24/TokyoUIAvailability4Midday.svg';
+import TokyoUIAvailability5Evening from '@preply/ds-media-icons/dist/24/TokyoUIAvailability5Evening.svg';
+import TokyoUIAvailability6LateEvening from '@preply/ds-media-icons/dist/24/TokyoUIAvailability6LateEvening.svg';
+import TokyoUIAvailability7LateNight from '@preply/ds-media-icons/dist/24/TokyoUIAvailability7LateNight.svg';
+import TokyoUIAvailability8Night from '@preply/ds-media-icons/dist/24/TokyoUIAvailability8Night.svg';
+import TokyoUIB2bLearnersBadge from '@preply/ds-media-icons/dist/24/TokyoUIB2bLearnersBadge.svg';
+import TokyoUIBackspace from '@preply/ds-media-icons/dist/24/TokyoUIBackspace.svg';
+import TokyoUIBell from '@preply/ds-media-icons/dist/24/TokyoUIBell.svg';
+import TokyoUIBellFilled from '@preply/ds-media-icons/dist/24/TokyoUIBellFilled.svg';
+import TokyoUIBellOff from '@preply/ds-media-icons/dist/24/TokyoUIBellOff.svg';
+import TokyoUIBing from '@preply/ds-media-icons/dist/24/TokyoUIBing.svg';
+import TokyoUIBirthdayCake from '@preply/ds-media-icons/dist/24/TokyoUIBirthdayCake.svg';
+import TokyoUIBug from '@preply/ds-media-icons/dist/24/TokyoUIBug.svg';
+import TokyoUICalendar from '@preply/ds-media-icons/dist/24/TokyoUICalendar.svg';
+import TokyoUICalendarFilled from '@preply/ds-media-icons/dist/24/TokyoUICalendarFilled.svg';
+import TokyoUICalendarToday from '@preply/ds-media-icons/dist/24/TokyoUICalendarToday.svg';
+import TokyoUICancel from '@preply/ds-media-icons/dist/24/TokyoUICancel.svg';
+import TokyoUICanvas from '@preply/ds-media-icons/dist/24/TokyoUICanvas.svg';
+import TokyoUICelebrate from '@preply/ds-media-icons/dist/24/TokyoUICelebrate.svg';
+import TokyoUICertificate from '@preply/ds-media-icons/dist/24/TokyoUICertificate.svg';
+import TokyoUIChatGPT from '@preply/ds-media-icons/dist/24/TokyoUIChatGPT.svg';
+import TokyoUICheck from '@preply/ds-media-icons/dist/24/TokyoUICheck.svg';
+import TokyoUICheckBadge from '@preply/ds-media-icons/dist/24/TokyoUICheckBadge.svg';
+import TokyoUICheckBox from '@preply/ds-media-icons/dist/24/TokyoUICheckBox.svg';
+import TokyoUICheckCircle from '@preply/ds-media-icons/dist/24/TokyoUICheckCircle.svg';
+import TokyoUICheckCircleFilled from '@preply/ds-media-icons/dist/24/TokyoUICheckCircleFilled.svg';
+import TokyoUICheckmark from '@preply/ds-media-icons/dist/24/TokyoUICheckmark.svg';
+import TokyoUIChevronDown from '@preply/ds-media-icons/dist/24/TokyoUIChevronDown.svg';
+import TokyoUIChevronDownHeavy from '@preply/ds-media-icons/dist/24/TokyoUIChevronDownHeavy.svg';
+import TokyoUIChevronLeft from '@preply/ds-media-icons/dist/24/TokyoUIChevronLeft.svg';
+import TokyoUIChevronRight from '@preply/ds-media-icons/dist/24/TokyoUIChevronRight.svg';
+import TokyoUIChevronUp from '@preply/ds-media-icons/dist/24/TokyoUIChevronUp.svg';
+import TokyoUIChevronUpHeavy from '@preply/ds-media-icons/dist/24/TokyoUIChevronUpHeavy.svg';
+import TokyoUIClaude from '@preply/ds-media-icons/dist/24/TokyoUIClaude.svg';
+import TokyoUIClock from '@preply/ds-media-icons/dist/24/TokyoUIClock.svg';
+import TokyoUIClockConfirm from '@preply/ds-media-icons/dist/24/TokyoUIClockConfirm.svg';
+import TokyoUIClockFavorite from '@preply/ds-media-icons/dist/24/TokyoUIClockFavorite.svg';
+import TokyoUIClockFilled from '@preply/ds-media-icons/dist/24/TokyoUIClockFilled.svg';
+import TokyoUIClose from '@preply/ds-media-icons/dist/24/TokyoUIClose.svg';
+import TokyoUICompass from '@preply/ds-media-icons/dist/24/TokyoUICompass.svg';
+import TokyoUIConfirmed from '@preply/ds-media-icons/dist/24/TokyoUIConfirmed.svg';
+import TokyoUIConnectionOff from '@preply/ds-media-icons/dist/24/TokyoUIConnectionOff.svg';
+import TokyoUICopy from '@preply/ds-media-icons/dist/24/TokyoUICopy.svg';
+import TokyoUICreditCard from '@preply/ds-media-icons/dist/24/TokyoUICreditCard.svg';
+import TokyoUIDashboard from '@preply/ds-media-icons/dist/24/TokyoUIDashboard.svg';
+import TokyoUIDelete from '@preply/ds-media-icons/dist/24/TokyoUIDelete.svg';
+import TokyoUIDetailedFeedback from '@preply/ds-media-icons/dist/24/TokyoUIDetailedFeedback.svg';
+import TokyoUIDeviceIssue from '@preply/ds-media-icons/dist/24/TokyoUIDeviceIssue.svg';
+import TokyoUIDoubleThumbsUp from '@preply/ds-media-icons/dist/24/TokyoUIDoubleThumbsUp.svg';
+import TokyoUIDoubleThumbsUpFilled from '@preply/ds-media-icons/dist/24/TokyoUIDoubleThumbsUpFilled.svg';
+import TokyoUIDownload from '@preply/ds-media-icons/dist/24/TokyoUIDownload.svg';
+import TokyoUIDragAndDrop from '@preply/ds-media-icons/dist/24/TokyoUIDragAndDrop.svg';
+import TokyoUIEdit from '@preply/ds-media-icons/dist/24/TokyoUIEdit.svg';
+import TokyoUIEmail from '@preply/ds-media-icons/dist/24/TokyoUIEmail.svg';
+import TokyoUIEmojiAdd from '@preply/ds-media-icons/dist/24/TokyoUIEmojiAdd.svg';
+import TokyoUIEmojiAngry from '@preply/ds-media-icons/dist/24/TokyoUIEmojiAngry.svg';
+import TokyoUIEmojiConfused from '@preply/ds-media-icons/dist/24/TokyoUIEmojiConfused.svg';
+import TokyoUIEmojiDisappointed from '@preply/ds-media-icons/dist/24/TokyoUIEmojiDisappointed.svg';
+import TokyoUIEmojiFrowning from '@preply/ds-media-icons/dist/24/TokyoUIEmojiFrowning.svg';
+import TokyoUIEmojiGrinning from '@preply/ds-media-icons/dist/24/TokyoUIEmojiGrinning.svg';
+import TokyoUIEmojiNeutral from '@preply/ds-media-icons/dist/24/TokyoUIEmojiNeutral.svg';
+import TokyoUIEmojiSmile from '@preply/ds-media-icons/dist/24/TokyoUIEmojiSmile.svg';
+import TokyoUIEmojiSmiling from '@preply/ds-media-icons/dist/24/TokyoUIEmojiSmiling.svg';
+import TokyoUIEmojiStarryEyes from '@preply/ds-media-icons/dist/24/TokyoUIEmojiStarryEyes.svg';
+import TokyoUIEmojiWinking from '@preply/ds-media-icons/dist/24/TokyoUIEmojiWinking.svg';
+import TokyoUIError from '@preply/ds-media-icons/dist/24/TokyoUIError.svg';
+import TokyoUIErrorWarning from '@preply/ds-media-icons/dist/24/TokyoUIErrorWarning.svg';
+import TokyoUIExerciseClosedGapsJumble from '@preply/ds-media-icons/dist/24/TokyoUIExerciseClosedGapsJumble.svg';
+import TokyoUIExerciseConversationStarer from '@preply/ds-media-icons/dist/24/TokyoUIExerciseConversationStarer.svg';
+import TokyoUIExerciseDialogHidden from '@preply/ds-media-icons/dist/24/TokyoUIExerciseDialogHidden.svg';
+import TokyoUIExerciseDialogSpeach from '@preply/ds-media-icons/dist/24/TokyoUIExerciseDialogSpeach.svg';
+import TokyoUIExerciseDialogText from '@preply/ds-media-icons/dist/24/TokyoUIExerciseDialogText.svg';
+import TokyoUIExerciseDialogTextClosedGap from '@preply/ds-media-icons/dist/24/TokyoUIExerciseDialogTextClosedGap.svg';
+import TokyoUIExerciseImageText from '@preply/ds-media-icons/dist/24/TokyoUIExerciseImageText.svg';
+import TokyoUIExerciseMultiChoice from '@preply/ds-media-icons/dist/24/TokyoUIExerciseMultiChoice.svg';
+import TokyoUIExerciseOpenGaps from '@preply/ds-media-icons/dist/24/TokyoUIExerciseOpenGaps.svg';
+import TokyoUIExerciseOpenWriting from '@preply/ds-media-icons/dist/24/TokyoUIExerciseOpenWriting.svg';
+import TokyoUIExerciseRephrase from '@preply/ds-media-icons/dist/24/TokyoUIExerciseRephrase.svg';
+import TokyoUIExerciseTextClosedGaps from '@preply/ds-media-icons/dist/24/TokyoUIExerciseTextClosedGaps.svg';
+import TokyoUIExerciseTextError from '@preply/ds-media-icons/dist/24/TokyoUIExerciseTextError.svg';
+import TokyoUIExerciseTextQuestion from '@preply/ds-media-icons/dist/24/TokyoUIExerciseTextQuestion.svg';
+import TokyoUIExerciseTextWarning from '@preply/ds-media-icons/dist/24/TokyoUIExerciseTextWarning.svg';
+import TokyoUIExerciseVideoMultiChoice from '@preply/ds-media-icons/dist/24/TokyoUIExerciseVideoMultiChoice.svg';
+import TokyoUIExerciseVocabClosedGap from '@preply/ds-media-icons/dist/24/TokyoUIExerciseVocabClosedGap.svg';
+import TokyoUIExerciseVocabOpenGap from '@preply/ds-media-icons/dist/24/TokyoUIExerciseVocabOpenGap.svg';
+import TokyoUIEye from '@preply/ds-media-icons/dist/24/TokyoUIEye.svg';
+import TokyoUIEyeHide from '@preply/ds-media-icons/dist/24/TokyoUIEyeHide.svg';
+import TokyoUIFacebook from '@preply/ds-media-icons/dist/24/TokyoUIFacebook.svg';
+import TokyoUIFav from '@preply/ds-media-icons/dist/24/TokyoUIFav.svg';
+import TokyoUIFavFilled from '@preply/ds-media-icons/dist/24/TokyoUIFavFilled.svg';
+import TokyoUIFile from '@preply/ds-media-icons/dist/24/TokyoUIFile.svg';
+import TokyoUIFilter from '@preply/ds-media-icons/dist/24/TokyoUIFilter.svg';
+import TokyoUIFilterApplied from '@preply/ds-media-icons/dist/24/TokyoUIFilterApplied.svg';
+import TokyoUIFinishFlag from '@preply/ds-media-icons/dist/24/TokyoUIFinishFlag.svg';
+import TokyoUIFlag from '@preply/ds-media-icons/dist/24/TokyoUIFlag.svg';
+import TokyoUIFloatingOff from '@preply/ds-media-icons/dist/24/TokyoUIFloatingOff.svg';
+import TokyoUIFloatingStart from '@preply/ds-media-icons/dist/24/TokyoUIFloatingStart.svg';
+import TokyoUIForward10s from '@preply/ds-media-icons/dist/24/TokyoUIForward10s.svg';
+import TokyoUIFullscreenCollapse from '@preply/ds-media-icons/dist/24/TokyoUIFullscreenCollapse.svg';
+import TokyoUIFullscreenExpand from '@preply/ds-media-icons/dist/24/TokyoUIFullscreenExpand.svg';
+import TokyoUIGallery from '@preply/ds-media-icons/dist/24/TokyoUIGallery.svg';
+import TokyoUIGeminiGoogleAI from '@preply/ds-media-icons/dist/24/TokyoUIGeminiGoogleAI.svg';
+import TokyoUIGift from '@preply/ds-media-icons/dist/24/TokyoUIGift.svg';
+import TokyoUIGoogle from '@preply/ds-media-icons/dist/24/TokyoUIGoogle.svg';
+import TokyoUIGoogleMonochrome from '@preply/ds-media-icons/dist/24/TokyoUIGoogleMonochrome.svg';
+import TokyoUIHelp from '@preply/ds-media-icons/dist/24/TokyoUIHelp.svg';
+import TokyoUIHelpCenter from '@preply/ds-media-icons/dist/24/TokyoUIHelpCenter.svg';
+import TokyoUIHighlightColor from '@preply/ds-media-icons/dist/24/TokyoUIHighlightColor.svg';
+import TokyoUIHistory from '@preply/ds-media-icons/dist/24/TokyoUIHistory.svg';
+import TokyoUIHome from '@preply/ds-media-icons/dist/24/TokyoUIHome.svg';
+import TokyoUIHomeFilled from '@preply/ds-media-icons/dist/24/TokyoUIHomeFilled.svg';
+import TokyoUIHourglass from '@preply/ds-media-icons/dist/24/TokyoUIHourglass.svg';
+import TokyoUIImageAdd from '@preply/ds-media-icons/dist/24/TokyoUIImageAdd.svg';
+import TokyoUIInfo from '@preply/ds-media-icons/dist/24/TokyoUIInfo.svg';
+import TokyoUIInfoLightBulb from '@preply/ds-media-icons/dist/24/TokyoUIInfoLightBulb.svg';
+import TokyoUIInsights from '@preply/ds-media-icons/dist/24/TokyoUIInsights.svg';
+import TokyoUIInstagram from '@preply/ds-media-icons/dist/24/TokyoUIInstagram.svg';
+import TokyoUIKey from '@preply/ds-media-icons/dist/24/TokyoUIKey.svg';
+import TokyoUIKeyboard from '@preply/ds-media-icons/dist/24/TokyoUIKeyboard.svg';
+import TokyoUILanguage from '@preply/ds-media-icons/dist/24/TokyoUILanguage.svg';
+import TokyoUILessons from '@preply/ds-media-icons/dist/24/TokyoUILessons.svg';
+import TokyoUILevel from '@preply/ds-media-icons/dist/24/TokyoUILevel.svg';
+import TokyoUILevelHeavy from '@preply/ds-media-icons/dist/24/TokyoUILevelHeavy.svg';
+import TokyoUILibrary from '@preply/ds-media-icons/dist/24/TokyoUILibrary.svg';
+import TokyoUILibraryAdd from '@preply/ds-media-icons/dist/24/TokyoUILibraryAdd.svg';
+import TokyoUILibraryExplain from '@preply/ds-media-icons/dist/24/TokyoUILibraryExplain.svg';
+import TokyoUILibraryExplore from '@preply/ds-media-icons/dist/24/TokyoUILibraryExplore.svg';
+import TokyoUILightning from '@preply/ds-media-icons/dist/24/TokyoUILightning.svg';
+import TokyoUILink from '@preply/ds-media-icons/dist/24/TokyoUILink.svg';
+import TokyoUILinkAlt from '@preply/ds-media-icons/dist/24/TokyoUILinkAlt.svg';
+import TokyoUILinkedIn from '@preply/ds-media-icons/dist/24/TokyoUILinkedIn.svg';
+import TokyoUIListBullet from '@preply/ds-media-icons/dist/24/TokyoUIListBullet.svg';
+import TokyoUIListNumber from '@preply/ds-media-icons/dist/24/TokyoUIListNumber.svg';
+import TokyoUILocation from '@preply/ds-media-icons/dist/24/TokyoUILocation.svg';
+import TokyoUILocationFilled from '@preply/ds-media-icons/dist/24/TokyoUILocationFilled.svg';
+import TokyoUILock from '@preply/ds-media-icons/dist/24/TokyoUILock.svg';
+import TokyoUILogIn from '@preply/ds-media-icons/dist/24/TokyoUILogIn.svg';
+import TokyoUILogOut from '@preply/ds-media-icons/dist/24/TokyoUILogOut.svg';
+import TokyoUIMagicWand from '@preply/ds-media-icons/dist/24/TokyoUIMagicWand.svg';
+import TokyoUIMail from '@preply/ds-media-icons/dist/24/TokyoUIMail.svg';
+import TokyoUIMark from '@preply/ds-media-icons/dist/24/TokyoUIMark.svg';
+import TokyoUIMenu from '@preply/ds-media-icons/dist/24/TokyoUIMenu.svg';
+import TokyoUIMessages from '@preply/ds-media-icons/dist/24/TokyoUIMessages.svg';
+import TokyoUIMessagesFilled from '@preply/ds-media-icons/dist/24/TokyoUIMessagesFilled.svg';
+import TokyoUIMessenger from '@preply/ds-media-icons/dist/24/TokyoUIMessenger.svg';
+import TokyoUIMetaAI from '@preply/ds-media-icons/dist/24/TokyoUIMetaAI.svg';
+import TokyoUIMicrophone from '@preply/ds-media-icons/dist/24/TokyoUIMicrophone.svg';
+import TokyoUIMicrophoneOff from '@preply/ds-media-icons/dist/24/TokyoUIMicrophoneOff.svg';
+import TokyoUIMicrosoft from '@preply/ds-media-icons/dist/24/TokyoUIMicrosoft.svg';
+import TokyoUIMinus from '@preply/ds-media-icons/dist/24/TokyoUIMinus.svg';
+import TokyoUIMore from '@preply/ds-media-icons/dist/24/TokyoUIMore.svg';
+import TokyoUINextUp from '@preply/ds-media-icons/dist/24/TokyoUINextUp.svg';
+import TokyoUINotebook from '@preply/ds-media-icons/dist/24/TokyoUINotebook.svg';
+import TokyoUINotes from '@preply/ds-media-icons/dist/24/TokyoUINotes.svg';
+import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';
+import TokyoUIPages from '@preply/ds-media-icons/dist/24/TokyoUIPages.svg';
+import TokyoUIPause from '@preply/ds-media-icons/dist/24/TokyoUIPause.svg';
+import TokyoUIPayed from '@preply/ds-media-icons/dist/24/TokyoUIPayed.svg';
+import TokyoUIPerplexity from '@preply/ds-media-icons/dist/24/TokyoUIPerplexity.svg';
+import TokyoUIPhone from '@preply/ds-media-icons/dist/24/TokyoUIPhone.svg';
+import TokyoUIPhotoCamera from '@preply/ds-media-icons/dist/24/TokyoUIPhotoCamera.svg';
+import TokyoUIPhotoUpload from '@preply/ds-media-icons/dist/24/TokyoUIPhotoUpload.svg';
+import TokyoUIPlacementProgressTest from '@preply/ds-media-icons/dist/24/TokyoUIPlacementProgressTest.svg';
+import TokyoUIPlay from '@preply/ds-media-icons/dist/24/TokyoUIPlay.svg';
+import TokyoUIPlus from '@preply/ds-media-icons/dist/24/TokyoUIPlus.svg';
+import TokyoUIPocket from '@preply/ds-media-icons/dist/24/TokyoUIPocket.svg';
+import TokyoUIPractice from '@preply/ds-media-icons/dist/24/TokyoUIPractice.svg';
+import TokyoUIPracticeLightning from '@preply/ds-media-icons/dist/24/TokyoUIPracticeLightning.svg';
+import TokyoUIPracticeLightningFilled from '@preply/ds-media-icons/dist/24/TokyoUIPracticeLightningFilled.svg';
+import TokyoUIPreplySymbol from '@preply/ds-media-icons/dist/24/TokyoUIPreplySymbol.svg';
+import TokyoUIProfessionalTutor from '@preply/ds-media-icons/dist/24/TokyoUIProfessionalTutor.svg';
+import TokyoUIProgress from '@preply/ds-media-icons/dist/24/TokyoUIProgress.svg';
+import TokyoUIProgressAlt from '@preply/ds-media-icons/dist/24/TokyoUIProgressAlt.svg';
+import TokyoUIQuestionMark from '@preply/ds-media-icons/dist/24/TokyoUIQuestionMark.svg';
+import TokyoUIQueue from '@preply/ds-media-icons/dist/24/TokyoUIQueue.svg';
+import TokyoUIQuora from '@preply/ds-media-icons/dist/24/TokyoUIQuora.svg';
+import TokyoUIQuote from '@preply/ds-media-icons/dist/24/TokyoUIQuote.svg';
+import TokyoUIReactions from '@preply/ds-media-icons/dist/24/TokyoUIReactions.svg';
+import TokyoUIReddit from '@preply/ds-media-icons/dist/24/TokyoUIReddit.svg';
+import TokyoUIRedo from '@preply/ds-media-icons/dist/24/TokyoUIRedo.svg';
+import TokyoUIRefresh from '@preply/ds-media-icons/dist/24/TokyoUIRefresh.svg';
+import TokyoUIRemove from '@preply/ds-media-icons/dist/24/TokyoUIRemove.svg';
+import TokyoUIReplay10s from '@preply/ds-media-icons/dist/24/TokyoUIReplay10s.svg';
+import TokyoUIReply from '@preply/ds-media-icons/dist/24/TokyoUIReply.svg';
+import TokyoUIReschedule from '@preply/ds-media-icons/dist/24/TokyoUIReschedule.svg';
+import TokyoUIRescheduleAlt from '@preply/ds-media-icons/dist/24/TokyoUIRescheduleAlt.svg';
+import TokyoUIReset from '@preply/ds-media-icons/dist/24/TokyoUIReset.svg';
+import TokyoUIRestore from '@preply/ds-media-icons/dist/24/TokyoUIRestore.svg';
+import TokyoUIResume from '@preply/ds-media-icons/dist/24/TokyoUIResume.svg';
+import TokyoUIRolePlay from '@preply/ds-media-icons/dist/24/TokyoUIRolePlay.svg';
+import TokyoUIRotateImageLeft from '@preply/ds-media-icons/dist/24/TokyoUIRotateImageLeft.svg';
+import TokyoUIRotateImageRight from '@preply/ds-media-icons/dist/24/TokyoUIRotateImageRight.svg';
+import TokyoUIRotateLeft from '@preply/ds-media-icons/dist/24/TokyoUIRotateLeft.svg';
+import TokyoUIRotateRight from '@preply/ds-media-icons/dist/24/TokyoUIRotateRight.svg';
+import TokyoUISave from '@preply/ds-media-icons/dist/24/TokyoUISave.svg';
+import TokyoUISavedVocab from '@preply/ds-media-icons/dist/24/TokyoUISavedVocab.svg';
+import TokyoUISaveFilled from '@preply/ds-media-icons/dist/24/TokyoUISaveFilled.svg';
+import TokyoUISchedule from '@preply/ds-media-icons/dist/24/TokyoUISchedule.svg';
+import TokyoUIScheduleWarning from '@preply/ds-media-icons/dist/24/TokyoUIScheduleWarning.svg';
+import TokyoUIScreenshareEnd from '@preply/ds-media-icons/dist/24/TokyoUIScreenshareEnd.svg';
+import TokyoUIScreenshareStart from '@preply/ds-media-icons/dist/24/TokyoUIScreenshareStart.svg';
+import TokyoUISearch from '@preply/ds-media-icons/dist/24/TokyoUISearch.svg';
+import TokyoUISearchFilled from '@preply/ds-media-icons/dist/24/TokyoUISearchFilled.svg';
+import TokyoUISearchNavbar from '@preply/ds-media-icons/dist/24/TokyoUISearchNavbar.svg';
+import TokyoUISend from '@preply/ds-media-icons/dist/24/TokyoUISend.svg';
+import TokyoUISettings from '@preply/ds-media-icons/dist/24/TokyoUISettings.svg';
+import TokyoUISettingsFilled from '@preply/ds-media-icons/dist/24/TokyoUISettingsFilled.svg';
+import TokyoUIShare from '@preply/ds-media-icons/dist/24/TokyoUIShare.svg';
+import TokyoUIShareAndroid from '@preply/ds-media-icons/dist/24/TokyoUIShareAndroid.svg';
+import TokyoUIShield from '@preply/ds-media-icons/dist/24/TokyoUIShield.svg';
+import TokyoUIShieldFilled from '@preply/ds-media-icons/dist/24/TokyoUIShieldFilled.svg';
+import TokyoUISignUp from '@preply/ds-media-icons/dist/24/TokyoUISignUp.svg';
+import TokyoUISlow from '@preply/ds-media-icons/dist/24/TokyoUISlow.svg';
+import TokyoUISort from '@preply/ds-media-icons/dist/24/TokyoUISort.svg';
+import TokyoUISortAscending from '@preply/ds-media-icons/dist/24/TokyoUISortAscending.svg';
+import TokyoUISortDescending from '@preply/ds-media-icons/dist/24/TokyoUISortDescending.svg';
+import TokyoUISound from '@preply/ds-media-icons/dist/24/TokyoUISound.svg';
+import TokyoUISoundOff from '@preply/ds-media-icons/dist/24/TokyoUISoundOff.svg';
+import TokyoUISparkle from '@preply/ds-media-icons/dist/24/TokyoUISparkle.svg';
+import TokyoUISparkleCalendar from '@preply/ds-media-icons/dist/24/TokyoUISparkleCalendar.svg';
+import TokyoUISparkleMessage from '@preply/ds-media-icons/dist/24/TokyoUISparkleMessage.svg';
+import TokyoUISparkleNote from '@preply/ds-media-icons/dist/24/TokyoUISparkleNote.svg';
+import TokyoUISparkleVocab from '@preply/ds-media-icons/dist/24/TokyoUISparkleVocab.svg';
+import TokyoUISpeaks from '@preply/ds-media-icons/dist/24/TokyoUISpeaks.svg';
+import TokyoUISpeaksFace from '@preply/ds-media-icons/dist/24/TokyoUISpeaksFace.svg';
+import TokyoUIStar from '@preply/ds-media-icons/dist/24/TokyoUIStar.svg';
+import TokyoUIStarFilled from '@preply/ds-media-icons/dist/24/TokyoUIStarFilled.svg';
+import TokyoUIStreak from '@preply/ds-media-icons/dist/24/TokyoUIStreak.svg';
+import TokyoUIStudy from '@preply/ds-media-icons/dist/24/TokyoUIStudy.svg';
+import TokyoUISubscriptionRenewal from '@preply/ds-media-icons/dist/24/TokyoUISubscriptionRenewal.svg';
+import TokyoUISuperTutor from '@preply/ds-media-icons/dist/24/TokyoUISuperTutor.svg';
+import TokyoUITable from '@preply/ds-media-icons/dist/24/TokyoUITable.svg';
+import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
+import TokyoUITechnicalIssue from '@preply/ds-media-icons/dist/24/TokyoUITechnicalIssue.svg';
+import TokyoUITextBold from '@preply/ds-media-icons/dist/24/TokyoUITextBold.svg';
+import TokyoUITextColor from '@preply/ds-media-icons/dist/24/TokyoUITextColor.svg';
+import TokyoUITextItalic from '@preply/ds-media-icons/dist/24/TokyoUITextItalic.svg';
+import TokyoUITextLong from '@preply/ds-media-icons/dist/24/TokyoUITextLong.svg';
+import TokyoUITextShort from '@preply/ds-media-icons/dist/24/TokyoUITextShort.svg';
+import TokyoUITextStrikethrough from '@preply/ds-media-icons/dist/24/TokyoUITextStrikethrough.svg';
+import TokyoUITextUnderline from '@preply/ds-media-icons/dist/24/TokyoUITextUnderline.svg';
+import TokyoUIThumbsDown from '@preply/ds-media-icons/dist/24/TokyoUIThumbsDown.svg';
+import TokyoUIThumbsDownFilled from '@preply/ds-media-icons/dist/24/TokyoUIThumbsDownFilled.svg';
+import TokyoUIThumbsUp from '@preply/ds-media-icons/dist/24/TokyoUIThumbsUp.svg';
+import TokyoUIThumbsUpFilled from '@preply/ds-media-icons/dist/24/TokyoUIThumbsUpFilled.svg';
+import TokyoUITikTok from '@preply/ds-media-icons/dist/24/TokyoUITikTok.svg';
+import TokyoUITiles from '@preply/ds-media-icons/dist/24/TokyoUITiles.svg';
+import TokyoUITimeoff from '@preply/ds-media-icons/dist/24/TokyoUITimeoff.svg';
+import TokyoUITodo from '@preply/ds-media-icons/dist/24/TokyoUITodo.svg';
+import TokyoUITranscript from '@preply/ds-media-icons/dist/24/TokyoUITranscript.svg';
+import TokyoUITranscriptOff from '@preply/ds-media-icons/dist/24/TokyoUITranscriptOff.svg';
+import TokyoUITransferHours from '@preply/ds-media-icons/dist/24/TokyoUITransferHours.svg';
+import TokyoUITranslateVocab from '@preply/ds-media-icons/dist/24/TokyoUITranslateVocab.svg';
+import TokyoUITrial from '@preply/ds-media-icons/dist/24/TokyoUITrial.svg';
+import TokyoUIUndo from '@preply/ds-media-icons/dist/24/TokyoUIUndo.svg';
+import TokyoUIUnlock from '@preply/ds-media-icons/dist/24/TokyoUIUnlock.svg';
+import TokyoUIUpload from '@preply/ds-media-icons/dist/24/TokyoUIUpload.svg';
+import TokyoUIUser from '@preply/ds-media-icons/dist/24/TokyoUIUser.svg';
+import TokyoUIUserAbsent from '@preply/ds-media-icons/dist/24/TokyoUIUserAbsent.svg';
+import TokyoUIUserGroup from '@preply/ds-media-icons/dist/24/TokyoUIUserGroup.svg';
+import TokyoUIVideoStart from '@preply/ds-media-icons/dist/24/TokyoUIVideoStart.svg';
+import TokyoUIVideoStop from '@preply/ds-media-icons/dist/24/TokyoUIVideoStop.svg';
+import TokyoUIViewCard from '@preply/ds-media-icons/dist/24/TokyoUIViewCard.svg';
+import TokyoUIViewList from '@preply/ds-media-icons/dist/24/TokyoUIViewList.svg';
+import TokyoUIVocab from '@preply/ds-media-icons/dist/24/TokyoUIVocab.svg';
+import TokyoUIVocabFilled from '@preply/ds-media-icons/dist/24/TokyoUIVocabFilled.svg';
+import TokyoUIVocabLetter from '@preply/ds-media-icons/dist/24/TokyoUIVocabLetter.svg';
+import TokyoUIWallet from '@preply/ds-media-icons/dist/24/TokyoUIWallet.svg';
+import TokyoUIWalletFilled from '@preply/ds-media-icons/dist/24/TokyoUIWalletFilled.svg';
+import TokyoUIWhatsApp from '@preply/ds-media-icons/dist/24/TokyoUIWhatsApp.svg';
+import TokyoUIWhiteboard from '@preply/ds-media-icons/dist/24/TokyoUIWhiteboard.svg';
+import TokyoUIWifi from '@preply/ds-media-icons/dist/24/TokyoUIWifi.svg';
+import TokyoUIWifiOff from '@preply/ds-media-icons/dist/24/TokyoUIWifiOff.svg';
+import TokyoUIWorkingProfessional from '@preply/ds-media-icons/dist/24/TokyoUIWorkingProfessional.svg';
+import TokyoUIWrite from '@preply/ds-media-icons/dist/24/TokyoUIWrite.svg';
+import TokyoUIX from '@preply/ds-media-icons/dist/24/TokyoUIX.svg';
+import TokyoUIYoutube from '@preply/ds-media-icons/dist/24/TokyoUIYoutube.svg';
+
+export const iconMap = {
+    TokyoUIAnnotate,
+    TokyoUIApple,
+    TokyoUIArchive,
+    TokyoUIArrowDouble,
+    TokyoUIArrowDown,
+    TokyoUIArrowLeft,
+    TokyoUIArrowRight,
+    TokyoUIArrowTop,
+    TokyoUIAttach,
+    TokyoUIAttachments,
+    TokyoUIAvailability1EarlyMorning,
+    TokyoUIAvailability2Morning,
+    TokyoUIAvailability3Day,
+    TokyoUIAvailability4Midday,
+    TokyoUIAvailability5Evening,
+    TokyoUIAvailability6LateEvening,
+    TokyoUIAvailability7LateNight,
+    TokyoUIAvailability8Night,
+    TokyoUIB2bLearnersBadge,
+    TokyoUIBackspace,
+    TokyoUIBell,
+    TokyoUIBellFilled,
+    TokyoUIBellOff,
+    TokyoUIBing,
+    TokyoUIBirthdayCake,
+    TokyoUIBug,
+    TokyoUICalendar,
+    TokyoUICalendarFilled,
+    TokyoUICalendarToday,
+    TokyoUICancel,
+    TokyoUICanvas,
+    TokyoUICelebrate,
+    TokyoUICertificate,
+    TokyoUIChatGPT,
+    TokyoUICheck,
+    TokyoUICheckBadge,
+    TokyoUICheckBox,
+    TokyoUICheckCircle,
+    TokyoUICheckCircleFilled,
+    TokyoUICheckmark,
+    TokyoUIChevronDown,
+    TokyoUIChevronDownHeavy,
+    TokyoUIChevronLeft,
+    TokyoUIChevronRight,
+    TokyoUIChevronUp,
+    TokyoUIChevronUpHeavy,
+    TokyoUIClaude,
+    TokyoUIClock,
+    TokyoUIClockConfirm,
+    TokyoUIClockFavorite,
+    TokyoUIClockFilled,
+    TokyoUIClose,
+    TokyoUICompass,
+    TokyoUIConfirmed,
+    TokyoUIConnectionOff,
+    TokyoUICopy,
+    TokyoUICreditCard,
+    TokyoUIDashboard,
+    TokyoUIDelete,
+    TokyoUIDetailedFeedback,
+    TokyoUIDeviceIssue,
+    TokyoUIDoubleThumbsUp,
+    TokyoUIDoubleThumbsUpFilled,
+    TokyoUIDownload,
+    TokyoUIDragAndDrop,
+    TokyoUIEdit,
+    TokyoUIEmail,
+    TokyoUIEmojiAdd,
+    TokyoUIEmojiAngry,
+    TokyoUIEmojiConfused,
+    TokyoUIEmojiDisappointed,
+    TokyoUIEmojiFrowning,
+    TokyoUIEmojiGrinning,
+    TokyoUIEmojiNeutral,
+    TokyoUIEmojiSmile,
+    TokyoUIEmojiSmiling,
+    TokyoUIEmojiStarryEyes,
+    TokyoUIEmojiWinking,
+    TokyoUIError,
+    TokyoUIErrorWarning,
+    TokyoUIExerciseClosedGapsJumble,
+    TokyoUIExerciseConversationStarer,
+    TokyoUIExerciseDialogHidden,
+    TokyoUIExerciseDialogSpeach,
+    TokyoUIExerciseDialogText,
+    TokyoUIExerciseDialogTextClosedGap,
+    TokyoUIExerciseImageText,
+    TokyoUIExerciseMultiChoice,
+    TokyoUIExerciseOpenGaps,
+    TokyoUIExerciseOpenWriting,
+    TokyoUIExerciseRephrase,
+    TokyoUIExerciseTextClosedGaps,
+    TokyoUIExerciseTextError,
+    TokyoUIExerciseTextQuestion,
+    TokyoUIExerciseTextWarning,
+    TokyoUIExerciseVideoMultiChoice,
+    TokyoUIExerciseVocabClosedGap,
+    TokyoUIExerciseVocabOpenGap,
+    TokyoUIEye,
+    TokyoUIEyeHide,
+    TokyoUIFacebook,
+    TokyoUIFav,
+    TokyoUIFavFilled,
+    TokyoUIFile,
+    TokyoUIFilter,
+    TokyoUIFilterApplied,
+    TokyoUIFinishFlag,
+    TokyoUIFlag,
+    TokyoUIFloatingOff,
+    TokyoUIFloatingStart,
+    TokyoUIForward10s,
+    TokyoUIFullscreenCollapse,
+    TokyoUIFullscreenExpand,
+    TokyoUIGallery,
+    TokyoUIGeminiGoogleAI,
+    TokyoUIGift,
+    TokyoUIGoogle,
+    TokyoUIGoogleMonochrome,
+    TokyoUIHelp,
+    TokyoUIHelpCenter,
+    TokyoUIHighlightColor,
+    TokyoUIHistory,
+    TokyoUIHome,
+    TokyoUIHomeFilled,
+    TokyoUIHourglass,
+    TokyoUIImageAdd,
+    TokyoUIInfo,
+    TokyoUIInfoLightBulb,
+    TokyoUIInsights,
+    TokyoUIInstagram,
+    TokyoUIKey,
+    TokyoUIKeyboard,
+    TokyoUILanguage,
+    TokyoUILessons,
+    TokyoUILevel,
+    TokyoUILevelHeavy,
+    TokyoUILibrary,
+    TokyoUILibraryAdd,
+    TokyoUILibraryExplain,
+    TokyoUILibraryExplore,
+    TokyoUILightning,
+    TokyoUILink,
+    TokyoUILinkAlt,
+    TokyoUILinkedIn,
+    TokyoUIListBullet,
+    TokyoUIListNumber,
+    TokyoUILocation,
+    TokyoUILocationFilled,
+    TokyoUILock,
+    TokyoUILogIn,
+    TokyoUILogOut,
+    TokyoUIMagicWand,
+    TokyoUIMail,
+    TokyoUIMark,
+    TokyoUIMenu,
+    TokyoUIMessages,
+    TokyoUIMessagesFilled,
+    TokyoUIMessenger,
+    TokyoUIMetaAI,
+    TokyoUIMicrophone,
+    TokyoUIMicrophoneOff,
+    TokyoUIMicrosoft,
+    TokyoUIMinus,
+    TokyoUIMore,
+    TokyoUINextUp,
+    TokyoUINotebook,
+    TokyoUINotes,
+    TokyoUINotesWithPad,
+    TokyoUIPages,
+    TokyoUIPause,
+    TokyoUIPayed,
+    TokyoUIPerplexity,
+    TokyoUIPhone,
+    TokyoUIPhotoCamera,
+    TokyoUIPhotoUpload,
+    TokyoUIPlacementProgressTest,
+    TokyoUIPlay,
+    TokyoUIPlus,
+    TokyoUIPocket,
+    TokyoUIPractice,
+    TokyoUIPracticeLightning,
+    TokyoUIPracticeLightningFilled,
+    TokyoUIPreplySymbol,
+    TokyoUIProfessionalTutor,
+    TokyoUIProgress,
+    TokyoUIProgressAlt,
+    TokyoUIQuestionMark,
+    TokyoUIQueue,
+    TokyoUIQuora,
+    TokyoUIQuote,
+    TokyoUIReactions,
+    TokyoUIReddit,
+    TokyoUIRedo,
+    TokyoUIRefresh,
+    TokyoUIRemove,
+    TokyoUIReplay10s,
+    TokyoUIReply,
+    TokyoUIReschedule,
+    TokyoUIRescheduleAlt,
+    TokyoUIReset,
+    TokyoUIRestore,
+    TokyoUIResume,
+    TokyoUIRolePlay,
+    TokyoUIRotateImageLeft,
+    TokyoUIRotateImageRight,
+    TokyoUIRotateLeft,
+    TokyoUIRotateRight,
+    TokyoUISave,
+    TokyoUISavedVocab,
+    TokyoUISaveFilled,
+    TokyoUISchedule,
+    TokyoUIScheduleWarning,
+    TokyoUIScreenshareEnd,
+    TokyoUIScreenshareStart,
+    TokyoUISearch,
+    TokyoUISearchFilled,
+    TokyoUISearchNavbar,
+    TokyoUISend,
+    TokyoUISettings,
+    TokyoUISettingsFilled,
+    TokyoUIShare,
+    TokyoUIShareAndroid,
+    TokyoUIShield,
+    TokyoUIShieldFilled,
+    TokyoUISignUp,
+    TokyoUISlow,
+    TokyoUISort,
+    TokyoUISortAscending,
+    TokyoUISortDescending,
+    TokyoUISound,
+    TokyoUISoundOff,
+    TokyoUISparkle,
+    TokyoUISparkleCalendar,
+    TokyoUISparkleMessage,
+    TokyoUISparkleNote,
+    TokyoUISparkleVocab,
+    TokyoUISpeaks,
+    TokyoUISpeaksFace,
+    TokyoUIStar,
+    TokyoUIStarFilled,
+    TokyoUIStreak,
+    TokyoUIStudy,
+    TokyoUISubscriptionRenewal,
+    TokyoUISuperTutor,
+    TokyoUITable,
+    TokyoUITag,
+    TokyoUITechnicalIssue,
+    TokyoUITextBold,
+    TokyoUITextColor,
+    TokyoUITextItalic,
+    TokyoUITextLong,
+    TokyoUITextShort,
+    TokyoUITextStrikethrough,
+    TokyoUITextUnderline,
+    TokyoUIThumbsDown,
+    TokyoUIThumbsDownFilled,
+    TokyoUIThumbsUp,
+    TokyoUIThumbsUpFilled,
+    TokyoUITikTok,
+    TokyoUITiles,
+    TokyoUITimeoff,
+    TokyoUITodo,
+    TokyoUITranscript,
+    TokyoUITranscriptOff,
+    TokyoUITransferHours,
+    TokyoUITranslateVocab,
+    TokyoUITrial,
+    TokyoUIUndo,
+    TokyoUIUnlock,
+    TokyoUIUpload,
+    TokyoUIUser,
+    TokyoUIUserAbsent,
+    TokyoUIUserGroup,
+    TokyoUIVideoStart,
+    TokyoUIVideoStop,
+    TokyoUIViewCard,
+    TokyoUIViewList,
+    TokyoUIVocab,
+    TokyoUIVocabFilled,
+    TokyoUIVocabLetter,
+    TokyoUIWallet,
+    TokyoUIWalletFilled,
+    TokyoUIWhatsApp,
+    TokyoUIWhiteboard,
+    TokyoUIWifi,
+    TokyoUIWifiOff,
+    TokyoUIWorkingProfessional,
+    TokyoUIWrite,
+    TokyoUIX,
+    TokyoUIYoutube,
+};

package/pages/30.guides/70.assets/functions/import-svg-file-name.tsx

@@ -0,0 +1,8 @@
+import { ReactSVGComponentType } from '@preply/ds-web-core';
+
+import { iconMap } from '../constants/icon-imports';
+
+export const importSvgFileName = (name: string): ReactSVGComponentType => {
+    const iconFileName = iconMap[name];
+    return iconFileName;
+};

package/pages/30.guides/70.assets/styles.css

@@ -0,0 +1,35 @@
+.icon-container {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 8px;
+}
+
+.icons-container {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+}
+
+.selection-container {
+    border: 1px solid gainsboro;
+    border-radius: 3px;
+    min-height: 400px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.selected-container {
+    border: 1px solid gainsboro;
+    border-radius: 3px;
+    min-height: 400px;
+    display: flex;
+    flex-direction: column;
+    padding: 15px;
+}
+
+.container {
+    display: grid;
+    grid-template-columns: 1fr 320px;
+    grid-gap: 10px;
+}