78aca7e5c0
* feat: base content card component * fix: tooltips + colors * feat: fix orgs * feat: add ContentModpackCard * fix: extract types * feat: selection v-model * add show icon in selected for combobox with stories * feat: add project combobox * clean up project combobox * feat: start install to play modal * fix: events * feat: figma alignments * feat: migrate toggle to tailwind * fix: row borders * feat: disabled state * feat: virtual list impl for card table based on window scroll * fix: lint * feat: virtualization + smaller contentcard items * feat: fix gap + border issues on last elm * fix: use TeleportOverflowMenu * fix: hasUpdate type * fix: fallback to svg if src is invalid on avatar component * fix: storybook * feat: start on updater modal * feat: finish content updater modal * feat: i18n pass * remove install to play modal from ui package * pnpm prepr * feat: reusable table component * feat: add column width prop for table and fix stories * feat: add table overflow menu story example * feat: add surface-1.5 and use in table * chore: export table in index * fix: allow more loose typing on columns * feat: update table component to derive key from column instead of data * feat: surface 1.5 for oled + refactor story for contentcardtable + yeet sorting funcs * fix: lint * feat: add no padding story for new modal --------- Signed-off-by: Calum H. <contact@cal.engineer> Co-authored-by: tdgao <mr.trumgao@gmail.com>
143 lines
6.9 KiB
TypeScript
143 lines
6.9 KiB
TypeScript
/**
|
|
* NOTE: You should re-export any manually added icons
|
|
* using consts to help TypeScript resolve the proper type
|
|
*
|
|
* NOTE: If an icon is part of the lucide icon set, it should be placed in the "icons" folder
|
|
* and automatically generated through the "pnpm run fix" command.
|
|
*/
|
|
|
|
import './omorphia.scss'
|
|
|
|
import _FourOhFourNotFound from './branding/404.svg?component'
|
|
// Branding
|
|
import _BrowserWindowSuccessIllustration from './branding/illustrations/browser-window-success.svg?component'
|
|
import _ModrinthIcon from './branding/logo.svg?component'
|
|
import _ModrinthPlusIcon from './branding/modrinth-plus.svg?component'
|
|
import _AngryRinthbot from './branding/rinthbot/angry.webp'
|
|
import _AnnoyedRinthbot from './branding/rinthbot/annoyed.webp'
|
|
import _ConfusedRinthbot from './branding/rinthbot/confused.webp'
|
|
import _ExcitedRinthbot from './branding/rinthbot/excited.webp'
|
|
import _LaughingRinthbot from './branding/rinthbot/laughing.webp'
|
|
import _SadRinthbot from './branding/rinthbot/sad.webp'
|
|
import _SleepingRinthbot from './branding/rinthbot/sleeping.webp'
|
|
import _SobbingRinthbot from './branding/rinthbot/sobbing.webp'
|
|
import _ThinkingRinthbot from './branding/rinthbot/thinking.webp'
|
|
import _WavingRinthbot from './branding/rinthbot/waving.webp'
|
|
// External Icons
|
|
import _AppleIcon from './external/apple.svg?component'
|
|
import _BlueskyIcon from './external/bluesky.svg?component'
|
|
import _BuyMeACoffeeIcon from './external/bmac.svg?component'
|
|
import _DiscordColorIcon from './external/color/discord.svg?component'
|
|
import _GitHubColorIcon from './external/color/github.svg?component'
|
|
import _GitLabColorIcon from './external/color/gitlab.svg?component'
|
|
import _GoogleColorIcon from './external/color/google.svg?component'
|
|
import _MicrosoftColorIcon from './external/color/microsoft.svg?component'
|
|
import _PayPalColorIcon from './external/color/paypal.svg?component'
|
|
import _SteamColorIcon from './external/color/steam.svg?component'
|
|
import _USDCColorIcon from './external/color/usdc.svg?component'
|
|
import _VenmoColorIcon from './external/color/venmo.svg?component'
|
|
import _CurseForgeIcon from './external/curseforge.svg?component'
|
|
import _DiscordIcon from './external/discord.svg?component'
|
|
import _FacebookIcon from './external/facebook.svg?component'
|
|
import _FlathubIcon from './external/flathub.svg?component'
|
|
import _GithubIcon from './external/github.svg?component'
|
|
import _MinecraftServerIcon from './external/illustrations/minecraft_server_icon.png?url'
|
|
import _InstagramIcon from './external/instagram.svg?component'
|
|
import _KoFiIcon from './external/kofi.svg?component'
|
|
import _MastodonIcon from './external/mastodon.svg?component'
|
|
import _OpenCollectiveIcon from './external/opencollective.svg?component'
|
|
import _PatreonIcon from './external/patreon.svg?component'
|
|
import _PayPalIcon from './external/paypal.svg?component'
|
|
import _PolygonIcon from './external/polygon.svg?component'
|
|
import _RedditIcon from './external/reddit.svg?component'
|
|
import _ReelsIcon from './external/reels.svg?component'
|
|
import _SnapchatIcon from './external/snapchat.svg?component'
|
|
import _ThreadsIcon from './external/threads.svg?component'
|
|
import _TikTokIcon from './external/tiktok.svg?component'
|
|
import _TumblrIcon from './external/tumblr.svg?component'
|
|
import _TwitchIcon from './external/twitch.svg?component'
|
|
import _TwitterIcon from './external/twitter.svg?component'
|
|
import _VenmoIcon from './external/venmo.svg?component'
|
|
import _VisaIcon from './external/visa.svg?component'
|
|
import _WindowsIcon from './external/windows.svg?component'
|
|
import _YouTubeIcon from './external/youtube.svg?component'
|
|
import _YouTubeGaming from './external/youtubegaming.svg?component'
|
|
import _YouTubeShortsIcon from './external/youtubeshorts.svg?component'
|
|
// Tag icon helpers - import maps from generated-icons
|
|
import type { IconComponent } from './generated-icons'
|
|
import { categoryIconMap, loaderIconMap } from './generated-icons'
|
|
import _EmptyIllustration from './illustrations/empty.svg?component'
|
|
|
|
export const ModrinthIcon = _ModrinthIcon
|
|
export const BrowserWindowSuccessIllustration = _BrowserWindowSuccessIllustration
|
|
export const FourOhFourNotFound = _FourOhFourNotFound
|
|
export const ModrinthPlusIcon = _ModrinthPlusIcon
|
|
export const AngryRinthbot = _AngryRinthbot
|
|
export const AnnoyedRinthbot = _AnnoyedRinthbot
|
|
export const ConfusedRinthbot = _ConfusedRinthbot
|
|
export const ExcitedRinthbot = _ExcitedRinthbot
|
|
export const LaughingRinthbot = _LaughingRinthbot
|
|
export const SadRinthbot = _SadRinthbot
|
|
export const SleepingRinthbot = _SleepingRinthbot
|
|
export const SobbingRinthbot = _SobbingRinthbot
|
|
export const ThinkingRinthbot = _ThinkingRinthbot
|
|
export const WavingRinthbot = _WavingRinthbot
|
|
export const PayPalColorIcon = _PayPalColorIcon
|
|
export const VenmoColorIcon = _VenmoColorIcon
|
|
export const DiscordColorIcon = _DiscordColorIcon
|
|
export const GitHubColorIcon = _GitHubColorIcon
|
|
export const GitLabColorIcon = _GitLabColorIcon
|
|
export const GoogleColorIcon = _GoogleColorIcon
|
|
export const MicrosoftColorIcon = _MicrosoftColorIcon
|
|
export const SteamColorIcon = _SteamColorIcon
|
|
export const AppleIcon = _AppleIcon
|
|
export const BlueskyIcon = _BlueskyIcon
|
|
export const BuyMeACoffeeIcon = _BuyMeACoffeeIcon
|
|
export const GithubIcon = _GithubIcon
|
|
export const CurseForgeIcon = _CurseForgeIcon
|
|
export const DiscordIcon = _DiscordIcon
|
|
export const FacebookIcon = _FacebookIcon
|
|
export const FlathubIcon = _FlathubIcon
|
|
export const InstagramIcon = _InstagramIcon
|
|
export const SnapchatIcon = _SnapchatIcon
|
|
export const ReelsIcon = _ReelsIcon
|
|
export const TikTokIcon = _TikTokIcon
|
|
export const TwitchIcon = _TwitchIcon
|
|
export const ThreadsIcon = _ThreadsIcon
|
|
export const KoFiIcon = _KoFiIcon
|
|
export const MastodonIcon = _MastodonIcon
|
|
export const OpenCollectiveIcon = _OpenCollectiveIcon
|
|
export const PatreonIcon = _PatreonIcon
|
|
export const PayPalIcon = _PayPalIcon
|
|
export const RedditIcon = _RedditIcon
|
|
export const TumblrIcon = _TumblrIcon
|
|
export const TwitterIcon = _TwitterIcon
|
|
export const WindowsIcon = _WindowsIcon
|
|
export const YouTubeIcon = _YouTubeIcon
|
|
export const YouTubeGaming = _YouTubeGaming
|
|
export const YouTubeShortsIcon = _YouTubeShortsIcon
|
|
export const VenmoIcon = _VenmoIcon
|
|
export const PolygonIcon = _PolygonIcon
|
|
export const USDCColorIcon = _USDCColorIcon
|
|
export const VisaIcon = _VisaIcon
|
|
export const MinecraftServerIcon = _MinecraftServerIcon
|
|
|
|
export * from './generated-icons'
|
|
export { default as ClassicPlayerModel } from './models/classic-player.gltf?url'
|
|
export { default as SlimPlayerModel } from './models/slim-player.gltf?url'
|
|
|
|
export const EmptyIllustration = _EmptyIllustration
|
|
|
|
export function getCategoryIcon(categoryName: string): IconComponent | undefined {
|
|
return categoryIconMap[categoryName.toLowerCase()]
|
|
}
|
|
|
|
export function getLoaderIcon(loaderName: string): IconComponent | undefined {
|
|
return loaderIconMap[loaderName.toLowerCase()]
|
|
}
|
|
|
|
// will try loader first, then category
|
|
export function getTagIcon(tagName: string): IconComponent | undefined {
|
|
return getLoaderIcon(tagName) ?? getCategoryIcon(tagName)
|
|
}
|