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.
Files changed (481) hide show
  1. package/.env.sample +1 -0
  2. package/.eslintignore +5 -0
  3. package/.eslintrc.json +96 -0
  4. package/.github/PULL_REQUEST_TEMPLATE.md +15 -0
  5. package/.husky/commit-msg +4 -0
  6. package/.husky/pre-commit +6 -0
  7. package/.prettierignore +7 -0
  8. package/.prettierrc +9 -0
  9. package/.storybook/main.ts +22 -0
  10. package/.storybook/preview.ts +20 -0
  11. package/.vscode/extensions.json +10 -0
  12. package/README.md +139 -0
  13. package/commitlint.config.cjs +1 -0
  14. package/index.html +31 -0
  15. package/package.json +98 -0
  16. package/public/_redirects +1 -0
  17. package/public/manifest.json +15 -0
  18. package/public/robots.txt +3 -0
  19. package/public/vite.svg +1 -0
  20. package/src/app.tsx +25 -0
  21. package/src/assets/fonts/Degular-Medium.woff2 +0 -0
  22. package/src/assets/fonts/Degular-Medium_Italic.woff2 +0 -0
  23. package/src/assets/fonts/Degular-Semibold.woff2 +0 -0
  24. package/src/assets/fonts/Degular-Semibold_Italic.woff2 +0 -0
  25. package/src/assets/fonts/Degular_Display-Bold.woff2 +0 -0
  26. package/src/assets/fonts/Degular_Display-Bold_Italic.woff2 +0 -0
  27. package/src/assets/fonts/Degular_Display-Semibold.woff2 +0 -0
  28. package/src/assets/fonts/Degular_Display-Semibold_Italic.woff2 +0 -0
  29. package/src/assets/fonts/Sohne-Buch.otf +0 -0
  30. package/src/assets/fonts/So/302/246/303/252hne-Buch.otf +0 -0
  31. package/src/assets/fonts/So/302/246/303/252hne-BuchKursiv.otf +0 -0
  32. package/src/assets/fonts/So/302/246/303/252hne-Dreiviertelfett.otf +0 -0
  33. package/src/assets/fonts/So/302/246/303/252hne-DreiviertelfettKursiv.otf +0 -0
  34. package/src/assets/fonts/So/302/246/303/252hne-Extrafett.otf +0 -0
  35. package/src/assets/fonts/So/302/246/303/252hne-Fett.otf +0 -0
  36. package/src/assets/fonts/So/302/246/303/252hne-Halbfett.otf +0 -0
  37. package/src/assets/fonts/So/302/246/303/252hne-HalbfettKursiv.otf +0 -0
  38. package/src/assets/fonts/So/302/246/303/252hne-Kra/302/246/303/252ftig.otf +0 -0
  39. package/src/assets/fonts/So/302/246/303/252hne-Kra/302/246/303/252ftigKursiv.otf +0 -0
  40. package/src/assets/fonts/So/302/246/303/252hne-Leicht.otf +0 -0
  41. package/src/assets/fonts/soehne-buch-kursiv.woff2 +0 -0
  42. package/src/assets/fonts/soehne-buch.woff2 +0 -0
  43. package/src/assets/fonts/soehne-dreiviertelfett-kursiv.woff2 +0 -0
  44. package/src/assets/fonts/soehne-dreiviertelfett.woff2 +0 -0
  45. package/src/assets/fonts/soehne-extrafett.woff2 +0 -0
  46. package/src/assets/fonts/soehne-fett.woff2 +0 -0
  47. package/src/assets/fonts/soehne-halbfett-kursiv.woff2 +0 -0
  48. package/src/assets/fonts/soehne-halbfett.woff2 +0 -0
  49. package/src/assets/fonts/soehne-kraftig-kursiv.woff2 +0 -0
  50. package/src/assets/fonts/soehne-kraftig.woff2 +0 -0
  51. package/src/assets/fonts/soehne-leicht.woff2 +0 -0
  52. package/src/assets/styles/index.css +486 -0
  53. package/src/assets/svgs/check_circle.svg +8 -0
  54. package/src/assets/svgs/close-circle.svg +3 -0
  55. package/src/assets/svgs/error_message_icon.svg +8 -0
  56. package/src/assets/svgs/personal_profile_avatar.svg +13 -0
  57. package/src/assets/svgs/search-normal.svg +4 -0
  58. package/src/assets/svgs/store_avatar.svg +13 -0
  59. package/src/assets/svgs/viewIcon.svg +8 -0
  60. package/src/assets/svgs/viewOffIcon.svg +3 -0
  61. package/src/assets/themes/baseThemes.ts +40 -0
  62. package/src/components/Accordion/index.tsx +111 -0
  63. package/src/components/Avatars/index.tsx +111 -0
  64. package/src/components/Button/IconButton.tsx +119 -0
  65. package/src/components/Button/index.tsx +173 -0
  66. package/src/components/InputFields/Input.tsx +177 -0
  67. package/src/components/InputFields/MarkdownEditor.tsx +246 -0
  68. package/src/components/InputFields/SearchInput.tsx +80 -0
  69. package/src/components/InputFields/SelectInput/CountrySelect.tsx +142 -0
  70. package/src/components/InputFields/SelectInput/PhoneNumberInput.tsx +89 -0
  71. package/src/components/InputFields/SelectInput/SelectInput.tsx +395 -0
  72. package/src/components/InputFields/SelectInput/index.ts +9 -0
  73. package/src/components/InputFields/TextArea.tsx +150 -0
  74. package/src/components/InputFields/UsernameInput.tsx +145 -0
  75. package/src/components/Tiles/index.tsx +95 -0
  76. package/src/components/Typography/Display.tsx +84 -0
  77. package/src/components/Typography/Heading.tsx +136 -0
  78. package/src/components/Typography/Paragraph.tsx +105 -0
  79. package/src/components/Typography/Subtitle.tsx +148 -0
  80. package/src/components/Uploader/FileUploader.tsx +132 -0
  81. package/src/components/Uploader/ImageUploader.tsx +311 -0
  82. package/src/components/controls/Chip.tsx +78 -0
  83. package/src/components/controls/DoubleTab.tsx +80 -0
  84. package/src/components/controls/Pagination.tsx +164 -0
  85. package/src/components/controls/RadioButton.tsx +135 -0
  86. package/src/components/controls/RectangleCheckButton.tsx +106 -0
  87. package/src/components/controls/RoundCheckButton.tsx +106 -0
  88. package/src/components/controls/Stepper.tsx +84 -0
  89. package/src/components/controls/TabMenu.tsx +114 -0
  90. package/src/components/controls/ToggleButton.tsx +123 -0
  91. package/src/components/notifications/Banner.tsx +175 -0
  92. package/src/components/notifications/ClickTooltip.tsx +108 -0
  93. package/src/components/notifications/HoverTooltip.tsx +34 -0
  94. package/src/components/notifications/Snackbar.tsx +138 -0
  95. package/src/components/styleGuide/Colors.tsx +176 -0
  96. package/src/hooks/useImageUpload.ts +78 -0
  97. package/src/icons/AccountBalanceIcon.tsx +35 -0
  98. package/src/icons/AccountBalanceWalletFilledIcon.tsx +35 -0
  99. package/src/icons/AccountBalanceWalletIcon.tsx +35 -0
  100. package/src/icons/AccountCircleFilledIcon.tsx +35 -0
  101. package/src/icons/AccountCircleIcon.tsx +35 -0
  102. package/src/icons/AddAPhotoIcon.tsx +35 -0
  103. package/src/icons/AddBusinessFilledIcon.tsx +35 -0
  104. package/src/icons/AddBusinessIcon.tsx +35 -0
  105. package/src/icons/AddCircleFilledIcon.tsx +35 -0
  106. package/src/icons/AddCircleIcon.tsx +35 -0
  107. package/src/icons/AddIcon.tsx +35 -0
  108. package/src/icons/AddPhotoAlternateIcon.tsx +35 -0
  109. package/src/icons/AddShoppingCartIcon.tsx +35 -0
  110. package/src/icons/AddToSocialsIcon.tsx +48 -0
  111. package/src/icons/AddsClickIcon.tsx +35 -0
  112. package/src/icons/AdminPanelSettingsIcon.tsx +35 -0
  113. package/src/icons/AirplaneModeActiveIcon.tsx +35 -0
  114. package/src/icons/AlarmIcon.tsx +35 -0
  115. package/src/icons/AllInboxIcon.tsx +35 -0
  116. package/src/icons/AnimationIcon.tsx +35 -0
  117. package/src/icons/AppsFilledIcon.tsx +35 -0
  118. package/src/icons/AppsIcon.tsx +35 -0
  119. package/src/icons/ArchiveIcon.tsx +35 -0
  120. package/src/icons/ArrowBackIcon.tsx +35 -0
  121. package/src/icons/ArrowCircleDownFilledIcon.tsx +35 -0
  122. package/src/icons/ArrowCircleUpFilledIcon.tsx +35 -0
  123. package/src/icons/ArrowDropDownIcon.tsx +32 -0
  124. package/src/icons/ArrowDropUpIcon.tsx +37 -0
  125. package/src/icons/ArrowForwardIcon.tsx +35 -0
  126. package/src/icons/ArtTrackIcon.tsx +35 -0
  127. package/src/icons/ArticleFilledIcon.tsx +35 -0
  128. package/src/icons/ArticleIcon.tsx +35 -0
  129. package/src/icons/AttachMoneyIcon.tsx +35 -0
  130. package/src/icons/AttachmentIcon.tsx +35 -0
  131. package/src/icons/AudioFileFilledIcon.tsx +35 -0
  132. package/src/icons/AutoAwesomeMosaicFilledIcon.tsx +35 -0
  133. package/src/icons/AutoAwesomeMosaicIcon.tsx +35 -0
  134. package/src/icons/AutoFixFilledIcon.tsx +35 -0
  135. package/src/icons/AutoFixIcon.tsx +35 -0
  136. package/src/icons/AutoGraphIcon.tsx +35 -0
  137. package/src/icons/AwardStarFilledIcon.tsx +35 -0
  138. package/src/icons/AwardStarIcon.tsx +35 -0
  139. package/src/icons/BarChartFilledIcon.tsx +35 -0
  140. package/src/icons/BlockIcon.tsx +35 -0
  141. package/src/icons/BoltFilledIcon.tsx +35 -0
  142. package/src/icons/BoltIcon.tsx +35 -0
  143. package/src/icons/BookOnlineIcon.tsx +35 -0
  144. package/src/icons/BugReportIcon.tsx +35 -0
  145. package/src/icons/BusinessCenterFilledIcon.tsx +35 -0
  146. package/src/icons/BusinessCenterIcon.tsx +35 -0
  147. package/src/icons/CalendarMonthFilledIcon.tsx +35 -0
  148. package/src/icons/CalendarMonthIcon.tsx +35 -0
  149. package/src/icons/CalendarTodayIcon.tsx +35 -0
  150. package/src/icons/CallMadeIcon.tsx +35 -0
  151. package/src/icons/CallMissedIcon.tsx +35 -0
  152. package/src/icons/CallMissedOutgoingIcon.tsx +35 -0
  153. package/src/icons/CallRecievedIcon.tsx +35 -0
  154. package/src/icons/CampaignFilledIcon.tsx +22 -0
  155. package/src/icons/CampaignIcon.tsx +35 -0
  156. package/src/icons/CancelFilledIcon.tsx +22 -0
  157. package/src/icons/CancelIcon.tsx +22 -0
  158. package/src/icons/CaptivePortalIcon.tsx +35 -0
  159. package/src/icons/CardLayoutIcon.tsx +22 -0
  160. package/src/icons/CasesFilledIcon.tsx +35 -0
  161. package/src/icons/CasesIcon.tsx +35 -0
  162. package/src/icons/CategoryIcon.tsx +35 -0
  163. package/src/icons/ChairIcon.tsx +35 -0
  164. package/src/icons/ChangeCircleIcon.tsx +35 -0
  165. package/src/icons/ChatBubbleFilledIcon.tsx +35 -0
  166. package/src/icons/ChatBubbleIcon.tsx +35 -0
  167. package/src/icons/ChatFilledIcon.tsx +35 -0
  168. package/src/icons/ChatIcon.tsx +35 -0
  169. package/src/icons/CheckCircleFilledIcon.tsx +35 -0
  170. package/src/icons/CheckCircleIcon.tsx +35 -0
  171. package/src/icons/CheckIcon.tsx +35 -0
  172. package/src/icons/ChevronLeftIcon.tsx +43 -0
  173. package/src/icons/ChevronRightIcon.tsx +43 -0
  174. package/src/icons/CloseIcon.tsx +35 -0
  175. package/src/icons/CloudUploadIcon.tsx +35 -0
  176. package/src/icons/CodeIcon.tsx +35 -0
  177. package/src/icons/CoffeeIcon.tsx +35 -0
  178. package/src/icons/CollectionsBookmarkIcon.tsx +35 -0
  179. package/src/icons/ColorPickerIcon.tsx +22 -0
  180. package/src/icons/CommentCircleAltChatMessageIcon.tsx +24 -0
  181. package/src/icons/ConfirmationNumberIcon.tsx +35 -0
  182. package/src/icons/ContactMailFilledIcon.tsx +35 -0
  183. package/src/icons/ContactMailIcon.tsx +35 -0
  184. package/src/icons/ContactPageIcon.tsx +22 -0
  185. package/src/icons/ContactPhoneFilledIcon.tsx +35 -0
  186. package/src/icons/ContactPhoneIcon.tsx +35 -0
  187. package/src/icons/ContactsIcon.tsx +22 -0
  188. package/src/icons/ContentCopyIcon.tsx +35 -0
  189. package/src/icons/CopyIcon.tsx +35 -0
  190. package/src/icons/CreditCardFilledIcon.tsx +35 -0
  191. package/src/icons/CreditCardIcon.tsx +35 -0
  192. package/src/icons/DarkModeIcon.tsx +35 -0
  193. package/src/icons/DashboardFilledIcon.tsx +35 -0
  194. package/src/icons/DashboardIcon.tsx +35 -0
  195. package/src/icons/DatabaseFilledIcon.tsx +35 -0
  196. package/src/icons/DeleteIcon.tsx +35 -0
  197. package/src/icons/DescriptionIcon.tsx +35 -0
  198. package/src/icons/DesktopMacIcon.tsx +35 -0
  199. package/src/icons/DevicesIcon.tsx +35 -0
  200. package/src/icons/DiamondFilledIcon.tsx +35 -0
  201. package/src/icons/DiamondIcon.tsx +35 -0
  202. package/src/icons/DigitalProductsIcon.tsx +58 -0
  203. package/src/icons/DiscountIcon.tsx +24 -0
  204. package/src/icons/Diversity1Icon.tsx +22 -0
  205. package/src/icons/Diversity2Icon.tsx +22 -0
  206. package/src/icons/Diversity3Icon.tsx +22 -0
  207. package/src/icons/DnsIcon.tsx +35 -0
  208. package/src/icons/DoNotDisturbOnFilledIcon.tsx +35 -0
  209. package/src/icons/DoNotDisturbOnIcon.tsx +35 -0
  210. package/src/icons/DomainAddIcon.tsx +35 -0
  211. package/src/icons/DomainIcon.tsx +35 -0
  212. package/src/icons/DomainVerificationIcon.tsx +35 -0
  213. package/src/icons/DownloadIcon.tsx +35 -0
  214. package/src/icons/DraftsIcon.tsx +35 -0
  215. package/src/icons/DragHandleIcon.tsx +35 -0
  216. package/src/icons/DragIndicatorIcon.tsx +35 -0
  217. package/src/icons/EditFilledIcon.tsx +35 -0
  218. package/src/icons/EditIcon.tsx +35 -0
  219. package/src/icons/EmojiEventsFilledIcon.tsx +35 -0
  220. package/src/icons/EmojiEventsIcon.tsx +35 -0
  221. package/src/icons/EmojiFoodBeverageIcon.tsx +35 -0
  222. package/src/icons/EmojiIcon.tsx +35 -0
  223. package/src/icons/EmptyIcon.tsx +22 -0
  224. package/src/icons/ErrorFilledIcon.tsx +35 -0
  225. package/src/icons/ErrorIcon.tsx +35 -0
  226. package/src/icons/EventFilledIcon.tsx +35 -0
  227. package/src/icons/EventIcon.tsx +35 -0
  228. package/src/icons/EventTicketIcon.tsx +54 -0
  229. package/src/icons/ExpandLessIcon.tsx +40 -0
  230. package/src/icons/ExpandMoreIcon.tsx +35 -0
  231. package/src/icons/FastActionPricingIcon.tsx +58 -0
  232. package/src/icons/FeedFilledIcon.tsx +35 -0
  233. package/src/icons/FeedIcon.tsx +35 -0
  234. package/src/icons/FilePresentIcon.tsx +35 -0
  235. package/src/icons/FilterListIcon.tsx +35 -0
  236. package/src/icons/FitbitArrowDownIcon.tsx +35 -0
  237. package/src/icons/FitbitArrowUpwardIcon.tsx +35 -0
  238. package/src/icons/FlagIcon.tsx +35 -0
  239. package/src/icons/FormatAlignCenterIcon.tsx +35 -0
  240. package/src/icons/FormatAlignJustifyIcon.tsx +35 -0
  241. package/src/icons/FormatAlignLeftIcon.tsx +35 -0
  242. package/src/icons/FormatAlignRightIcon.tsx +35 -0
  243. package/src/icons/FormatBoldIcon.tsx +35 -0
  244. package/src/icons/FormatItalicIcon.tsx +35 -0
  245. package/src/icons/FormatListBulletedIcon.tsx +35 -0
  246. package/src/icons/FormatListNumberedIcon.tsx +35 -0
  247. package/src/icons/FormatSizeIcon.tsx +35 -0
  248. package/src/icons/FormatUnderlineIcon.tsx +35 -0
  249. package/src/icons/ForumIcon.tsx +35 -0
  250. package/src/icons/ForwardToInboxIcon.tsx +35 -0
  251. package/src/icons/GalleryThumbnailIcon.tsx +35 -0
  252. package/src/icons/GppBadFilledIcon.tsx +35 -0
  253. package/src/icons/GppBadIcon.tsx +35 -0
  254. package/src/icons/GppMaybeFilledIcon.tsx +35 -0
  255. package/src/icons/GppMaybeIcon.tsx +35 -0
  256. package/src/icons/GridViewIcon.tsx +35 -0
  257. package/src/icons/GroupFilledIcon.tsx +35 -0
  258. package/src/icons/GroupIcon.tsx +35 -0
  259. package/src/icons/HeadphonesIcon.tsx +35 -0
  260. package/src/icons/HomeFilledIcon.tsx +35 -0
  261. package/src/icons/HomeIcon.tsx +35 -0
  262. package/src/icons/HomePinIcon.tsx +35 -0
  263. package/src/icons/HourGlassEmptyIcon.tsx +35 -0
  264. package/src/icons/HubIcon.tsx +22 -0
  265. package/src/icons/InfoFilledIcon.tsx +35 -0
  266. package/src/icons/InfoGradientFilledIcon.tsx +49 -0
  267. package/src/icons/InfoIcon.tsx +35 -0
  268. package/src/icons/InsertChartFilledIcon.tsx +35 -0
  269. package/src/icons/InsertChartIcon.tsx +35 -0
  270. package/src/icons/InventoryIcon.tsx +22 -0
  271. package/src/icons/IosShareIcon.tsx +35 -0
  272. package/src/icons/KeyboardBackspaceIcon.tsx +35 -0
  273. package/src/icons/LanguageIcon.tsx +35 -0
  274. package/src/icons/LibraryMusicIcon.tsx +35 -0
  275. package/src/icons/LinkIcon.tsx +35 -0
  276. package/src/icons/LinkOffIcon.tsx +35 -0
  277. package/src/icons/LocalActivityIcon.tsx +35 -0
  278. package/src/icons/LocalFloristFilledIcon.tsx +35 -0
  279. package/src/icons/LocalFloristIcon.tsx +35 -0
  280. package/src/icons/LocationOnIcon.tsx +35 -0
  281. package/src/icons/LockIcon.tsx +35 -0
  282. package/src/icons/LoginIcon.tsx +35 -0
  283. package/src/icons/LogoutIcon.tsx +43 -0
  284. package/src/icons/MailIcon.tsx +35 -0
  285. package/src/icons/MarkUnreadChatIcon.tsx +35 -0
  286. package/src/icons/MasterClassIcon.tsx +74 -0
  287. package/src/icons/MediaLinkFilledIcon.tsx +35 -0
  288. package/src/icons/MediaLinkIcon.tsx +35 -0
  289. package/src/icons/MenuIcon.tsx +35 -0
  290. package/src/icons/MenuOpenIcon.tsx +35 -0
  291. package/src/icons/MilitaryTechFilledIcon.tsx +35 -0
  292. package/src/icons/MilitaryTechIcon.tsx +35 -0
  293. package/src/icons/MonitoringIcon.tsx +35 -0
  294. package/src/icons/MoreHorizontalIcon.tsx +35 -0
  295. package/src/icons/MoreHorizontalSmallIcon.tsx +35 -0
  296. package/src/icons/MoreVerticalIcon.tsx +35 -0
  297. package/src/icons/NotificationsFilledIcon.tsx +40 -0
  298. package/src/icons/NotificationsIcon.tsx +35 -0
  299. package/src/icons/OpenInNewIcon.tsx +35 -0
  300. package/src/icons/OthersIcon.tsx +58 -0
  301. package/src/icons/PageViewIcon.tsx +35 -0
  302. package/src/icons/PaidIcon.tsx +35 -0
  303. package/src/icons/PaletteFilledIcon.tsx +35 -0
  304. package/src/icons/PaletteIcon.tsx +35 -0
  305. package/src/icons/PauseIcon.tsx +22 -0
  306. package/src/icons/PayInTranchesIcon.tsx +29 -0
  307. package/src/icons/PaymentsFilledIcon.tsx +35 -0
  308. package/src/icons/PaymentsIcon.tsx +35 -0
  309. package/src/icons/PendingActionsIcon.tsx +35 -0
  310. package/src/icons/PermMediaIcon.tsx +35 -0
  311. package/src/icons/PersonAddIcon.tsx +35 -0
  312. package/src/icons/PersonIcon.tsx +35 -0
  313. package/src/icons/PhotoCameraIcon.tsx +35 -0
  314. package/src/icons/PhotoFilledIcon.tsx +35 -0
  315. package/src/icons/PhotoIcon.tsx +35 -0
  316. package/src/icons/PhotoLibraryFilledIcon.tsx +35 -0
  317. package/src/icons/PhotoLibraryIcon.tsx +35 -0
  318. package/src/icons/PictureAsPdfFilledIcon.tsx +35 -0
  319. package/src/icons/PictureAsPdfIcon.tsx +35 -0
  320. package/src/icons/PlayArrowIcon.tsx +32 -0
  321. package/src/icons/PlayCircleFilledIcon.tsx +35 -0
  322. package/src/icons/PlayCircleIcon.tsx +22 -0
  323. package/src/icons/PowerRoundedIcon.tsx +35 -0
  324. package/src/icons/PreviewIcon.tsx +35 -0
  325. package/src/icons/PublicIcon.tsx +22 -0
  326. package/src/icons/PublishIcon.tsx +35 -0
  327. package/src/icons/PushPinFilledIcon.tsx +35 -0
  328. package/src/icons/PushPinIcon.tsx +35 -0
  329. package/src/icons/QrCode2Icon.tsx +35 -0
  330. package/src/icons/RadioButtonCheckedIcon.tsx +35 -0
  331. package/src/icons/RadioButtonUncheckedIcon.tsx +35 -0
  332. package/src/icons/RecieptLongFilledIcon.tsx +35 -0
  333. package/src/icons/RecieptLongIcon.tsx +35 -0
  334. package/src/icons/RecordVoiceOverIcon.tsx +35 -0
  335. package/src/icons/RedeemIcon.tsx +35 -0
  336. package/src/icons/RedoIcon.tsx +35 -0
  337. package/src/icons/RemoveIcon.tsx +32 -0
  338. package/src/icons/RemoveRoadIcon.tsx +35 -0
  339. package/src/icons/ReportFilledIcon.tsx +35 -0
  340. package/src/icons/ReportIcon.tsx +35 -0
  341. package/src/icons/ReviewsIcon.tsx +43 -0
  342. package/src/icons/SavingsFilledIcon.tsx +35 -0
  343. package/src/icons/SavingsIcon.tsx +35 -0
  344. package/src/icons/ScheduleIcon.tsx +35 -0
  345. package/src/icons/ScheduleSendIcon.tsx +35 -0
  346. package/src/icons/SearchNormalIcon.tsx +32 -0
  347. package/src/icons/SellIcon.tsx +35 -0
  348. package/src/icons/SendIcon.tsx +35 -0
  349. package/src/icons/ServicesIcon.tsx +39 -0
  350. package/src/icons/SettingsFilledIcon.tsx +35 -0
  351. package/src/icons/SettingsIcon.tsx +35 -0
  352. package/src/icons/ShareIcon.tsx +35 -0
  353. package/src/icons/ShareWithContactsIcon.tsx +62 -0
  354. package/src/icons/ShareWithSocialsIcon.tsx +64 -0
  355. package/src/icons/ShoppingCartFilledIcon.tsx +35 -0
  356. package/src/icons/ShoppingCartIcon.tsx +35 -0
  357. package/src/icons/ShuffleIcon.tsx +35 -0
  358. package/src/icons/SmartPhoneIcon.tsx +35 -0
  359. package/src/icons/SocialLeaderboardIcon.tsx +35 -0
  360. package/src/icons/StarFilledIcon.tsx +35 -0
  361. package/src/icons/StarHalfIcon.tsx +35 -0
  362. package/src/icons/StarIcon.tsx +35 -0
  363. package/src/icons/StoreFrontFilledIcon.tsx +35 -0
  364. package/src/icons/StoreFrontIcon.tsx +35 -0
  365. package/src/icons/StrikeThroughSIcon.tsx +35 -0
  366. package/src/icons/StyleIcon.tsx +35 -0
  367. package/src/icons/SubscriptionIcon.tsx +46 -0
  368. package/src/icons/SubscriptionsFilledIcon.tsx +35 -0
  369. package/src/icons/SubscriptionsIcon.tsx +35 -0
  370. package/src/icons/SupervisorAccountIcon.tsx +35 -0
  371. package/src/icons/SwitchAccountFilledIcon.tsx +35 -0
  372. package/src/icons/SwitchAccountIcon.tsx +35 -0
  373. package/src/icons/SyncSavedLocallyIcon.tsx +35 -0
  374. package/src/icons/TabletIcon.tsx +35 -0
  375. package/src/icons/ThumbDownFilledIcon.tsx +22 -0
  376. package/src/icons/ThumbDownIcon.tsx +22 -0
  377. package/src/icons/ThumbUpFilledIcon.tsx +22 -0
  378. package/src/icons/ThumbUpIcon.tsx +22 -0
  379. package/src/icons/TocIcon.tsx +35 -0
  380. package/src/icons/TrainingsIcon.tsx +37 -0
  381. package/src/icons/TrashDeleteBinIcon.tsx +36 -0
  382. package/src/icons/TrendingUpIcon.tsx +35 -0
  383. package/src/icons/UndoIcon.tsx +35 -0
  384. package/src/icons/UnfoldMoreIcon.tsx +35 -0
  385. package/src/icons/UploadIcon.tsx +35 -0
  386. package/src/icons/VerifiedIcon.tsx +24 -0
  387. package/src/icons/ViewAgendaIcon.tsx +22 -0
  388. package/src/icons/ViewArrayIcon.tsx +35 -0
  389. package/src/icons/ViewCarouselIcon.tsx +35 -0
  390. package/src/icons/ViewCozyIcon.tsx +22 -0
  391. package/src/icons/ViewModuleIcon.tsx +35 -0
  392. package/src/icons/VisibilityIcon.tsx +35 -0
  393. package/src/icons/VisibilityOffIcon.tsx +35 -0
  394. package/src/icons/VolunteerActivismFilledIcon.tsx +35 -0
  395. package/src/icons/VolunteerActivismIcon.tsx +35 -0
  396. package/src/icons/WBSunnyIcon.tsx +35 -0
  397. package/src/icons/WarningFilledIcon.tsx +35 -0
  398. package/src/icons/WarningIcon.tsx +35 -0
  399. package/src/icons/WebinarsIcon.tsx +57 -0
  400. package/src/icons/WidgetsFilledIcon.tsx +35 -0
  401. package/src/icons/WidgetsIcon.tsx +35 -0
  402. package/src/icons/WorkshopsIcon.tsx +50 -0
  403. package/src/icons/index.ts +305 -0
  404. package/src/pages/Home.tsx +30 -0
  405. package/src/pages/Login.tsx +13 -0
  406. package/src/pages/Page404.tsx +13 -0
  407. package/src/pages/index.tsx +21 -0
  408. package/src/routes/index.tsx +7 -0
  409. package/src/stories/Accordion/Accordion.stories.tsx +100 -0
  410. package/src/stories/Accordion/AccordionWrapper.tsx +16 -0
  411. package/src/stories/Avatars/Avatar.stories.ts +57 -0
  412. package/src/stories/Buttons/Button.stories.tsx +95 -0
  413. package/src/stories/Buttons/IconButton.stories.ts +68 -0
  414. package/src/stories/Buttons/IconButtonWrapper.tsx +14 -0
  415. package/src/stories/Colors.mdx +12 -0
  416. package/src/stories/Configure.mdx +371 -0
  417. package/src/stories/InputFields/InputFields.stories.ts +54 -0
  418. package/src/stories/InputFields/MarkdownEditor.stories.ts +20 -0
  419. package/src/stories/InputFields/SearchInput.stories.ts +22 -0
  420. package/src/stories/InputFields/SearchInput.tsx +19 -0
  421. package/src/stories/InputFields/Select/CountrySelect.stories.tsx +21 -0
  422. package/src/stories/InputFields/Select/CountrySelectWrapper.tsx +25 -0
  423. package/src/stories/InputFields/Select/CreatableSelect.stories.tsx +48 -0
  424. package/src/stories/InputFields/Select/CreatableSelectWrapper.tsx +25 -0
  425. package/src/stories/InputFields/Select/PhoneNumberInput.stories.tsx +33 -0
  426. package/src/stories/InputFields/Select/PhoneNumberInputWrapper.tsx +21 -0
  427. package/src/stories/InputFields/Select/Select.stories.tsx +49 -0
  428. package/src/stories/InputFields/Select/SelectWrapper.tsx +25 -0
  429. package/src/stories/InputFields/TextArea.stories.ts +22 -0
  430. package/src/stories/InputFields/UsernameInput.stories.ts +22 -0
  431. package/src/stories/Tiles/Tile.stories.tsx +71 -0
  432. package/src/stories/Tiles/TileWrapper.tsx +17 -0
  433. package/src/stories/Typography/DisplayText.stories.ts +52 -0
  434. package/src/stories/Typography/HeadingText.stories.ts +86 -0
  435. package/src/stories/Typography/ParagraphText.stories.ts +62 -0
  436. package/src/stories/Typography/SubtitleText.stories.ts +93 -0
  437. package/src/stories/Uploaders/FileUploadWrapper.tsx +25 -0
  438. package/src/stories/Uploaders/FileUploader.stories.tsx +17 -0
  439. package/src/stories/Uploaders/ImageUploadWrapper.tsx +30 -0
  440. package/src/stories/Uploaders/ImageUploader.stories.tsx +19 -0
  441. package/src/stories/assets/accessibility.png +0 -0
  442. package/src/stories/assets/accessibility.svg +5 -0
  443. package/src/stories/assets/addon-library.png +0 -0
  444. package/src/stories/assets/assets.png +0 -0
  445. package/src/stories/assets/context.png +0 -0
  446. package/src/stories/assets/discord.svg +15 -0
  447. package/src/stories/assets/docs.png +0 -0
  448. package/src/stories/assets/figma-plugin.png +0 -0
  449. package/src/stories/assets/github.svg +3 -0
  450. package/src/stories/assets/share.png +0 -0
  451. package/src/stories/assets/styling.png +0 -0
  452. package/src/stories/assets/testing.png +0 -0
  453. package/src/stories/assets/theming.png +0 -0
  454. package/src/stories/assets/tutorials.svg +12 -0
  455. package/src/stories/assets/youtube.svg +4 -0
  456. package/src/stories/colors/index.ts +4 -0
  457. package/src/stories/controls/Chip.stories.ts +42 -0
  458. package/src/stories/controls/DoubleTab.stories.ts +32 -0
  459. package/src/stories/controls/DoubleTabWrapper.tsx +15 -0
  460. package/src/stories/controls/Pagination.stories.ts +21 -0
  461. package/src/stories/controls/PaginationWrapper.tsx +23 -0
  462. package/src/stories/controls/RadioButton.stories.ts +49 -0
  463. package/src/stories/controls/RectangleCheckButton.stories.ts +41 -0
  464. package/src/stories/controls/RoundCheckButton.stories.ts +41 -0
  465. package/src/stories/controls/Stepper.stories.ts +37 -0
  466. package/src/stories/controls/StepperDemoCmp.tsx +37 -0
  467. package/src/stories/controls/TabMenu.stories.ts +33 -0
  468. package/src/stories/controls/TabMenuWrapper.tsx +14 -0
  469. package/src/stories/controls/ToggleButton.stories.ts +41 -0
  470. package/src/stories/icons/Icons.mdx +26 -0
  471. package/src/stories/icons/index.ts +613 -0
  472. package/src/stories/notifications/Banner.stories.ts +88 -0
  473. package/src/stories/notifications/ClickTooltip.stories.ts +21 -0
  474. package/src/stories/notifications/ClickTooltipWrapper.tsx +19 -0
  475. package/src/stories/notifications/HoverTooltip.stories.ts +35 -0
  476. package/src/stories/notifications/HoverTooltipWrapper.tsx +16 -0
  477. package/src/stories/notifications/Snackbar.stories.ts +17 -0
  478. package/src/stories/notifications/SnackbarWrapper.tsx +107 -0
  479. package/src/utils/countries-flag.json +1752 -0
  480. package/tsconfig.json +34 -0
  481. package/vite.config.ts +27 -0
@@ -0,0 +1,62 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const ShareWithContactsIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 20 20"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <path
15
+ d="M10.6855 18.9084H2.37059C1.54823 18.9084 1 18.543 1 17.9034V2.00506C1 1.45685 1.54823 1 2.37059 1H15.8023C16.6247 1 17.1729 1.36548 17.1729 2.00506V6.02532"
16
+ stroke="#131316"
17
+ strokeWidth="0.8"
18
+ strokeMiterlimit="10"
19
+ strokeLinecap="round"
20
+ />
21
+ <path
22
+ d="M17.3556 12.2385C18.264 12.2385 19.0003 11.5022 19.0003 10.5939C19.0003 9.68555 18.264 8.94922 17.3556 8.94922C16.4473 8.94922 15.7109 9.68555 15.7109 10.5939C15.7109 11.5022 16.4473 12.2385 17.3556 12.2385Z"
23
+ stroke="#131316"
24
+ strokeWidth="0.8"
25
+ strokeMiterlimit="10"
26
+ />
27
+ <path
28
+ d="M17.3556 19.4567C18.264 19.4567 19.0003 18.7204 19.0003 17.8121C19.0003 16.9038 18.264 16.1674 17.3556 16.1674C16.4473 16.1674 15.7109 16.9038 15.7109 17.8121C15.7109 18.7204 16.4473 19.4567 17.3556 19.4567Z"
29
+ stroke="#131316"
30
+ strokeWidth="0.8"
31
+ strokeMiterlimit="10"
32
+ />
33
+ <path
34
+ d="M10.8686 15.7105C11.7769 15.7105 12.5133 14.9742 12.5133 14.0659C12.5133 13.1575 11.7769 12.4212 10.8686 12.4212C9.96024 12.4212 9.22388 13.1575 9.22388 14.0659C9.22388 14.9742 9.96024 15.7105 10.8686 15.7105Z"
35
+ stroke="#131316"
36
+ strokeWidth="0.8"
37
+ strokeMiterlimit="10"
38
+ />
39
+ <path
40
+ d="M12.4219 13.1522L15.7113 11.0507"
41
+ stroke="#131316"
42
+ strokeWidth="0.8"
43
+ strokeMiterlimit="10"
44
+ />
45
+ <path
46
+ d="M12.4219 14.7054L16.0768 17.1724"
47
+ stroke="#131316"
48
+ strokeWidth="0.8"
49
+ strokeMiterlimit="10"
50
+ />
51
+ <path
52
+ d="M4.56384 6.66498H11.5995"
53
+ stroke="#131316"
54
+ strokeWidth="0.8"
55
+ strokeMiterlimit="10"
56
+ strokeLinecap="round"
57
+ />
58
+ </Icon>
59
+ );
60
+ };
61
+
62
+ export default ShareWithContactsIcon;
@@ -0,0 +1,64 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const ShareWithSocialsIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 20 20"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <path
15
+ d="M12.546 8.36962C13.3459 8.36962 13.9944 7.72113 13.9944 6.92117C13.9944 6.12121 13.3459 5.47272 12.546 5.47272C11.746 5.47272 11.0975 6.12121 11.0975 6.92117C11.0975 7.72113 11.746 8.36962 12.546 8.36962Z"
16
+ stroke="#131316"
17
+ strokeWidth="0.8"
18
+ strokeMiterlimit="10"
19
+ />
20
+ <path
21
+ d="M12.546 14.845C13.3459 14.845 13.9944 14.1965 13.9944 13.3966C13.9944 12.5966 13.3459 11.9481 12.546 11.9481C11.746 11.9481 11.0975 12.5966 11.0975 13.3966C11.0975 14.1965 11.746 14.845 12.546 14.845Z"
22
+ stroke="#131316"
23
+ strokeWidth="0.8"
24
+ strokeMiterlimit="10"
25
+ />
26
+ <path
27
+ d="M6.75229 11.4369C7.55224 11.4369 8.20074 10.7884 8.20074 9.98843C8.20074 9.18847 7.55224 8.53998 6.75229 8.53998C5.95233 8.53998 5.30383 9.18847 5.30383 9.98843C5.30383 10.7884 5.95233 11.4369 6.75229 11.4369Z"
28
+ stroke="#131316"
29
+ strokeWidth="0.8"
30
+ strokeMiterlimit="10"
31
+ />
32
+ <path
33
+ d="M8.11536 9.13643L11.0123 7.26196"
34
+ stroke="#131316"
35
+ strokeWidth="0.8"
36
+ strokeMiterlimit="10"
37
+ />
38
+ <path
39
+ d="M8.11536 10.5849L11.3531 12.8002"
40
+ stroke="#131316"
41
+ strokeWidth="0.8"
42
+ strokeMiterlimit="10"
43
+ />
44
+ <path
45
+ d="M1.89546 13.9079C1.21383 12.4594 0.873019 10.6702 1.04343 8.8809C1.55464 4.96156 4.62195 1.72384 8.54129 1.12742C14.6759 0.104985 19.9585 5.38757 18.9361 11.5222C18.3396 15.3563 15.1019 18.4236 11.2678 18.9349C9.05251 19.1905 7.00764 18.6793 5.30358 17.6568"
46
+ stroke="#131316"
47
+ strokeWidth="0.8"
48
+ strokeMiterlimit="10"
49
+ strokeLinecap="round"
50
+ strokeLinejoin="round"
51
+ />
52
+ <path
53
+ d="M1.98033 13.993L1.29871 18.0828C1.29871 18.3384 1.46911 18.5088 1.72472 18.4236L5.21805 17.5716"
54
+ stroke="#131316"
55
+ strokeWidth="0.8"
56
+ strokeMiterlimit="10"
57
+ strokeLinecap="round"
58
+ strokeLinejoin="round"
59
+ />
60
+ </Icon>
61
+ );
62
+ };
63
+
64
+ export default ShareWithSocialsIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const ShoppingCartFilledIcon = (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_8978"
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_8978)">
26
+ <path
27
+ d="M7.3 21.125C6.88333 21.125 6.52933 20.9793 6.238 20.688C5.946 20.396 5.8 20.0417 5.8 19.625C5.8 19.1917 5.946 18.8333 6.238 18.55C6.52933 18.2667 6.88333 18.125 7.3 18.125C7.73333 18.125 8.09167 18.2667 8.375 18.55C8.65833 18.8333 8.8 19.1917 8.8 19.625C8.8 20.0417 8.65833 20.396 8.375 20.688C8.09167 20.9793 7.73333 21.125 7.3 21.125ZM16.7 21.125C16.2667 21.125 15.9083 20.9793 15.625 20.688C15.3417 20.396 15.2 20.0417 15.2 19.625C15.2 19.1917 15.3417 18.8333 15.625 18.55C15.9083 18.2667 16.2667 18.125 16.7 18.125C17.1167 18.125 17.4707 18.2667 17.762 18.55C18.054 18.8333 18.2 19.1917 18.2 19.625C18.2 20.0417 18.054 20.396 17.762 20.688C17.4707 20.9793 17.1167 21.125 16.7 21.125ZM5.4 4.5H18.4C18.85 4.5 19.1833 4.679 19.4 5.037C19.6167 5.39567 19.625 5.75833 19.425 6.125L16.575 11.325C16.425 11.575 16.2333 11.7707 16 11.912C15.7667 12.054 15.5167 12.125 15.25 12.125H8.1L6.875 14.35C6.775 14.5 6.775 14.6667 6.875 14.85C6.975 15.0333 7.11667 15.125 7.3 15.125H18.2V16.125H7.3C6.71667 16.125 6.28333 15.879 6 15.387C5.71667 14.8957 5.70833 14.4 5.975 13.9L7.475 11.225L3.8 3.5H2V2.5H4.45L5.4 4.5Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default ShoppingCartFilledIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const ShoppingCartIcon = (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_8975"
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_8975)">
26
+ <path
27
+ d="M7.3 21.125C6.88333 21.125 6.52933 20.9793 6.238 20.688C5.946 20.396 5.8 20.0417 5.8 19.625C5.8 19.1917 5.946 18.8333 6.238 18.55C6.52933 18.2667 6.88333 18.125 7.3 18.125C7.73333 18.125 8.09167 18.2667 8.375 18.55C8.65833 18.8333 8.8 19.1917 8.8 19.625C8.8 20.0417 8.65833 20.396 8.375 20.688C8.09167 20.9793 7.73333 21.125 7.3 21.125ZM16.7 21.125C16.2667 21.125 15.9083 20.9793 15.625 20.688C15.3417 20.396 15.2 20.0417 15.2 19.625C15.2 19.1917 15.3417 18.8333 15.625 18.55C15.9083 18.2667 16.2667 18.125 16.7 18.125C17.1167 18.125 17.4707 18.2667 17.762 18.55C18.054 18.8333 18.2 19.1917 18.2 19.625C18.2 20.0417 18.054 20.396 17.762 20.688C17.4707 20.9793 17.1167 21.125 16.7 21.125ZM5.875 5.5L8.55 11.125H15.175C15.2917 11.125 15.396 11.0957 15.488 11.037C15.5793 10.979 15.6583 10.9 15.725 10.8L18.35 6.05C18.4167 5.9 18.4167 5.77067 18.35 5.662C18.2833 5.554 18.175 5.5 18.025 5.5H5.875ZM5.4 4.5H18.4C18.85 4.5 19.1833 4.679 19.4 5.037C19.6167 5.39567 19.625 5.75833 19.425 6.125L16.575 11.325C16.425 11.575 16.2333 11.7707 16 11.912C15.7667 12.054 15.5167 12.125 15.25 12.125H8.1L6.875 14.35C6.775 14.5 6.775 14.6667 6.875 14.85C6.975 15.0333 7.11667 15.125 7.3 15.125H18.2V16.125H7.3C6.71667 16.125 6.28333 15.879 6 15.387C5.71667 14.8957 5.70833 14.4 5.975 13.9L7.475 11.225L3.8 3.5H2V2.5H4.45L5.4 4.5Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default ShoppingCartIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const ShuffleIcon = (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_8622"
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_8622)">
26
+ <path
27
+ d="M9.34802 10.0173L5.06532 5.71537C4.95892 5.62179 4.90572 5.51026 4.90572 5.38078C4.90572 5.25128 4.95892 5.13333 5.06532 5.02693C5.15892 4.93333 5.27047 4.88652 5.39995 4.88652C5.52943 4.88652 5.64097 4.93333 5.73457 5.02693L10.0365 9.32885L9.34802 10.0173ZM14.9999 19.5C14.8583 19.5 14.7395 19.452 14.6437 19.3561C14.5479 19.2601 14.4999 19.1412 14.4999 18.9993C14.4999 18.8575 14.5479 18.7388 14.6437 18.6433C14.7395 18.5478 14.8583 18.5 14.9999 18.5H17.8307L13.9826 14.6519L14.6961 13.9384L18.4999 17.7423V15C18.4999 14.8583 18.5479 14.7396 18.6439 14.6438C18.7399 14.5479 18.8588 14.5 19.0006 14.5C19.1425 14.5 19.2612 14.5479 19.3567 14.6438C19.4522 14.7396 19.4999 14.8583 19.4999 15V18.6923C19.4999 18.9212 19.4225 19.113 19.2677 19.2678C19.1129 19.4226 18.9211 19.5 18.6923 19.5H14.9999ZM5.0461 18.9538C4.93968 18.8474 4.88647 18.7295 4.88647 18.6C4.88647 18.4705 4.93968 18.3526 5.0461 18.2462L17.7923 5.5H14.9999C14.8583 5.5 14.7395 5.45202 14.6437 5.35605C14.5479 5.2601 14.4999 5.14119 14.4999 4.99933C14.4999 4.85746 14.5479 4.73878 14.6437 4.64328C14.7395 4.54776 14.8583 4.5 14.9999 4.5H18.6923C18.9211 4.5 19.1129 4.5774 19.2677 4.7322C19.4225 4.88702 19.4999 5.07885 19.4999 5.3077V9C19.4999 9.14167 19.452 9.26042 19.356 9.35625C19.26 9.45208 19.1411 9.5 18.9993 9.5C18.8574 9.5 18.7387 9.45208 18.6432 9.35625C18.5477 9.26042 18.4999 9.14167 18.4999 9V6.2077L5.7538 18.9538C5.64738 19.0603 5.52943 19.1135 5.39995 19.1135C5.27047 19.1135 5.15252 19.0603 5.0461 18.9538Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default ShuffleIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const SmartPhoneIcon = (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_9120"
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_9120)">
26
+ <path
27
+ d="M7.61537 22C7.15512 22 6.77083 21.8458 6.4625 21.5375C6.15417 21.2292 6 20.8449 6 20.3846V3.61537C6 3.15512 6.15417 2.77083 6.4625 2.4625C6.77083 2.15417 7.15512 2 7.61537 2H16.3846C16.8449 2 17.2292 2.15417 17.5375 2.4625C17.8458 2.77083 18 3.15512 18 3.61537V20.3846C18 20.8449 17.8458 21.2292 17.5375 21.5375C17.2292 21.8458 16.8449 22 16.3846 22H7.61537ZM7 19.5V20.3846C7 20.5385 7.0641 20.6795 7.1923 20.8077C7.32052 20.9359 7.46154 21 7.61537 21H16.3846C16.5385 21 16.6795 20.9359 16.8077 20.8077C16.9359 20.6795 17 20.5385 17 20.3846V19.5H7ZM7 18.5H17V5.5H7V18.5ZM7 4.5H17V3.61537C17 3.46154 16.9359 3.32052 16.8077 3.1923C16.6795 3.0641 16.5385 3 16.3846 3H7.61537C7.46154 3 7.32052 3.0641 7.1923 3.1923C7.0641 3.32052 7 3.46154 7 3.61537V4.5Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default SmartPhoneIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const SocialLeaderboardIcon = (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_9176"
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_9176)">
26
+ <path
27
+ d="M7.475 21C5.95833 21 4.66667 20.4667 3.6 19.4C2.53333 18.3333 2 17.0417 2 15.525C2 14.0917 2.47917 12.8542 3.4375 11.8125C4.39583 10.7708 5.59167 10.1917 7.025 10.075L3.725 3.45C3.55833 3.11667 3.57083 2.79167 3.7625 2.475C3.95417 2.15833 4.24167 2 4.625 2H8.775C9.15833 2 9.50417 2.1 9.8125 2.3C10.1208 2.5 10.3667 2.76667 10.55 3.1L12 6L13.45 3.1C13.6333 2.76667 13.8792 2.5 14.1875 2.3C14.4958 2.1 14.8417 2 15.225 2H19.375C19.7583 2 20.0458 2.15833 20.2375 2.475C20.4292 2.79167 20.4417 3.11667 20.275 3.45L17 10.025C18.4167 10.1583 19.6042 10.7458 20.5625 11.7875C21.5208 12.8292 22 14.0667 22 15.5C22 17.0333 21.4667 18.3333 20.4 19.4C19.3333 20.4667 18.0333 21 16.5 21C16.35 21 16.1958 20.9958 16.0375 20.9875C15.8792 20.9792 15.725 20.9583 15.575 20.925C16.4917 20.325 17.2083 19.5458 17.725 18.5875C18.2417 17.6292 18.5 16.6 18.5 15.5C18.5 13.6833 17.8708 12.1458 16.6125 10.8875C15.3542 9.62917 13.8167 9 12 9C10.1833 9 8.64583 9.62917 7.3875 10.8875C6.12917 12.1458 5.5 13.6833 5.5 15.5C5.5 16.6333 5.73333 17.7 6.2 18.7C6.66667 19.7 7.4 20.4417 8.4 20.925C8.25 20.9583 8.09583 20.9792 7.9375 20.9875C7.77917 20.9958 7.625 21 7.475 21ZM12 20C10.75 20 9.6875 19.5625 8.8125 18.6875C7.9375 17.8125 7.5 16.75 7.5 15.5C7.5 14.25 7.9375 13.1875 8.8125 12.3125C9.6875 11.4375 10.75 11 12 11C13.25 11 14.3125 11.4375 15.1875 12.3125C16.0625 13.1875 16.5 14.25 16.5 15.5C16.5 16.75 16.0625 17.8125 15.1875 18.6875C14.3125 19.5625 13.25 20 12 20ZM12 16.85L13.225 17.775C13.325 17.8583 13.425 17.8625 13.525 17.7875C13.625 17.7125 13.6583 17.6167 13.625 17.5L13.15 15.975L14.375 15.1C14.475 15.0167 14.5083 14.9208 14.475 14.8125C14.4417 14.7042 14.3583 14.65 14.225 14.65H12.725L12.25 13.025C12.2167 12.9083 12.1333 12.85 12 12.85C11.8667 12.85 11.7833 12.9083 11.75 13.025L11.275 14.65H9.775C9.64167 14.65 9.55833 14.7042 9.525 14.8125C9.49167 14.9208 9.525 15.0167 9.625 15.1L10.85 15.975L10.375 17.5C10.3417 17.6167 10.375 17.7125 10.475 17.7875C10.575 17.8625 10.675 17.8583 10.775 17.775L12 16.85Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default SocialLeaderboardIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const StarFilledIcon = (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_9182"
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_9182)">
26
+ <path
27
+ d="M12 17.6884L8.1096 20.0345C7.96474 20.1191 7.81955 20.1547 7.67405 20.1412C7.52854 20.1278 7.3968 20.0787 7.27885 19.9941C7.16092 19.9095 7.0699 19.7989 7.0058 19.6624C6.94169 19.5259 6.93143 19.3749 6.97503 19.2095L8.0077 14.7922L4.5731 11.8192C4.4449 11.7076 4.36318 11.5785 4.32793 11.4317C4.29268 11.2849 4.30197 11.1423 4.3558 11.0038C4.40965 10.8653 4.48722 10.7522 4.5885 10.6644C4.68979 10.5766 4.82825 10.5192 5.00388 10.4923L9.53655 10.0961L11.2962 5.92499C11.3603 5.76987 11.4574 5.65513 11.5875 5.58076C11.7176 5.50641 11.8551 5.46924 12 5.46924C12.1448 5.46924 12.2823 5.50641 12.4125 5.58076C12.5426 5.65513 12.6397 5.76987 12.7038 5.92499L14.4634 10.0961L18.9961 10.4923C19.1717 10.5192 19.3102 10.5766 19.4115 10.6644C19.5127 10.7522 19.5903 10.8653 19.6442 11.0038C19.698 11.1423 19.7073 11.2849 19.672 11.4317C19.6368 11.5785 19.5551 11.7076 19.4269 11.8192L15.9923 14.7922L17.0249 19.2095C17.0685 19.3749 17.0583 19.5259 16.9942 19.6624C16.9301 19.7989 16.839 19.9095 16.7211 19.9941C16.6032 20.0787 16.4714 20.1278 16.3259 20.1412C16.1804 20.1547 16.0352 20.1191 15.8904 20.0345L12 17.6884Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default StarFilledIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const StarHalfIcon = (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_9179"
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_9179)">
26
+ <path
27
+ d="M12 8.12494V15.9249L15.15 17.8499L14.325 14.2499L17.1 11.8499L13.45 11.5249L12 8.12494ZM12 17.6884L8.1096 20.0345C7.96474 20.1191 7.81955 20.1547 7.67405 20.1412C7.52854 20.1278 7.3968 20.0787 7.27885 19.9941C7.16092 19.9095 7.0699 19.7989 7.0058 19.6624C6.94169 19.5259 6.93143 19.3749 6.97503 19.2095L8.0077 14.7922L4.5731 11.8192C4.4449 11.7076 4.36318 11.5785 4.32793 11.4317C4.29268 11.2849 4.30197 11.1423 4.3558 11.0038C4.40965 10.8653 4.48722 10.7522 4.5885 10.6644C4.68979 10.5766 4.82825 10.5192 5.00388 10.4923L9.53655 10.0961L11.2962 5.92499C11.3603 5.76987 11.4574 5.65513 11.5875 5.58076C11.7176 5.50641 11.8551 5.46924 12 5.46924C12.1448 5.46924 12.2823 5.50641 12.4125 5.58076C12.5426 5.65513 12.6397 5.76987 12.7038 5.92499L14.4634 10.0961L18.9961 10.4923C19.1717 10.5192 19.3102 10.5766 19.4115 10.6644C19.5127 10.7522 19.5903 10.8653 19.6442 11.0038C19.698 11.1423 19.7073 11.2849 19.672 11.4317C19.6368 11.5785 19.5551 11.7076 19.4269 11.8192L15.9923 14.7922L17.0249 19.2095C17.0685 19.3749 17.0583 19.5259 16.9942 19.6624C16.9301 19.7989 16.839 19.9095 16.7211 19.9941C16.6032 20.0787 16.4714 20.1278 16.3259 20.1412C16.1804 20.1547 16.0352 20.1191 15.8904 20.0345L12 17.6884Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default StarHalfIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const StarIcon = (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_9185"
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_9185)">
26
+ <path
27
+ d="M8.84998 17.8249L12 15.9249L15.15 17.8499L14.325 14.2499L17.1 11.8499L13.45 11.5249L12 8.12494L10.55 11.4999L6.89998 11.8249L9.67498 14.2499L8.84998 17.8249ZM12 17.6884L8.1096 20.0345C7.96474 20.1191 7.81955 20.1547 7.67405 20.1412C7.52854 20.1278 7.3968 20.0787 7.27885 19.9941C7.16092 19.9095 7.0699 19.7989 7.0058 19.6624C6.94169 19.5259 6.93143 19.3749 6.97503 19.2095L8.0077 14.7922L4.5731 11.8192C4.4449 11.7076 4.36318 11.5785 4.32793 11.4317C4.29268 11.2849 4.30197 11.1423 4.3558 11.0038C4.40965 10.8653 4.48722 10.7522 4.5885 10.6644C4.68979 10.5766 4.82825 10.5192 5.00388 10.4923L9.53655 10.0961L11.2962 5.92499C11.3603 5.76987 11.4574 5.65513 11.5875 5.58076C11.7176 5.50641 11.8551 5.46924 12 5.46924C12.1448 5.46924 12.2823 5.50641 12.4125 5.58076C12.5426 5.65513 12.6397 5.76987 12.7038 5.92499L14.4634 10.0961L18.9961 10.4923C19.1717 10.5192 19.3102 10.5766 19.4115 10.6644C19.5127 10.7522 19.5903 10.8653 19.6442 11.0038C19.698 11.1423 19.7073 11.2849 19.672 11.4317C19.6368 11.5785 19.5551 11.7076 19.4269 11.8192L15.9923 14.7922L17.0249 19.2095C17.0685 19.3749 17.0583 19.5259 16.9942 19.6624C16.9301 19.7989 16.839 19.9095 16.7211 19.9941C16.6032 20.0787 16.4714 20.1278 16.3259 20.1412C16.1804 20.1547 16.0352 20.1191 15.8904 20.0345L12 17.6884Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default StarIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const StoreFrontFilledIcon = (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_8557"
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_8557)">
26
+ <path
27
+ d="M20.5 10.9V18.875C20.5 19.3417 20.3461 19.7293 20.038 20.038C19.7294 20.346 19.35 20.5 18.9 20.5H5.12505C4.65838 20.5 4.27072 20.346 3.96205 20.038C3.65405 19.7293 3.50005 19.3417 3.50005 18.875V10.85C3.08338 10.55 2.77505 10.1457 2.57505 9.637C2.37505 9.129 2.37505 8.59167 2.57505 8.025L3.55005 4.8C3.68338 4.4 3.89605 4.08333 4.18805 3.85C4.47938 3.61667 4.84172 3.5 5.27505 3.5H18.675C19.125 3.5 19.496 3.60833 19.788 3.825C20.0794 4.04167 20.2917 4.35833 20.425 4.775L21.4501 8.025C21.6334 8.59167 21.6294 9.13333 21.438 9.65C21.246 10.1667 20.9334 10.5833 20.5 10.9ZM14.2 10.5C14.85 10.5 15.3334 10.3207 15.65 9.962C15.9667 9.604 16.1 9.23333 16.05 8.85L15.375 4.5H12.5V8.7C12.5 9.18333 12.6707 9.604 13.012 9.962C13.354 10.3207 13.75 10.5 14.2 10.5ZM9.70005 10.5C10.2334 10.5 10.6667 10.3207 11 9.962C11.3334 9.604 11.5 9.18333 11.5 8.7V4.5H8.62505L7.97505 8.925C7.92505 9.24167 8.05838 9.58333 8.37505 9.95C8.69172 10.3167 9.13338 10.5 9.70005 10.5ZM5.25005 10.5C5.70005 10.5 6.07938 10.35 6.38805 10.05C6.69605 9.75 6.88338 9.375 6.95005 8.925L7.57505 4.5H5.27505C5.05838 4.5 4.88772 4.55 4.76305 4.65C4.63772 4.75 4.54172 4.89167 4.47505 5.075L3.55005 8.225C3.38338 8.75833 3.45438 9.27067 3.76305 9.762C4.07105 10.254 4.56672 10.5 5.25005 10.5ZM18.75 10.5C19.35 10.5 19.8294 10.2667 20.188 9.8C20.546 9.33333 20.6334 8.80833 20.4501 8.225L19.475 5.05C19.4084 4.85 19.3127 4.70833 19.188 4.625C19.0627 4.54167 18.8917 4.5 18.675 4.5H16.425L17.05 8.925C17.1334 9.375 17.3294 9.75 17.638 10.05C17.946 10.35 18.3167 10.5 18.75 10.5Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default StoreFrontFilledIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const StoreFrontIcon = (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_8320"
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_8320)">
26
+ <path
27
+ d="M20.5 10.9V18.875C20.5 19.3417 20.3461 19.7293 20.038 20.038C19.7294 20.346 19.35 20.5 18.9 20.5H5.12505C4.65838 20.5 4.27072 20.346 3.96205 20.038C3.65405 19.7293 3.50005 19.3417 3.50005 18.875V10.85C3.08338 10.55 2.77505 10.1457 2.57505 9.637C2.37505 9.129 2.37505 8.59167 2.57505 8.025L3.55005 4.8C3.68338 4.4 3.89605 4.08333 4.18805 3.85C4.47938 3.61667 4.84172 3.5 5.27505 3.5H18.675C19.125 3.5 19.496 3.60833 19.788 3.825C20.0794 4.04167 20.2917 4.35833 20.425 4.775L21.4501 8.025C21.6334 8.59167 21.6294 9.13333 21.438 9.65C21.246 10.1667 20.9334 10.5833 20.5 10.9ZM14.2 10.5C14.85 10.5 15.3334 10.3207 15.65 9.962C15.9667 9.604 16.1 9.23333 16.05 8.85L15.375 4.5H12.5V8.7C12.5 9.18333 12.6707 9.604 13.012 9.962C13.354 10.3207 13.75 10.5 14.2 10.5ZM9.70005 10.5C10.2334 10.5 10.6667 10.3207 11 9.962C11.3334 9.604 11.5 9.18333 11.5 8.7V4.5H8.62505L7.97505 8.925C7.92505 9.24167 8.05838 9.58333 8.37505 9.95C8.69172 10.3167 9.13338 10.5 9.70005 10.5ZM5.25005 10.5C5.70005 10.5 6.07938 10.35 6.38805 10.05C6.69605 9.75 6.88338 9.375 6.95005 8.925L7.57505 4.5H5.27505C5.05838 4.5 4.88772 4.55 4.76305 4.65C4.63772 4.75 4.54172 4.89167 4.47505 5.075L3.55005 8.225C3.38338 8.75833 3.45438 9.27067 3.76305 9.762C4.07105 10.254 4.56672 10.5 5.25005 10.5ZM18.75 10.5C19.35 10.5 19.8294 10.2667 20.188 9.8C20.546 9.33333 20.6334 8.80833 20.4501 8.225L19.475 5.05C19.4084 4.85 19.3127 4.70833 19.188 4.625C19.0627 4.54167 18.8917 4.5 18.675 4.5H16.425L17.05 8.925C17.1334 9.375 17.3294 9.75 17.638 10.05C17.946 10.35 18.3167 10.5 18.75 10.5ZM5.12505 19.5H18.9C19.0667 19.5 19.2084 19.4417 19.3251 19.325C19.4417 19.2083 19.5 19.0583 19.5 18.875V11.375C19.3667 11.425 19.2417 11.4583 19.125 11.475C19.0084 11.4917 18.8834 11.5 18.75 11.5C18.3 11.5 17.904 11.4127 17.562 11.238C17.2207 11.0627 16.9 10.7833 16.6 10.4C16.3334 10.7167 16.0084 10.9793 15.625 11.188C15.2417 11.396 14.775 11.5 14.225 11.5C13.825 11.5 13.446 11.4083 13.088 11.225C12.7294 11.0417 12.3667 10.7667 12 10.4C11.6667 10.7667 11.2957 11.0417 10.887 11.225C10.479 11.4083 10.0917 11.5 9.72505 11.5C9.30838 11.5 8.90005 11.4207 8.50005 11.262C8.10005 11.104 7.75005 10.8167 7.45005 10.4C6.96672 10.8833 6.54172 11.1873 6.17505 11.312C5.80838 11.4373 5.50005 11.5 5.25005 11.5C5.13338 11.5 5.01272 11.4917 4.88805 11.475C4.76272 11.4583 4.63338 11.425 4.50005 11.375V18.875C4.50005 19.0583 4.55838 19.2083 4.67505 19.325C4.79172 19.4417 4.94172 19.5 5.12505 19.5ZM18.9 19.5H5.12505C5.14172 19.5 5.16672 19.5 5.20005 19.5C5.23338 19.5 5.25005 19.5 5.25005 19.5C5.35005 19.5 5.72105 19.5 6.36305 19.5C7.00438 19.5 7.36671 19.5 7.45005 19.5C7.48338 19.5 7.61272 19.5 7.83805 19.5C8.06272 19.5 8.30405 19.5 8.56205 19.5C8.82072 19.5 9.06672 19.5 9.30005 19.5C9.53338 19.5 9.67505 19.5 9.72505 19.5C9.77505 19.5 9.91672 19.5 10.15 19.5C10.3834 19.5 10.629 19.5 10.887 19.5C11.1457 19.5 11.3877 19.5 11.613 19.5C11.8377 19.5 11.9667 19.5 12 19.5C12.0667 19.5 12.4294 19.5 13.088 19.5C13.746 19.5 14.125 19.5 14.225 19.5C14.275 19.5 14.421 19.5 14.663 19.5C14.9044 19.5 15.1627 19.5 15.438 19.5C15.7127 19.5 15.9667 19.5 16.2 19.5C16.4334 19.5 16.5667 19.5 16.6 19.5C16.6667 19.5 17.0167 19.5 17.65 19.5C18.2834 19.5 18.65 19.5 18.75 19.5C18.7667 19.5 18.7874 19.5 18.812 19.5C18.8374 19.5 18.8667 19.5 18.9 19.5Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default StoreFrontIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const StrikeThroughSIcon = (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_8497"
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_8497)">
26
+ <path
27
+ d="M12.15 19.375C11.0667 19.375 10.1083 19.0833 9.275 18.5C8.44167 17.9167 7.825 17.1167 7.425 16.1L8.425 15.675C8.74167 16.4417 9.21267 17.0707 9.838 17.562C10.4627 18.054 11.2333 18.3 12.15 18.3C13.0167 18.3 13.8207 18.075 14.562 17.625C15.304 17.175 15.675 16.4667 15.675 15.5C15.675 15.05 15.6127 14.675 15.488 14.375C15.3627 14.075 15.1833 13.7833 14.95 13.5H16.25C16.4167 13.7 16.546 13.9707 16.638 14.312C16.7293 14.654 16.775 15.05 16.775 15.5C16.775 16.7333 16.3127 17.6877 15.388 18.363C14.4627 19.0377 13.3833 19.375 12.15 19.375ZM2.5 11.5V10.5H21.5V11.5H2.5ZM12.05 4.54999C12.95 4.54999 13.7167 4.73732 14.35 5.11199C14.9833 5.48732 15.525 6.07499 15.975 6.87499L15 7.32499C14.75 6.87499 14.379 6.47899 13.887 6.13699C13.3957 5.79565 12.7833 5.62499 12.05 5.62499C11.0333 5.62499 10.2333 5.91232 9.65 6.48699C9.06667 7.06232 8.825 7.73332 8.925 8.49999H7.825C7.725 7.48332 8.06667 6.57065 8.85 5.76199C9.63333 4.95399 10.7 4.54999 12.05 4.54999Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default StrikeThroughSIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const StyleIcon = (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_8631"
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_8631)">
26
+ <path
27
+ d="M4.32111 20.3L4.12496 20.2192C3.59547 19.9897 3.24002 19.6083 3.05861 19.075C2.87719 18.5417 2.90315 18.0231 3.13648 17.5192L4.32111 14.9654V20.3ZM9.09033 21.8846C8.54033 21.8846 8.0695 21.6888 7.67783 21.2971C7.28616 20.9055 7.09033 20.4346 7.09033 19.8846V15.9231L9.00958 21.2346C9.05958 21.3641 9.10958 21.4798 9.15958 21.5817C9.20958 21.6837 9.27625 21.7846 9.35958 21.8846H9.09033ZM12.9711 20.9769C12.707 21.0872 12.4467 21.0718 12.1903 20.9308C11.9339 20.7897 11.7506 20.5808 11.6403 20.3039L7.19033 8.10385C7.08008 7.83975 7.09034 7.57853 7.22111 7.3202C7.35187 7.06185 7.54931 6.87948 7.81341 6.77308L15.3634 4.02308C15.6275 3.91281 15.8814 3.92819 16.125 4.06923C16.3686 4.21026 16.5455 4.41923 16.6557 4.69615L21.1057 16.8577C21.216 17.1346 21.2153 17.4055 21.1038 17.6702C20.9923 17.935 20.798 18.1205 20.5211 18.2269L12.9711 20.9769ZM11.1673 10C11.4506 10 11.6881 9.90417 11.8798 9.7125C12.0714 9.52083 12.1673 9.28333 12.1673 9C12.1673 8.71667 12.0714 8.47917 11.8798 8.2875C11.6881 8.09583 11.4506 8 11.1673 8C10.8839 8 10.6464 8.09583 10.4548 8.2875C10.2631 8.47917 10.1673 8.71667 10.1673 9C10.1673 9.28333 10.2631 9.52083 10.4548 9.7125C10.6464 9.90417 10.8839 10 11.1673 10ZM12.6173 20L20.1673 17.25L15.7173 5L8.16726 7.75L12.6173 20Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default StyleIcon;
@@ -0,0 +1,46 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const SubscriptionIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 20 20"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <path
15
+ d="M2.0679 19.2547H13.9732C14.5905 19.2547 15.0314 18.8137 15.0314 18.1964V6.29116C15.0314 5.67385 14.5905 5.23291 13.9732 5.23291H2.0679C1.45059 5.23291 1.00965 5.67385 1.00965 6.29116V18.1964C0.921464 18.8137 1.45059 19.2547 2.0679 19.2547Z"
16
+ stroke="#131316"
17
+ strokeWidth="0.8"
18
+ strokeMiterlimit="10"
19
+ strokeLinecap="round"
20
+ />
21
+ <path
22
+ d="M15.1197 15.0218H17.9417C18.559 15.0218 19 14.5808 19 13.9635V2.05825C19 1.44094 18.559 1 17.9417 1H5.94826C5.33095 1 4.89001 1.44094 4.89001 2.05825V4.96843"
23
+ stroke="#131316"
24
+ strokeWidth="0.8"
25
+ strokeMiterlimit="10"
26
+ strokeLinecap="round"
27
+ />
28
+ <path
29
+ d="M5.59583 15.5509C4.09664 14.7572 3.39115 12.9052 4.00846 11.3179C4.62577 9.7305 6.38951 8.76044 8.06507 9.20138C9.38787 9.55413 10.3579 10.7888 10.5343 12.1997"
30
+ stroke="#131316"
31
+ strokeWidth="0.8"
32
+ strokeMiterlimit="10"
33
+ strokeLinecap="round"
34
+ />
35
+ <path
36
+ d="M8.76978 11.5824L10.6217 12.5525L11.5918 10.7888"
37
+ stroke="#131316"
38
+ strokeWidth="0.8"
39
+ strokeMiterlimit="10"
40
+ strokeLinecap="round"
41
+ />
42
+ </Icon>
43
+ );
44
+ };
45
+
46
+ export default SubscriptionIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const SubscriptionsFilledIcon = (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_8872"
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_8872)">
26
+ <path
27
+ d="M8 4.44995C7.85 4.44995 7.72933 4.40395 7.638 4.31195C7.546 4.22062 7.5 4.09995 7.5 3.94995C7.5 3.81662 7.546 3.69995 7.638 3.59995C7.72933 3.49995 7.85 3.44995 8 3.44995H16C16.15 3.44995 16.271 3.49995 16.363 3.59995C16.4543 3.69995 16.5 3.81662 16.5 3.94995C16.5 4.09995 16.4543 4.22062 16.363 4.31195C16.271 4.40395 16.15 4.44995 16 4.44995H8ZM5 7.22495C4.85 7.22495 4.72933 7.17895 4.638 7.08695C4.546 6.99562 4.5 6.87495 4.5 6.72495C4.5 6.59162 4.546 6.47495 4.638 6.37495C4.72933 6.27495 4.85 6.22495 5 6.22495H19C19.15 6.22495 19.271 6.27495 19.363 6.37495C19.4543 6.47495 19.5 6.59162 19.5 6.72495C19.5 6.87495 19.4543 6.99562 19.363 7.08695C19.271 7.17895 19.15 7.22495 19 7.22495H5ZM4.625 21C4.15833 21 3.771 20.846 3.463 20.538C3.15433 20.2293 3 19.8416 3 19.375V10.625C3 10.1583 3.15433 9.77062 3.463 9.46195C3.771 9.15395 4.15833 8.99995 4.625 8.99995H19.375C19.8417 8.99995 20.2293 9.15395 20.538 9.46195C20.846 9.77062 21 10.1583 21 10.625V19.375C21 19.8416 20.846 20.2293 20.538 20.538C20.2293 20.846 19.8417 21 19.375 21H4.625ZM11.75 17.25L14.125 15.675C14.3583 15.5083 14.475 15.2833 14.475 15C14.475 14.7166 14.3583 14.4916 14.125 14.325L11.75 12.75C11.4833 12.5666 11.2083 12.554 10.925 12.712C10.6417 12.8706 10.5 13.1083 10.5 13.425V16.575C10.5 16.8916 10.6417 17.1293 10.925 17.288C11.2083 17.446 11.4833 17.4333 11.75 17.25Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default SubscriptionsFilledIcon;