@audius/harmony 0.4.0 → 0.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +178 -3
- package/dist/assets/icons/Album.svg.js +8 -5
- package/dist/assets/icons/Album.svg.js.map +1 -1
- package/dist/assets/icons/AllTime.svg.js +8 -5
- package/dist/assets/icons/AllTime.svg.js.map +1 -1
- package/dist/assets/icons/Appearance.svg.js +8 -5
- package/dist/assets/icons/Appearance.svg.js.map +1 -1
- package/dist/assets/icons/ArrowLeft.svg.js +8 -5
- package/dist/assets/icons/ArrowLeft.svg.js.map +1 -1
- package/dist/assets/icons/ArrowRight.svg.js +8 -5
- package/dist/assets/icons/ArrowRight.svg.js.map +1 -1
- package/dist/assets/icons/ArrowRotate.svg.js +8 -5
- package/dist/assets/icons/ArrowRotate.svg.js.map +1 -1
- package/dist/assets/icons/ArrowUpToLine.svg.js +8 -5
- package/dist/assets/icons/ArrowUpToLine.svg.js.map +1 -1
- package/dist/assets/icons/ArtistBadge.svg.js +19 -45
- package/dist/assets/icons/ArtistBadge.svg.js.map +1 -1
- package/dist/assets/icons/AudiusLogo.svg.js +8 -5
- package/dist/assets/icons/AudiusLogo.svg.js.map +1 -1
- package/dist/assets/icons/AudiusLogoColor.svg.js +8 -5
- package/dist/assets/icons/AudiusLogoColor.svg.js.map +1 -1
- package/dist/assets/icons/AudiusLogoHorizontal.svg.js +8 -5
- package/dist/assets/icons/AudiusLogoHorizontal.svg.js.map +1 -1
- package/dist/assets/icons/AudiusLogoHorizontalColor.svg.js +8 -5
- package/dist/assets/icons/AudiusLogoHorizontalColor.svg.js.map +1 -1
- package/dist/assets/icons/AudiusLogoHorizontalColorNew.svg.js +8 -5
- package/dist/assets/icons/AudiusLogoHorizontalColorNew.svg.js.map +1 -1
- package/dist/assets/icons/AudiusLogoHorizontalNew.svg.js +8 -5
- package/dist/assets/icons/AudiusLogoHorizontalNew.svg.js.map +1 -1
- package/dist/assets/icons/AudiusLogoVertical.svg.js +8 -5
- package/dist/assets/icons/AudiusLogoVertical.svg.js.map +1 -1
- package/dist/assets/icons/AudiusLogoWhiteBg.png.js +4 -0
- package/dist/assets/icons/AudiusLogoWhiteBg.png.js.map +1 -0
- package/dist/assets/icons/Blog.svg.js +8 -5
- package/dist/assets/icons/Blog.svg.js.map +1 -1
- package/dist/assets/icons/BoxHeart.svg.js +8 -5
- package/dist/assets/icons/BoxHeart.svg.js.map +1 -1
- package/dist/assets/icons/CalendarDay.svg.js +8 -5
- package/dist/assets/icons/CalendarDay.svg.js.map +1 -1
- package/dist/assets/icons/CalendarMonth.svg.js +8 -5
- package/dist/assets/icons/CalendarMonth.svg.js.map +1 -1
- package/dist/assets/icons/CalendarWeek.svg.js +8 -5
- package/dist/assets/icons/CalendarWeek.svg.js.map +1 -1
- package/dist/assets/icons/Camera.svg.js +8 -5
- package/dist/assets/icons/Camera.svg.js.map +1 -1
- package/dist/assets/icons/Campfire.svg.js +8 -5
- package/dist/assets/icons/Campfire.svg.js.map +1 -1
- package/dist/assets/icons/CaretDown.svg.js +8 -5
- package/dist/assets/icons/CaretDown.svg.js.map +1 -1
- package/dist/assets/icons/CaretLeft.svg.js +8 -5
- package/dist/assets/icons/CaretLeft.svg.js.map +1 -1
- package/dist/assets/icons/CaretRight.svg.js +8 -5
- package/dist/assets/icons/CaretRight.svg.js.map +1 -1
- package/dist/assets/icons/CaretUp.svg.js +8 -5
- package/dist/assets/icons/CaretUp.svg.js.map +1 -1
- package/dist/assets/icons/Cart.svg.js +8 -5
- package/dist/assets/icons/Cart.svg.js.map +1 -1
- package/dist/assets/icons/CastAirplay.svg.js +8 -5
- package/dist/assets/icons/CastAirplay.svg.js.map +1 -1
- package/dist/assets/icons/CastChromecast.svg.js +8 -5
- package/dist/assets/icons/CastChromecast.svg.js.map +1 -1
- package/dist/assets/icons/Check.svg.js +8 -5
- package/dist/assets/icons/Check.svg.js.map +1 -1
- package/dist/assets/icons/Close.svg.js +8 -5
- package/dist/assets/icons/Close.svg.js.map +1 -1
- package/dist/assets/icons/CloseAlt.svg.js +8 -5
- package/dist/assets/icons/CloseAlt.svg.js.map +1 -1
- package/dist/assets/icons/CloudDownload.svg.js +8 -5
- package/dist/assets/icons/CloudDownload.svg.js.map +1 -1
- package/dist/assets/icons/CloudDownloadError.svg.js +8 -5
- package/dist/assets/icons/CloudDownloadError.svg.js.map +1 -1
- package/dist/assets/icons/CloudDownloadInactive.svg.js +8 -5
- package/dist/assets/icons/CloudDownloadInactive.svg.js.map +1 -1
- package/dist/assets/icons/CloudDownloadPaused.svg.js +8 -5
- package/dist/assets/icons/CloudDownloadPaused.svg.js.map +1 -1
- package/dist/assets/icons/CloudDownloadQueued.svg.js +8 -5
- package/dist/assets/icons/CloudDownloadQueued.svg.js.map +1 -1
- package/dist/assets/icons/CloudUpload.svg.js +8 -5
- package/dist/assets/icons/CloudUpload.svg.js.map +1 -1
- package/dist/assets/icons/Coinbase.svg.js +8 -5
- package/dist/assets/icons/Coinbase.svg.js.map +1 -1
- package/dist/assets/icons/CoinbasePay.svg.js +8 -5
- package/dist/assets/icons/CoinbasePay.svg.js.map +1 -1
- package/dist/assets/icons/Collectible.svg.js +8 -5
- package/dist/assets/icons/Collectible.svg.js.map +1 -1
- package/dist/assets/icons/Compose.svg.js +8 -5
- package/dist/assets/icons/Compose.svg.js.map +1 -1
- package/dist/assets/icons/ContestSign.svg.js +93 -0
- package/dist/assets/icons/ContestSign.svg.js.map +1 -0
- package/dist/assets/icons/Copy.svg.js +8 -5
- package/dist/assets/icons/Copy.svg.js.map +1 -1
- package/dist/assets/icons/Cosign.svg.js +22 -24
- package/dist/assets/icons/Cosign.svg.js.map +1 -1
- package/dist/assets/icons/CreatePlaylist.svg.js +8 -5
- package/dist/assets/icons/CreatePlaylist.svg.js.map +1 -1
- package/dist/assets/icons/CreditCard.svg.js +8 -5
- package/dist/assets/icons/CreditCard.svg.js.map +1 -1
- package/dist/assets/icons/Crown.svg.js +8 -5
- package/dist/assets/icons/Crown.svg.js.map +1 -1
- package/dist/assets/icons/Dashboard.svg.js +8 -5
- package/dist/assets/icons/Dashboard.svg.js.map +1 -1
- package/dist/assets/icons/Desktop.svg.js +8 -5
- package/dist/assets/icons/Desktop.svg.js.map +1 -1
- package/dist/assets/icons/Discord.svg.js +8 -5
- package/dist/assets/icons/Discord.svg.js.map +1 -1
- package/dist/assets/icons/Donate.svg.js +8 -5
- package/dist/assets/icons/Donate.svg.js.map +1 -1
- package/dist/assets/icons/Drag.svg.js +8 -5
- package/dist/assets/icons/Drag.svg.js.map +1 -1
- package/dist/assets/icons/Earnings.svg.js +8 -5
- package/dist/assets/icons/Earnings.svg.js.map +1 -1
- package/dist/assets/icons/EmailAddress.svg.js +8 -5
- package/dist/assets/icons/EmailAddress.svg.js.map +1 -1
- package/dist/assets/icons/Embed.svg.js +8 -5
- package/dist/assets/icons/Embed.svg.js.map +1 -1
- package/dist/assets/icons/Error.svg.js +8 -5
- package/dist/assets/icons/Error.svg.js.map +1 -1
- package/dist/assets/icons/Explore.svg.js +8 -5
- package/dist/assets/icons/Explore.svg.js.map +1 -1
- package/dist/assets/icons/ExternalLink.svg.js +8 -5
- package/dist/assets/icons/ExternalLink.svg.js.map +1 -1
- package/dist/assets/icons/Facebook.svg.js +8 -5
- package/dist/assets/icons/Facebook.svg.js.map +1 -1
- package/dist/assets/icons/Feed.svg.js +9 -6
- package/dist/assets/icons/Feed.svg.js.map +1 -1
- package/dist/assets/icons/Filter.svg.js +8 -5
- package/dist/assets/icons/Filter.svg.js.map +1 -1
- package/dist/assets/icons/Folder.svg.js +8 -5
- package/dist/assets/icons/Folder.svg.js.map +1 -1
- package/dist/assets/icons/Foundation.svg.js +8 -5
- package/dist/assets/icons/Foundation.svg.js.map +1 -1
- package/dist/assets/icons/Gift.svg.js +8 -5
- package/dist/assets/icons/Gift.svg.js.map +1 -1
- package/dist/assets/icons/Headphones.svg.js +8 -5
- package/dist/assets/icons/Headphones.svg.js.map +1 -1
- package/dist/assets/icons/Heart.svg.js +8 -5
- package/dist/assets/icons/Heart.svg.js.map +1 -1
- package/dist/assets/icons/Image.svg.js +8 -5
- package/dist/assets/icons/Image.svg.js.map +1 -1
- package/dist/assets/icons/Indent.svg.js +8 -5
- package/dist/assets/icons/Indent.svg.js.map +1 -1
- package/dist/assets/icons/Info.svg.js +8 -5
- package/dist/assets/icons/Info.svg.js.map +1 -1
- package/dist/assets/icons/Instagram.svg.js +8 -5
- package/dist/assets/icons/Instagram.svg.js.map +1 -1
- package/dist/assets/icons/JupiterLogo.svg.js +109 -0
- package/dist/assets/icons/JupiterLogo.svg.js.map +1 -0
- package/dist/assets/icons/KebabHorizontal.svg.js +8 -5
- package/dist/assets/icons/KebabHorizontal.svg.js.map +1 -1
- package/dist/assets/icons/Key.svg.js +8 -5
- package/dist/assets/icons/Key.svg.js.map +1 -1
- package/dist/assets/icons/LabelBadge.svg.js +89 -0
- package/dist/assets/icons/LabelBadge.svg.js.map +1 -0
- package/dist/assets/icons/Library.svg.js +8 -5
- package/dist/assets/icons/Library.svg.js.map +1 -1
- package/dist/assets/icons/LifeRing.svg.js +8 -5
- package/dist/assets/icons/LifeRing.svg.js.map +1 -1
- package/dist/assets/icons/Link.svg.js +8 -5
- package/dist/assets/icons/Link.svg.js.map +1 -1
- package/dist/assets/icons/LinkByStripe.svg.js +8 -5
- package/dist/assets/icons/LinkByStripe.svg.js.map +1 -1
- package/dist/assets/icons/ListeningHistory.svg.js +8 -5
- package/dist/assets/icons/ListeningHistory.svg.js.map +1 -1
- package/dist/assets/icons/Listens.svg.js +8 -5
- package/dist/assets/icons/Listens.svg.js.map +1 -1
- package/dist/assets/icons/Lock.svg.js +8 -5
- package/dist/assets/icons/Lock.svg.js.map +1 -1
- package/dist/assets/icons/LockUnlocked.svg.js +8 -5
- package/dist/assets/icons/LockUnlocked.svg.js.map +1 -1
- package/dist/assets/icons/LogoCircle.svg.js +8 -5
- package/dist/assets/icons/LogoCircle.svg.js.map +1 -1
- package/dist/assets/icons/LogoCircleCoinbase.svg.js +8 -5
- package/dist/assets/icons/LogoCircleCoinbase.svg.js.map +1 -1
- package/dist/assets/icons/LogoCircleETH.svg.js +8 -5
- package/dist/assets/icons/LogoCircleETH.svg.js.map +1 -1
- package/dist/assets/icons/LogoCircleSOL.svg.js +8 -5
- package/dist/assets/icons/LogoCircleSOL.svg.js.map +1 -1
- package/dist/assets/icons/LogoCircleSTR.svg.js +8 -5
- package/dist/assets/icons/LogoCircleSTR.svg.js.map +1 -1
- package/dist/assets/icons/LogoCircleUSD.svg.js +8 -5
- package/dist/assets/icons/LogoCircleUSD.svg.js.map +1 -1
- package/dist/assets/icons/LogoCircleUSDC.svg.js +8 -5
- package/dist/assets/icons/LogoCircleUSDC.svg.js.map +1 -1
- package/dist/assets/icons/LogoPhantom.svg.js +8 -5
- package/dist/assets/icons/LogoPhantom.svg.js.map +1 -1
- package/dist/assets/icons/LogoPhantomPlain.svg.js +8 -5
- package/dist/assets/icons/LogoPhantomPlain.svg.js.map +1 -1
- package/dist/assets/icons/LogoSolana.svg.js +8 -5
- package/dist/assets/icons/LogoSolana.svg.js.map +1 -1
- package/dist/assets/icons/Merch.svg.js +8 -5
- package/dist/assets/icons/Merch.svg.js.map +1 -1
- package/dist/assets/icons/Message.svg.js +8 -5
- package/dist/assets/icons/Message.svg.js.map +1 -1
- package/dist/assets/icons/MessageBlock.svg.js +8 -5
- package/dist/assets/icons/MessageBlock.svg.js.map +1 -1
- package/dist/assets/icons/MessageLocked.svg.js +8 -5
- package/dist/assets/icons/MessageLocked.svg.js.map +1 -1
- package/dist/assets/icons/MessageSlash.svg.js +8 -5
- package/dist/assets/icons/MessageSlash.svg.js.map +1 -1
- package/dist/assets/icons/MessageUnblock.svg.js +8 -5
- package/dist/assets/icons/MessageUnblock.svg.js.map +1 -1
- package/dist/assets/icons/Messages.svg.js +8 -5
- package/dist/assets/icons/Messages.svg.js.map +1 -1
- package/dist/assets/icons/Metamask.svg.js +12 -9
- package/dist/assets/icons/Metamask.svg.js.map +1 -1
- package/dist/assets/icons/Minus.svg.js +8 -5
- package/dist/assets/icons/Minus.svg.js.map +1 -1
- package/dist/assets/icons/MoneyBracket.svg.js +8 -5
- package/dist/assets/icons/MoneyBracket.svg.js.map +1 -1
- package/dist/assets/icons/Mood.svg.js +8 -5
- package/dist/assets/icons/Mood.svg.js.map +1 -1
- package/dist/assets/icons/MultiselectAdd.svg.js +8 -5
- package/dist/assets/icons/MultiselectAdd.svg.js.map +1 -1
- package/dist/assets/icons/MultiselectRemove.svg.js +8 -5
- package/dist/assets/icons/MultiselectRemove.svg.js.map +1 -1
- package/dist/assets/icons/NoWifi.svg.js +8 -5
- package/dist/assets/icons/NoWifi.svg.js.map +1 -1
- package/dist/assets/icons/Note.svg.js +8 -5
- package/dist/assets/icons/Note.svg.js.map +1 -1
- package/dist/assets/icons/NotificationOff.svg.js +8 -5
- package/dist/assets/icons/NotificationOff.svg.js.map +1 -1
- package/dist/assets/icons/NotificationOn.svg.js +8 -5
- package/dist/assets/icons/NotificationOn.svg.js.map +1 -1
- package/dist/assets/icons/PaperAirplane.svg.js +8 -5
- package/dist/assets/icons/PaperAirplane.svg.js.map +1 -1
- package/dist/assets/icons/Pause.svg.js +8 -5
- package/dist/assets/icons/Pause.svg.js.map +1 -1
- package/dist/assets/icons/Pencil.svg.js +8 -5
- package/dist/assets/icons/Pencil.svg.js.map +1 -1
- package/dist/assets/icons/Pin.svg.js +8 -5
- package/dist/assets/icons/Pin.svg.js.map +1 -1
- package/dist/assets/icons/Play.svg.js +8 -5
- package/dist/assets/icons/Play.svg.js.map +1 -1
- package/dist/assets/icons/PlaybackPause.svg.js +8 -5
- package/dist/assets/icons/PlaybackPause.svg.js.map +1 -1
- package/dist/assets/icons/PlaybackPlay.svg.js +8 -5
- package/dist/assets/icons/PlaybackPlay.svg.js.map +1 -1
- package/dist/assets/icons/Playlists.svg.js +8 -5
- package/dist/assets/icons/Playlists.svg.js.map +1 -1
- package/dist/assets/icons/Plus.svg.js +8 -5
- package/dist/assets/icons/Plus.svg.js.map +1 -1
- package/dist/assets/icons/PodcastBack.svg.js +8 -5
- package/dist/assets/icons/PodcastBack.svg.js.map +1 -1
- package/dist/assets/icons/PodcastForward.svg.js +8 -5
- package/dist/assets/icons/PodcastForward.svg.js.map +1 -1
- package/dist/assets/icons/QrCode.svg.js +8 -5
- package/dist/assets/icons/QrCode.svg.js.map +1 -1
- package/dist/assets/icons/QuestionCircle.svg.js +8 -5
- package/dist/assets/icons/QuestionCircle.svg.js.map +1 -1
- package/dist/assets/icons/Radar.svg.js +8 -5
- package/dist/assets/icons/Radar.svg.js.map +1 -1
- package/dist/assets/icons/Receive.svg.js +8 -5
- package/dist/assets/icons/Receive.svg.js.map +1 -1
- package/dist/assets/icons/RecoveryEmail.svg.js +8 -5
- package/dist/assets/icons/RecoveryEmail.svg.js.map +1 -1
- package/dist/assets/icons/Refresh.svg.js +8 -5
- package/dist/assets/icons/Refresh.svg.js.map +1 -1
- package/dist/assets/icons/Remix.svg.js +8 -5
- package/dist/assets/icons/Remix.svg.js.map +1 -1
- package/dist/assets/icons/Remove.svg.js +8 -5
- package/dist/assets/icons/Remove.svg.js.map +1 -1
- package/dist/assets/icons/RepeatOff.svg.js +8 -5
- package/dist/assets/icons/RepeatOff.svg.js.map +1 -1
- package/dist/assets/icons/Repost.svg.js +8 -5
- package/dist/assets/icons/Repost.svg.js.map +1 -1
- package/dist/assets/icons/Robot.svg.js +8 -5
- package/dist/assets/icons/Robot.svg.js.map +1 -1
- package/dist/assets/icons/Rocket.svg.js +8 -5
- package/dist/assets/icons/Rocket.svg.js.map +1 -1
- package/dist/assets/icons/Save.svg.js +8 -5
- package/dist/assets/icons/Save.svg.js.map +1 -1
- package/dist/assets/icons/Search.svg.js +11 -8
- package/dist/assets/icons/Search.svg.js.map +1 -1
- package/dist/assets/icons/Send.svg.js +8 -5
- package/dist/assets/icons/Send.svg.js.map +1 -1
- package/dist/assets/icons/Settings.svg.js +8 -5
- package/dist/assets/icons/Settings.svg.js.map +1 -1
- package/dist/assets/icons/Share.svg.js +8 -5
- package/dist/assets/icons/Share.svg.js.map +1 -1
- package/dist/assets/icons/ShieldCheck.svg.js +8 -5
- package/dist/assets/icons/ShieldCheck.svg.js.map +1 -1
- package/dist/assets/icons/ShieldUser.svg.js +8 -5
- package/dist/assets/icons/ShieldUser.svg.js.map +1 -1
- package/dist/assets/icons/Shuffle.svg.js +8 -5
- package/dist/assets/icons/Shuffle.svg.js.map +1 -1
- package/dist/assets/icons/SignOut.svg.js +8 -5
- package/dist/assets/icons/SignOut.svg.js.map +1 -1
- package/dist/assets/icons/SkipNext.svg.js +8 -5
- package/dist/assets/icons/SkipNext.svg.js.map +1 -1
- package/dist/assets/icons/SkipPrevious.svg.js +8 -5
- package/dist/assets/icons/SkipPrevious.svg.js.map +1 -1
- package/dist/assets/icons/Skull.svg.js +8 -5
- package/dist/assets/icons/Skull.svg.js.map +1 -1
- package/dist/assets/icons/SnapChat.svg.js +8 -5
- package/dist/assets/icons/SnapChat.svg.js.map +1 -1
- package/dist/assets/icons/Sort.svg.js +8 -5
- package/dist/assets/icons/Sort.svg.js.map +1 -1
- package/dist/assets/icons/SortDown.svg.js +8 -5
- package/dist/assets/icons/SortDown.svg.js.map +1 -1
- package/dist/assets/icons/SortUp.svg.js +8 -5
- package/dist/assets/icons/SortUp.svg.js.map +1 -1
- package/dist/assets/icons/Soundwave.svg.js +8 -5
- package/dist/assets/icons/Soundwave.svg.js.map +1 -1
- package/dist/assets/icons/Sparkles.svg.js +8 -5
- package/dist/assets/icons/Sparkles.svg.js.map +1 -1
- package/dist/assets/icons/Speaker.svg.js +8 -5
- package/dist/assets/icons/Speaker.svg.js.map +1 -1
- package/dist/assets/icons/Star.svg.js +8 -5
- package/dist/assets/icons/Star.svg.js.map +1 -1
- package/dist/assets/icons/Stars.svg.js +8 -5
- package/dist/assets/icons/Stars.svg.js.map +1 -1
- package/dist/assets/icons/Support.svg.js +8 -5
- package/dist/assets/icons/Support.svg.js.map +1 -1
- package/dist/assets/icons/Tastemaker.svg.js +8 -5
- package/dist/assets/icons/Tastemaker.svg.js.map +1 -1
- package/dist/assets/icons/Telegram.svg.js +8 -5
- package/dist/assets/icons/Telegram.svg.js.map +1 -1
- package/dist/assets/icons/ThumbsDown.svg.js +8 -5
- package/dist/assets/icons/ThumbsDown.svg.js.map +1 -1
- package/dist/assets/icons/ThumbsUp.svg.js +8 -5
- package/dist/assets/icons/ThumbsUp.svg.js.map +1 -1
- package/dist/assets/icons/TikTok.svg.js +8 -5
- package/dist/assets/icons/TikTok.svg.js.map +1 -1
- package/dist/assets/icons/Tipping.svg.js +8 -5
- package/dist/assets/icons/Tipping.svg.js.map +1 -1
- package/dist/assets/icons/TokenAUDIO.png.js +4 -0
- package/dist/assets/icons/TokenAUDIO.png.js.map +1 -0
- package/dist/assets/icons/TokenBonk.png.js +4 -0
- package/dist/assets/icons/TokenBonk.png.js.map +1 -0
- package/dist/assets/icons/TokenBronze.png.js +1 -1
- package/dist/assets/icons/TokenBronze.png.js.map +1 -1
- package/dist/assets/icons/TokenGold.png.js +1 -1
- package/dist/assets/icons/TokenGold.png.js.map +1 -1
- package/dist/assets/icons/TokenNoTier.png.js +1 -1
- package/dist/assets/icons/TokenNoTier.png.js.map +1 -1
- package/dist/assets/icons/TokenPlatinum.png.js +1 -1
- package/dist/assets/icons/TokenPlatinum.png.js.map +1 -1
- package/dist/assets/icons/TokenSilver.png.js +1 -1
- package/dist/assets/icons/TokenSilver.png.js.map +1 -1
- package/dist/assets/icons/TowerBroadcast.svg.js +8 -5
- package/dist/assets/icons/TowerBroadcast.svg.js.map +1 -1
- package/dist/assets/icons/Transaction.svg.js +8 -5
- package/dist/assets/icons/Transaction.svg.js.map +1 -1
- package/dist/assets/icons/Trash.svg.js +8 -5
- package/dist/assets/icons/Trash.svg.js.map +1 -1
- package/dist/assets/icons/Trending.svg.js +9 -6
- package/dist/assets/icons/Trending.svg.js.map +1 -1
- package/dist/assets/icons/TriangleExclamation.svg.js +8 -5
- package/dist/assets/icons/TriangleExclamation.svg.js.map +1 -1
- package/dist/assets/icons/Trophy.svg.js +8 -5
- package/dist/assets/icons/Trophy.svg.js.map +1 -1
- package/dist/assets/icons/Turntable.svg.js +8 -5
- package/dist/assets/icons/Turntable.svg.js.map +1 -1
- package/dist/assets/icons/Twitter.svg.js +8 -5
- package/dist/assets/icons/Twitter.svg.js.map +1 -1
- package/dist/assets/icons/User.svg.js +8 -5
- package/dist/assets/icons/User.svg.js.map +1 -1
- package/dist/assets/icons/UserArrowRotate.svg.js +8 -5
- package/dist/assets/icons/UserArrowRotate.svg.js.map +1 -1
- package/dist/assets/icons/UserFollow.svg.js +8 -5
- package/dist/assets/icons/UserFollow.svg.js.map +1 -1
- package/dist/assets/icons/UserFollowers.svg.js +8 -5
- package/dist/assets/icons/UserFollowers.svg.js.map +1 -1
- package/dist/assets/icons/UserFollowing.svg.js +8 -5
- package/dist/assets/icons/UserFollowing.svg.js.map +1 -1
- package/dist/assets/icons/UserGroup.svg.js +8 -5
- package/dist/assets/icons/UserGroup.svg.js.map +1 -1
- package/dist/assets/icons/UserList.svg.js +8 -5
- package/dist/assets/icons/UserList.svg.js.map +1 -1
- package/dist/assets/icons/UserUnfollow.svg.js +8 -5
- package/dist/assets/icons/UserUnfollow.svg.js.map +1 -1
- package/dist/assets/icons/ValidationCheck.svg.js +8 -5
- package/dist/assets/icons/ValidationCheck.svg.js.map +1 -1
- package/dist/assets/icons/ValidationX.svg.js +8 -5
- package/dist/assets/icons/ValidationX.svg.js.map +1 -1
- package/dist/assets/icons/Verified.svg.js +18 -15
- package/dist/assets/icons/Verified.svg.js.map +1 -1
- package/dist/assets/icons/VisibilityHidden.svg.js +8 -5
- package/dist/assets/icons/VisibilityHidden.svg.js.map +1 -1
- package/dist/assets/icons/VisibilityPublic.svg.js +8 -5
- package/dist/assets/icons/VisibilityPublic.svg.js.map +1 -1
- package/dist/assets/icons/VolumeLevel0.svg.js +8 -5
- package/dist/assets/icons/VolumeLevel0.svg.js.map +1 -1
- package/dist/assets/icons/VolumeLevel1.svg.js +8 -5
- package/dist/assets/icons/VolumeLevel1.svg.js.map +1 -1
- package/dist/assets/icons/VolumeLevel2.svg.js +8 -5
- package/dist/assets/icons/VolumeLevel2.svg.js.map +1 -1
- package/dist/assets/icons/VolumeLevel3.svg.js +8 -5
- package/dist/assets/icons/VolumeLevel3.svg.js.map +1 -1
- package/dist/assets/icons/Wallet.svg.js +8 -5
- package/dist/assets/icons/Wallet.svg.js.map +1 -1
- package/dist/assets/icons/Wand.svg.js +8 -5
- package/dist/assets/icons/Wand.svg.js.map +1 -1
- package/dist/assets/icons/Waveform.svg.js +8 -5
- package/dist/assets/icons/Waveform.svg.js.map +1 -1
- package/dist/assets/icons/Withdraw.svg.js +8 -5
- package/dist/assets/icons/Withdraw.svg.js.map +1 -1
- package/dist/assets/icons/X.svg.js +11 -9
- package/dist/assets/icons/X.svg.js.map +1 -1
- package/dist/assets/icons/ccBy.svg.js +8 -5
- package/dist/assets/icons/ccBy.svg.js.map +1 -1
- package/dist/assets/icons/ccCC.svg.js +8 -5
- package/dist/assets/icons/ccCC.svg.js.map +1 -1
- package/dist/assets/icons/ccNC-EU.svg.js +8 -5
- package/dist/assets/icons/ccNC-EU.svg.js.map +1 -1
- package/dist/assets/icons/ccNC-JP.svg.js +8 -5
- package/dist/assets/icons/ccNC-JP.svg.js.map +1 -1
- package/dist/assets/icons/ccNC.svg.js +8 -5
- package/dist/assets/icons/ccNC.svg.js.map +1 -1
- package/dist/assets/icons/ccND.svg.js +8 -5
- package/dist/assets/icons/ccND.svg.js.map +1 -1
- package/dist/assets/icons/ccPD.svg.js +8 -5
- package/dist/assets/icons/ccPD.svg.js.map +1 -1
- package/dist/assets/icons/ccRemix.svg.js +8 -5
- package/dist/assets/icons/ccRemix.svg.js.map +1 -1
- package/dist/assets/icons/ccSA.svg.js +8 -5
- package/dist/assets/icons/ccSA.svg.js.map +1 -1
- package/dist/assets/icons/ccSampling.svg.js +8 -5
- package/dist/assets/icons/ccSampling.svg.js.map +1 -1
- package/dist/assets/icons/ccSamplingPlus.svg.js +8 -5
- package/dist/assets/icons/ccSamplingPlus.svg.js.map +1 -1
- package/dist/assets/icons/ccShare.svg.js +8 -5
- package/dist/assets/icons/ccShare.svg.js.map +1 -1
- package/dist/assets/icons/ccZero.svg.js +8 -5
- package/dist/assets/icons/ccZero.svg.js.map +1 -1
- package/dist/assets/icons/file3GA.svg.js +8 -5
- package/dist/assets/icons/file3GA.svg.js.map +1 -1
- package/dist/assets/icons/file3GP.svg.js +8 -5
- package/dist/assets/icons/file3GP.svg.js.map +1 -1
- package/dist/assets/icons/fileAAC.svg.js +8 -5
- package/dist/assets/icons/fileAAC.svg.js.map +1 -1
- package/dist/assets/icons/fileAIF.svg.js +8 -5
- package/dist/assets/icons/fileAIF.svg.js.map +1 -1
- package/dist/assets/icons/fileAIFC.svg.js +8 -5
- package/dist/assets/icons/fileAIFC.svg.js.map +1 -1
- package/dist/assets/icons/fileAIFF.svg.js +8 -5
- package/dist/assets/icons/fileAIFF.svg.js.map +1 -1
- package/dist/assets/icons/fileAMR.svg.js +8 -5
- package/dist/assets/icons/fileAMR.svg.js.map +1 -1
- package/dist/assets/icons/fileAWB.svg.js +8 -5
- package/dist/assets/icons/fileAWB.svg.js.map +1 -1
- package/dist/assets/icons/fileFLAC.svg.js +8 -5
- package/dist/assets/icons/fileFLAC.svg.js.map +1 -1
- package/dist/assets/icons/fileM4A.svg.js +8 -5
- package/dist/assets/icons/fileM4A.svg.js.map +1 -1
- package/dist/assets/icons/fileM4B.svg.js +8 -5
- package/dist/assets/icons/fileM4B.svg.js.map +1 -1
- package/dist/assets/icons/fileM4P.svg.js +8 -5
- package/dist/assets/icons/fileM4P.svg.js.map +1 -1
- package/dist/assets/icons/fileM4R.svg.js +8 -5
- package/dist/assets/icons/fileM4R.svg.js.map +1 -1
- package/dist/assets/icons/fileM4V.svg.js +8 -5
- package/dist/assets/icons/fileM4V.svg.js.map +1 -1
- package/dist/assets/icons/fileMP2.svg.js +8 -5
- package/dist/assets/icons/fileMP2.svg.js.map +1 -1
- package/dist/assets/icons/fileMP3.svg.js +8 -5
- package/dist/assets/icons/fileMP3.svg.js.map +1 -1
- package/dist/assets/icons/fileMP4.svg.js +8 -5
- package/dist/assets/icons/fileMP4.svg.js.map +1 -1
- package/dist/assets/icons/fileMPGA.svg.js +8 -5
- package/dist/assets/icons/fileMPGA.svg.js.map +1 -1
- package/dist/assets/icons/fileOGA.svg.js +8 -5
- package/dist/assets/icons/fileOGA.svg.js.map +1 -1
- package/dist/assets/icons/fileOGG.svg.js +8 -5
- package/dist/assets/icons/fileOGG.svg.js.map +1 -1
- package/dist/assets/icons/fileOGM.svg.js +8 -5
- package/dist/assets/icons/fileOGM.svg.js.map +1 -1
- package/dist/assets/icons/fileOGV.svg.js +8 -5
- package/dist/assets/icons/fileOGV.svg.js.map +1 -1
- package/dist/assets/icons/fileOGX.svg.js +8 -5
- package/dist/assets/icons/fileOGX.svg.js.map +1 -1
- package/dist/assets/icons/fileOPUS.svg.js +8 -5
- package/dist/assets/icons/fileOPUS.svg.js.map +1 -1
- package/dist/assets/icons/fileSPX.svg.js +8 -5
- package/dist/assets/icons/fileSPX.svg.js.map +1 -1
- package/dist/assets/icons/fileTS.svg.js +8 -5
- package/dist/assets/icons/fileTS.svg.js.map +1 -1
- package/dist/assets/icons/fileTSA.svg.js +8 -5
- package/dist/assets/icons/fileTSA.svg.js.map +1 -1
- package/dist/assets/icons/fileTSV.svg.js +8 -5
- package/dist/assets/icons/fileTSV.svg.js.map +1 -1
- package/dist/assets/icons/fileUnknown.svg.js +8 -5
- package/dist/assets/icons/fileUnknown.svg.js.map +1 -1
- package/dist/assets/icons/fileWAV.svg.js +8 -5
- package/dist/assets/icons/fileWAV.svg.js.map +1 -1
- package/dist/assets/icons/fileWAVE.svg.js +8 -5
- package/dist/assets/icons/fileWAVE.svg.js.map +1 -1
- package/dist/assets/icons/fileWEBM.svg.js +8 -5
- package/dist/assets/icons/fileWEBM.svg.js.map +1 -1
- package/dist/assets/icons/fileXWMA.svg.js +8 -5
- package/dist/assets/icons/fileXWMA.svg.js.map +1 -1
- package/dist/assets/icons/iconPlaybackRate0_5x.svg.js +8 -5
- package/dist/assets/icons/iconPlaybackRate0_5x.svg.js.map +1 -1
- package/dist/assets/icons/iconPlaybackRate0_8x.svg.js +8 -5
- package/dist/assets/icons/iconPlaybackRate0_8x.svg.js.map +1 -1
- package/dist/assets/icons/iconPlaybackRate0_9x.svg.js +8 -5
- package/dist/assets/icons/iconPlaybackRate0_9x.svg.js.map +1 -1
- package/dist/assets/icons/iconPlaybackRate1_1x.svg.js +8 -5
- package/dist/assets/icons/iconPlaybackRate1_1x.svg.js.map +1 -1
- package/dist/assets/icons/iconPlaybackRate1_2x.svg.js +8 -5
- package/dist/assets/icons/iconPlaybackRate1_2x.svg.js.map +1 -1
- package/dist/assets/icons/iconPlaybackRate1_5x.svg.js +8 -5
- package/dist/assets/icons/iconPlaybackRate1_5x.svg.js.map +1 -1
- package/dist/assets/icons/iconPlaybackRate1x.svg.js +8 -5
- package/dist/assets/icons/iconPlaybackRate1x.svg.js.map +1 -1
- package/dist/assets/icons/iconPlaybackRate2_5x.svg.js +8 -5
- package/dist/assets/icons/iconPlaybackRate2_5x.svg.js.map +1 -1
- package/dist/assets/icons/iconPlaybackRate2x.svg.js +8 -5
- package/dist/assets/icons/iconPlaybackRate2x.svg.js.map +1 -1
- package/dist/assets/icons/iconPlaybackRate3x.svg.js +8 -5
- package/dist/assets/icons/iconPlaybackRate3x.svg.js.map +1 -1
- package/dist/components/artwork/Artwork.d.ts +3 -1
- package/dist/components/artwork/Artwork.d.ts.map +1 -1
- package/dist/components/artwork/Artwork.js +45 -22
- package/dist/components/artwork/Artwork.js.map +1 -1
- package/dist/components/avatar/Avatar.d.ts +3 -0
- package/dist/components/avatar/Avatar.d.ts.map +1 -1
- package/dist/components/avatar/Avatar.js +2 -2
- package/dist/components/avatar/Avatar.js.map +1 -1
- package/dist/components/balance-pill/BalancePill.d.ts.map +1 -1
- package/dist/components/balance-pill/BalancePill.js +3 -1
- package/dist/components/balance-pill/BalancePill.js.map +1 -1
- package/dist/components/balance-pill/types.d.ts +1 -1
- package/dist/components/balance-pill/types.d.ts.map +1 -1
- package/dist/components/button/FilterButton/FilterButton.d.ts.map +1 -1
- package/dist/components/button/FilterButton/FilterButton.js +44 -1
- package/dist/components/button/FilterButton/FilterButton.js.map +1 -1
- package/dist/components/button/FollowButton/FollowButton.js +45 -0
- package/dist/components/button/FollowButton/FollowButton.js.map +1 -1
- package/dist/components/button/SocialButton/SocialButton.d.ts +1 -1
- package/dist/components/button/SocialButton/SocialButton.d.ts.map +1 -1
- package/dist/components/button/SocialButton/SocialButton.js +56 -17
- package/dist/components/button/SocialButton/SocialButton.js.map +1 -1
- package/dist/components/checkbox/Indeterminate.svg.js +8 -5
- package/dist/components/checkbox/Indeterminate.svg.js.map +1 -1
- package/dist/components/checkbox/Select.svg.js +8 -5
- package/dist/components/checkbox/Select.svg.js.map +1 -1
- package/dist/components/completion-check/CompletionCheck.d.ts.map +1 -1
- package/dist/components/completion-check/CompletionCheck.js +46 -2
- package/dist/components/completion-check/CompletionCheck.js.map +1 -1
- package/dist/components/completion-check/types.d.ts +1 -0
- package/dist/components/completion-check/types.d.ts.map +1 -1
- package/dist/components/expandable-nav-item/ExpandableNavItem.js +43 -0
- package/dist/components/expandable-nav-item/ExpandableNavItem.js.map +1 -1
- package/dist/components/hint/Hint.js +44 -0
- package/dist/components/hint/Hint.js.map +1 -1
- package/dist/components/hover-card/HoverCard.d.ts +4 -0
- package/dist/components/hover-card/HoverCard.d.ts.map +1 -0
- package/dist/components/hover-card/HoverCard.js +103 -0
- package/dist/components/hover-card/HoverCard.js.map +1 -0
- package/dist/components/hover-card/HoverCard.stories.d.ts +8 -0
- package/dist/components/hover-card/HoverCard.stories.d.ts.map +1 -0
- package/dist/components/hover-card/HoverCardHeader.d.ts +6 -0
- package/dist/components/hover-card/HoverCardHeader.d.ts.map +1 -0
- package/dist/components/hover-card/HoverCardHeader.js +64 -0
- package/dist/components/hover-card/HoverCardHeader.js.map +1 -0
- package/dist/components/hover-card/index.d.ts +4 -0
- package/dist/components/hover-card/index.d.ts.map +1 -0
- package/dist/components/hover-card/types.d.ts +66 -0
- package/dist/components/hover-card/types.d.ts.map +1 -0
- package/dist/components/icon.d.ts +2 -1
- package/dist/components/icon.d.ts.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/input/PasswordInput/PasswordInput.js +41 -3
- package/dist/components/input/PasswordInput/PasswordInput.js.map +1 -1
- package/dist/components/input/TextInput/TextInput.d.ts +1 -0
- package/dist/components/input/TextInput/TextInput.d.ts.map +1 -1
- package/dist/components/input/TextInput/TextInput.js +50 -7
- package/dist/components/input/TextInput/TextInput.js.map +1 -1
- package/dist/components/input/TextInput/types.d.ts +4 -0
- package/dist/components/input/TextInput/types.d.ts.map +1 -1
- package/dist/components/input/TextInput/types.js.map +1 -1
- package/dist/components/input/TokenAmountInput/TokenAmountInput.d.ts.map +1 -1
- package/dist/components/input/TokenAmountInput/TokenAmountInput.js +12 -7
- package/dist/components/input/TokenAmountInput/TokenAmountInput.js.map +1 -1
- package/dist/components/input/TokenAmountInput/TokenAmountInput.stories.d.ts.map +1 -1
- package/dist/components/input/TokenAmountInput/types.d.ts +1 -2
- package/dist/components/input/TokenAmountInput/types.d.ts.map +1 -1
- package/dist/components/layout/Box/Box.d.ts.map +1 -1
- package/dist/components/layout/Box/Box.js +4 -1
- package/dist/components/layout/Box/Box.js.map +1 -1
- package/dist/components/modal/Modal.js +44 -2
- package/dist/components/modal/Modal.js.map +1 -1
- package/dist/components/modal/ModalHeader.js +38 -0
- package/dist/components/modal/ModalHeader.js.map +1 -1
- package/dist/components/popup/Popup.d.ts.map +1 -1
- package/dist/components/popup/Popup.js +68 -49
- package/dist/components/popup/Popup.js.map +1 -1
- package/dist/components/popup-menu/PopupMenu.js +1 -1
- package/dist/components/popup-menu/PopupMenu.js.map +1 -1
- package/dist/components/progress-bar/ProgressBar.d.ts.map +1 -1
- package/dist/components/progress-bar/ProgressBar.js +14 -16
- package/dist/components/progress-bar/ProgressBar.js.map +1 -1
- package/dist/components/progress-bar/types.d.ts +1 -2
- package/dist/components/progress-bar/types.d.ts.map +1 -1
- package/dist/components/radio-group/RadioGroup.d.ts.map +1 -1
- package/dist/components/radio-group/RadioGroup.js +10 -1
- package/dist/components/radio-group/RadioGroup.js.map +1 -1
- package/dist/components/scrubber/Scrubber.js +2 -0
- package/dist/components/scrubber/Scrubber.js.map +1 -1
- package/dist/components/select/Select/Select.js +41 -6
- package/dist/components/select/Select/Select.js.map +1 -1
- package/dist/components/send-icon/SendIcon.js +42 -1
- package/dist/components/send-icon/SendIcon.js.map +1 -1
- package/dist/components/text-link/TextLink.d.ts.map +1 -1
- package/dist/components/text-link/TextLink.js +3 -1
- package/dist/components/text-link/TextLink.js.map +1 -1
- package/dist/contexts/MediaContext.d.ts +33 -0
- package/dist/contexts/MediaContext.d.ts.map +1 -0
- package/dist/contexts/MediaContext.js +79 -0
- package/dist/contexts/MediaContext.js.map +1 -0
- package/dist/contexts/index.d.ts +2 -0
- package/dist/contexts/index.d.ts.map +1 -0
- package/dist/foundations/breakpoints/breakpoints.d.ts +124 -0
- package/dist/foundations/breakpoints/breakpoints.d.ts.map +1 -0
- package/dist/foundations/breakpoints/breakpoints.js +138 -0
- package/dist/foundations/breakpoints/breakpoints.js.map +1 -0
- package/dist/foundations/breakpoints/index.d.ts +2 -0
- package/dist/foundations/breakpoints/index.d.ts.map +1 -0
- package/dist/foundations/color/color.d.ts +3 -0
- package/dist/foundations/color/color.d.ts.map +1 -1
- package/dist/foundations/color/semantic.d.ts +3 -0
- package/dist/foundations/color/semantic.d.ts.map +1 -1
- package/dist/foundations/color/semantic.js +1 -0
- package/dist/foundations/color/semantic.js.map +1 -1
- package/dist/foundations/index.d.ts +1 -0
- package/dist/foundations/index.d.ts.map +1 -1
- package/dist/foundations/theme/ThemeProvider.js +2 -2
- package/dist/foundations/theme/ThemeProvider.js.map +1 -1
- package/dist/harmony.css +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/useClickOutside.d.ts +1 -1
- package/dist/hooks/useClickOutside.d.ts.map +1 -1
- package/dist/hooks/useClickOutside.js +6 -3
- package/dist/hooks/useClickOutside.js.map +1 -1
- package/dist/hooks/useHoverDelay.d.ts +21 -0
- package/dist/hooks/useHoverDelay.d.ts.map +1 -0
- package/dist/hooks/useHoverDelay.js +74 -0
- package/dist/hooks/useHoverDelay.js.map +1 -0
- package/dist/hooks/useMedia.d.ts +19 -0
- package/dist/hooks/useMedia.d.ts.map +1 -0
- package/dist/hooks/useMediaQueryListener.d.ts.map +1 -1
- package/dist/hooks/useMediaQueryListener.js +7 -4
- package/dist/hooks/useMediaQueryListener.js.map +1 -1
- package/dist/icons/SVGDefs.d.ts +3 -0
- package/dist/icons/SVGDefs.d.ts.map +1 -0
- package/dist/icons/SVGDefs.js +12 -0
- package/dist/icons/SVGDefs.js.map +1 -0
- package/dist/icons/logos.d.ts +1 -0
- package/dist/icons/logos.d.ts.map +1 -1
- package/dist/icons/logos.js +3 -1
- package/dist/icons/logos.js.map +1 -1
- package/dist/icons/specialIcons.d.ts +6 -2
- package/dist/icons/specialIcons.d.ts.map +1 -1
- package/dist/icons/specialIcons.js +14 -4
- package/dist/icons/specialIcons.js.map +1 -1
- package/dist/icons/utilityIcons.d.ts +1 -0
- package/dist/icons/utilityIcons.d.ts.map +1 -1
- package/dist/icons/utilityIcons.js +3 -1
- package/dist/icons/utilityIcons.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9 -3
- package/dist/index.js.map +1 -1
- package/dist/utils/createImageIcon.d.ts +1 -0
- package/dist/utils/createImageIcon.d.ts.map +1 -1
- package/dist/utils/createImageIcon.js +79 -3
- package/dist/utils/createImageIcon.js.map +1 -1
- package/dist/utils/createResponsiveStyles.d.ts +52 -0
- package/dist/utils/createResponsiveStyles.d.ts.map +1 -0
- package/dist/utils/createResponsiveStyles.js +68 -0
- package/dist/utils/createResponsiveStyles.js.map +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/makeResponsiveStyles.d.ts +48 -0
- package/dist/utils/makeResponsiveStyles.d.ts.map +1 -0
- package/dist/utils/makeResponsiveStyles.js +51 -0
- package/dist/utils/makeResponsiveStyles.js.map +1 -0
- package/package.json +1 -1
- package/dist/icons/GradientDefs.d.ts +0 -2
- package/dist/icons/GradientDefs.d.ts.map +0 -1
- package/dist/icons/GradientDefs.js +0 -12
- package/dist/icons/GradientDefs.js.map +0 -1
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Audius Breakpoint System
|
|
3
|
+
*
|
|
4
|
+
* Standard breakpoints for responsive design. These values align with common
|
|
5
|
+
* device sizes and are used throughout the application for consistent
|
|
6
|
+
* responsive behavior.
|
|
7
|
+
*/
|
|
8
|
+
export declare const breakpoints: {
|
|
9
|
+
values: {
|
|
10
|
+
/**
|
|
11
|
+
* Extra small devices (portrait phones)
|
|
12
|
+
*/
|
|
13
|
+
xs: number;
|
|
14
|
+
/**
|
|
15
|
+
* Small devices (landscape phones)
|
|
16
|
+
*/
|
|
17
|
+
sm: number;
|
|
18
|
+
/**
|
|
19
|
+
* Medium devices (tablets)
|
|
20
|
+
*/
|
|
21
|
+
md: number;
|
|
22
|
+
/**
|
|
23
|
+
* Large devices (desktops)
|
|
24
|
+
*/
|
|
25
|
+
lg: number;
|
|
26
|
+
/**
|
|
27
|
+
* Extra large devices (large desktops)
|
|
28
|
+
*/
|
|
29
|
+
xl: number;
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* Media query strings for max-width (smaller than breakpoint)
|
|
33
|
+
*/
|
|
34
|
+
down: {
|
|
35
|
+
/**
|
|
36
|
+
* @example (max-width: 480px)
|
|
37
|
+
* Smaller than xs breakpoint (mobile phones)
|
|
38
|
+
*/
|
|
39
|
+
xs: string;
|
|
40
|
+
/**
|
|
41
|
+
* @example (max-width: 768px)
|
|
42
|
+
* Smaller than sm breakpoint (includes mobile phones and small tablets)
|
|
43
|
+
*/
|
|
44
|
+
sm: string;
|
|
45
|
+
/**
|
|
46
|
+
* @example (max-width: 1024px)
|
|
47
|
+
* Smaller than md breakpoint (includes mobile phones, tablets, and small laptops)
|
|
48
|
+
*/
|
|
49
|
+
md: string;
|
|
50
|
+
/**
|
|
51
|
+
* @example (max-width: 1280px)
|
|
52
|
+
* Smaller than lg breakpoint (includes all except large desktops)
|
|
53
|
+
*/
|
|
54
|
+
lg: string;
|
|
55
|
+
/**
|
|
56
|
+
* @example (max-width: 1440px)
|
|
57
|
+
* Smaller than xl breakpoint
|
|
58
|
+
*/
|
|
59
|
+
xl: string;
|
|
60
|
+
};
|
|
61
|
+
/**
|
|
62
|
+
* Media query strings for min-width (larger than breakpoint)
|
|
63
|
+
*/
|
|
64
|
+
up: {
|
|
65
|
+
/**
|
|
66
|
+
* @example (min-width: 481px)
|
|
67
|
+
* Larger than xs breakpoint (tablets and above)
|
|
68
|
+
*/
|
|
69
|
+
xs: string;
|
|
70
|
+
/**
|
|
71
|
+
* @example (min-width: 769px)
|
|
72
|
+
* Larger than sm breakpoint (desktops and above)
|
|
73
|
+
*/
|
|
74
|
+
sm: string;
|
|
75
|
+
/**
|
|
76
|
+
* @example (min-width: 1025px)
|
|
77
|
+
* Larger than md breakpoint (larger desktops)
|
|
78
|
+
*/
|
|
79
|
+
md: string;
|
|
80
|
+
/**
|
|
81
|
+
* @example (min-width: 1281px)
|
|
82
|
+
* Larger than lg breakpoint (large desktops)
|
|
83
|
+
*/
|
|
84
|
+
lg: string;
|
|
85
|
+
/**
|
|
86
|
+
* @example (min-width: 1441px)
|
|
87
|
+
* Larger than xl breakpoint (extra large desktops)
|
|
88
|
+
*/
|
|
89
|
+
xl: string;
|
|
90
|
+
};
|
|
91
|
+
/**
|
|
92
|
+
* Media query strings for ranges between breakpoints
|
|
93
|
+
*/
|
|
94
|
+
between: {
|
|
95
|
+
/**
|
|
96
|
+
* @example (min-width: 481px) and (max-width: 768px)
|
|
97
|
+
* Between xs and sm breakpoints (small tablets)
|
|
98
|
+
*/
|
|
99
|
+
xs_sm: string;
|
|
100
|
+
/**
|
|
101
|
+
* @example (min-width: 769px) and (max-width: 1024px)
|
|
102
|
+
* Between sm and md breakpoints (tablets)
|
|
103
|
+
*/
|
|
104
|
+
sm_md: string;
|
|
105
|
+
/**
|
|
106
|
+
* @example (min-width: 1025px) and (max-width: 1280px)
|
|
107
|
+
* Between md and lg breakpoints (small desktops)
|
|
108
|
+
*/
|
|
109
|
+
md_lg: string;
|
|
110
|
+
/**
|
|
111
|
+
* @example (min-width: 1281px) and (max-width: 1440px)
|
|
112
|
+
* Between lg and xl breakpoints (medium desktops)
|
|
113
|
+
*/
|
|
114
|
+
lg_xl: string;
|
|
115
|
+
};
|
|
116
|
+
/**
|
|
117
|
+
* Helper function to create a custom media query
|
|
118
|
+
* @param minWidth minimum width in pixels
|
|
119
|
+
* @param maxWidth maximum width in pixels
|
|
120
|
+
* @returns media query string
|
|
121
|
+
*/
|
|
122
|
+
createCustomQuery: (minWidth?: number, maxWidth?: number) => string;
|
|
123
|
+
};
|
|
124
|
+
//# sourceMappingURL=breakpoints.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../src/foundations/breakpoints/breakpoints.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,WAAW;;QAGpB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;IAIL;;OAEG;;QAED;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;;IAIL;;OAEG;;QAED;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;;IAIL;;OAEG;;QAED;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;;IAIL;;;;;OAKG;mCAC4B,MAAM,aAAa,MAAM,KAAG,MAAM;CAYlE,CAAA"}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Audius Breakpoint System
|
|
3
|
+
*
|
|
4
|
+
* Standard breakpoints for responsive design. These values align with common
|
|
5
|
+
* device sizes and are used throughout the application for consistent
|
|
6
|
+
* responsive behavior.
|
|
7
|
+
*/
|
|
8
|
+
var breakpoints = {
|
|
9
|
+
// Maximum width values for each breakpoint
|
|
10
|
+
values: {
|
|
11
|
+
/**
|
|
12
|
+
* Extra small devices (portrait phones)
|
|
13
|
+
*/
|
|
14
|
+
xs: 480,
|
|
15
|
+
/**
|
|
16
|
+
* Small devices (landscape phones)
|
|
17
|
+
*/
|
|
18
|
+
sm: 768,
|
|
19
|
+
/**
|
|
20
|
+
* Medium devices (tablets)
|
|
21
|
+
*/
|
|
22
|
+
md: 1024,
|
|
23
|
+
/**
|
|
24
|
+
* Large devices (desktops)
|
|
25
|
+
*/
|
|
26
|
+
lg: 1280,
|
|
27
|
+
/**
|
|
28
|
+
* Extra large devices (large desktops)
|
|
29
|
+
*/
|
|
30
|
+
xl: 1440
|
|
31
|
+
},
|
|
32
|
+
/**
|
|
33
|
+
* Media query strings for max-width (smaller than breakpoint)
|
|
34
|
+
*/
|
|
35
|
+
down: {
|
|
36
|
+
/**
|
|
37
|
+
* @example (max-width: 480px)
|
|
38
|
+
* Smaller than xs breakpoint (mobile phones)
|
|
39
|
+
*/
|
|
40
|
+
xs: "(max-width: 480px)",
|
|
41
|
+
/**
|
|
42
|
+
* @example (max-width: 768px)
|
|
43
|
+
* Smaller than sm breakpoint (includes mobile phones and small tablets)
|
|
44
|
+
*/
|
|
45
|
+
sm: "(max-width: 768px)",
|
|
46
|
+
/**
|
|
47
|
+
* @example (max-width: 1024px)
|
|
48
|
+
* Smaller than md breakpoint (includes mobile phones, tablets, and small laptops)
|
|
49
|
+
*/
|
|
50
|
+
md: "(max-width: 1024px)",
|
|
51
|
+
/**
|
|
52
|
+
* @example (max-width: 1280px)
|
|
53
|
+
* Smaller than lg breakpoint (includes all except large desktops)
|
|
54
|
+
*/
|
|
55
|
+
lg: "(max-width: 1280px)",
|
|
56
|
+
/**
|
|
57
|
+
* @example (max-width: 1440px)
|
|
58
|
+
* Smaller than xl breakpoint
|
|
59
|
+
*/
|
|
60
|
+
xl: "(max-width: 1440px)"
|
|
61
|
+
},
|
|
62
|
+
/**
|
|
63
|
+
* Media query strings for min-width (larger than breakpoint)
|
|
64
|
+
*/
|
|
65
|
+
up: {
|
|
66
|
+
/**
|
|
67
|
+
* @example (min-width: 481px)
|
|
68
|
+
* Larger than xs breakpoint (tablets and above)
|
|
69
|
+
*/
|
|
70
|
+
xs: "(min-width: 481px)",
|
|
71
|
+
/**
|
|
72
|
+
* @example (min-width: 769px)
|
|
73
|
+
* Larger than sm breakpoint (desktops and above)
|
|
74
|
+
*/
|
|
75
|
+
sm: "(min-width: 769px)",
|
|
76
|
+
/**
|
|
77
|
+
* @example (min-width: 1025px)
|
|
78
|
+
* Larger than md breakpoint (larger desktops)
|
|
79
|
+
*/
|
|
80
|
+
md: "(min-width: 1025px)",
|
|
81
|
+
/**
|
|
82
|
+
* @example (min-width: 1281px)
|
|
83
|
+
* Larger than lg breakpoint (large desktops)
|
|
84
|
+
*/
|
|
85
|
+
lg: "(min-width: 1281px)",
|
|
86
|
+
/**
|
|
87
|
+
* @example (min-width: 1441px)
|
|
88
|
+
* Larger than xl breakpoint (extra large desktops)
|
|
89
|
+
*/
|
|
90
|
+
xl: "(min-width: 1441px)"
|
|
91
|
+
},
|
|
92
|
+
/**
|
|
93
|
+
* Media query strings for ranges between breakpoints
|
|
94
|
+
*/
|
|
95
|
+
between: {
|
|
96
|
+
/**
|
|
97
|
+
* @example (min-width: 481px) and (max-width: 768px)
|
|
98
|
+
* Between xs and sm breakpoints (small tablets)
|
|
99
|
+
*/
|
|
100
|
+
xs_sm: "(min-width: 481px) and (max-width: 768px)",
|
|
101
|
+
/**
|
|
102
|
+
* @example (min-width: 769px) and (max-width: 1024px)
|
|
103
|
+
* Between sm and md breakpoints (tablets)
|
|
104
|
+
*/
|
|
105
|
+
sm_md: "(min-width: 769px) and (max-width: 1024px)",
|
|
106
|
+
/**
|
|
107
|
+
* @example (min-width: 1025px) and (max-width: 1280px)
|
|
108
|
+
* Between md and lg breakpoints (small desktops)
|
|
109
|
+
*/
|
|
110
|
+
md_lg: "(min-width: 1025px) and (max-width: 1280px)",
|
|
111
|
+
/**
|
|
112
|
+
* @example (min-width: 1281px) and (max-width: 1440px)
|
|
113
|
+
* Between lg and xl breakpoints (medium desktops)
|
|
114
|
+
*/
|
|
115
|
+
lg_xl: "(min-width: 1281px) and (max-width: 1440px)"
|
|
116
|
+
},
|
|
117
|
+
/**
|
|
118
|
+
* Helper function to create a custom media query
|
|
119
|
+
* @param minWidth minimum width in pixels
|
|
120
|
+
* @param maxWidth maximum width in pixels
|
|
121
|
+
* @returns media query string
|
|
122
|
+
*/
|
|
123
|
+
createCustomQuery: function (minWidth, maxWidth) {
|
|
124
|
+
if (minWidth && maxWidth) {
|
|
125
|
+
return "(min-width: ".concat(minWidth, "px) and (max-width: ").concat(maxWidth, "px)");
|
|
126
|
+
}
|
|
127
|
+
if (minWidth) {
|
|
128
|
+
return "(min-width: ".concat(minWidth, "px)");
|
|
129
|
+
}
|
|
130
|
+
if (maxWidth) {
|
|
131
|
+
return "(max-width: ".concat(maxWidth, "px)");
|
|
132
|
+
}
|
|
133
|
+
return '';
|
|
134
|
+
}
|
|
135
|
+
};
|
|
136
|
+
|
|
137
|
+
export { breakpoints };
|
|
138
|
+
//# sourceMappingURL=breakpoints.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breakpoints.js","sources":["../../../src/foundations/breakpoints/breakpoints.ts"],"sourcesContent":["/**\n * Audius Breakpoint System\n *\n * Standard breakpoints for responsive design. These values align with common\n * device sizes and are used throughout the application for consistent\n * responsive behavior.\n */\n\nexport const breakpoints = {\n // Maximum width values for each breakpoint\n values: {\n /**\n * Extra small devices (portrait phones)\n */\n xs: 480,\n /**\n * Small devices (landscape phones)\n */\n sm: 768,\n /**\n * Medium devices (tablets)\n */\n md: 1024,\n /**\n * Large devices (desktops)\n */\n lg: 1280,\n /**\n * Extra large devices (large desktops)\n */\n xl: 1440\n },\n\n /**\n * Media query strings for max-width (smaller than breakpoint)\n */\n down: {\n /**\n * @example (max-width: 480px)\n * Smaller than xs breakpoint (mobile phones)\n */\n xs: `(max-width: 480px)`,\n /**\n * @example (max-width: 768px)\n * Smaller than sm breakpoint (includes mobile phones and small tablets)\n */\n sm: `(max-width: 768px)`,\n /**\n * @example (max-width: 1024px)\n * Smaller than md breakpoint (includes mobile phones, tablets, and small laptops)\n */\n md: `(max-width: 1024px)`,\n /**\n * @example (max-width: 1280px)\n * Smaller than lg breakpoint (includes all except large desktops)\n */\n lg: `(max-width: 1280px)`,\n /**\n * @example (max-width: 1440px)\n * Smaller than xl breakpoint\n */\n xl: `(max-width: 1440px)`\n },\n\n /**\n * Media query strings for min-width (larger than breakpoint)\n */\n up: {\n /**\n * @example (min-width: 481px)\n * Larger than xs breakpoint (tablets and above)\n */\n xs: `(min-width: 481px)`,\n /**\n * @example (min-width: 769px)\n * Larger than sm breakpoint (desktops and above)\n */\n sm: `(min-width: 769px)`,\n /**\n * @example (min-width: 1025px)\n * Larger than md breakpoint (larger desktops)\n */\n md: `(min-width: 1025px)`,\n /**\n * @example (min-width: 1281px)\n * Larger than lg breakpoint (large desktops)\n */\n lg: `(min-width: 1281px)`,\n /**\n * @example (min-width: 1441px)\n * Larger than xl breakpoint (extra large desktops)\n */\n xl: `(min-width: 1441px)`\n },\n\n /**\n * Media query strings for ranges between breakpoints\n */\n between: {\n /**\n * @example (min-width: 481px) and (max-width: 768px)\n * Between xs and sm breakpoints (small tablets)\n */\n xs_sm: `(min-width: 481px) and (max-width: 768px)`,\n /**\n * @example (min-width: 769px) and (max-width: 1024px)\n * Between sm and md breakpoints (tablets)\n */\n sm_md: `(min-width: 769px) and (max-width: 1024px)`,\n /**\n * @example (min-width: 1025px) and (max-width: 1280px)\n * Between md and lg breakpoints (small desktops)\n */\n md_lg: `(min-width: 1025px) and (max-width: 1280px)`,\n /**\n * @example (min-width: 1281px) and (max-width: 1440px)\n * Between lg and xl breakpoints (medium desktops)\n */\n lg_xl: `(min-width: 1281px) and (max-width: 1440px)`\n },\n\n /**\n * Helper function to create a custom media query\n * @param minWidth minimum width in pixels\n * @param maxWidth maximum width in pixels\n * @returns media query string\n */\n createCustomQuery: (minWidth?: number, maxWidth?: number): string => {\n if (minWidth && maxWidth) {\n return `(min-width: ${minWidth}px) and (max-width: ${maxWidth}px)`\n }\n if (minWidth) {\n return `(min-width: ${minWidth}px)`\n }\n if (maxWidth) {\n return `(max-width: ${maxWidth}px)`\n }\n return ''\n }\n}\n"],"names":[],"mappings":"AAAA;;;;;;AAMG;AAEU,IAAA,WAAW,GAAG;;AAEzB,IAAA,MAAM,EAAE;AACN;;AAEG;AACH,QAAA,EAAE,EAAE,GAAG;AACP;;AAEG;AACH,QAAA,EAAE,EAAE,GAAG;AACP;;AAEG;AACH,QAAA,EAAE,EAAE,IAAI;AACR;;AAEG;AACH,QAAA,EAAE,EAAE,IAAI;AACR;;AAEG;AACH,QAAA,EAAE,EAAE,IAAI;AACT,KAAA;AAED;;AAEG;AACH,IAAA,IAAI,EAAE;AACJ;;;AAGG;AACH,QAAA,EAAE,EAAE,oBAAoB;AACxB;;;AAGG;AACH,QAAA,EAAE,EAAE,oBAAoB;AACxB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AACzB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AACzB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AAC1B,KAAA;AAED;;AAEG;AACH,IAAA,EAAE,EAAE;AACF;;;AAGG;AACH,QAAA,EAAE,EAAE,oBAAoB;AACxB;;;AAGG;AACH,QAAA,EAAE,EAAE,oBAAoB;AACxB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AACzB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AACzB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AAC1B,KAAA;AAED;;AAEG;AACH,IAAA,OAAO,EAAE;AACP;;;AAGG;AACH,QAAA,KAAK,EAAE,2CAA2C;AAClD;;;AAGG;AACH,QAAA,KAAK,EAAE,4CAA4C;AACnD;;;AAGG;AACH,QAAA,KAAK,EAAE,6CAA6C;AACpD;;;AAGG;AACH,QAAA,KAAK,EAAE,6CAA6C;AACrD,KAAA;AAED;;;;;AAKG;AACH,IAAA,iBAAiB,EAAE,UAAC,QAAiB,EAAE,QAAiB,EAAA;QACtD,IAAI,QAAQ,IAAI,QAAQ,EAAE;AACxB,YAAA,OAAO,cAAe,CAAA,MAAA,CAAA,QAAQ,EAAuB,sBAAA,CAAA,CAAA,MAAA,CAAA,QAAQ,QAAK,CAAA;AACnE,SAAA;AACD,QAAA,IAAI,QAAQ,EAAE;YACZ,OAAO,cAAA,CAAA,MAAA,CAAe,QAAQ,EAAA,KAAA,CAAK,CAAA;AACpC,SAAA;AACD,QAAA,IAAI,QAAQ,EAAE;YACZ,OAAO,cAAA,CAAA,MAAA,CAAe,QAAQ,EAAA,KAAA,CAAK,CAAA;AACpC,SAAA;AACD,QAAA,OAAO,EAAE,CAAA;KACV;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/foundations/breakpoints/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
|
|
@@ -44,6 +44,7 @@ export declare const colorTheme: {
|
|
|
44
44
|
surface2: string;
|
|
45
45
|
white: string;
|
|
46
46
|
primary: string;
|
|
47
|
+
gradient: string;
|
|
47
48
|
accent: string;
|
|
48
49
|
};
|
|
49
50
|
border: {
|
|
@@ -167,6 +168,7 @@ export declare const colorTheme: {
|
|
|
167
168
|
surface2: string;
|
|
168
169
|
white: string;
|
|
169
170
|
primary: string;
|
|
171
|
+
gradient: string;
|
|
170
172
|
accent: string;
|
|
171
173
|
};
|
|
172
174
|
border: {
|
|
@@ -290,6 +292,7 @@ export declare const colorTheme: {
|
|
|
290
292
|
surface2: string;
|
|
291
293
|
white: string;
|
|
292
294
|
primary: string;
|
|
295
|
+
gradient: string;
|
|
293
296
|
accent: string;
|
|
294
297
|
};
|
|
295
298
|
border: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/color.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/color.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAatB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAA"}
|
|
@@ -44,6 +44,7 @@ export declare const semanticTheme: {
|
|
|
44
44
|
surface2: string;
|
|
45
45
|
white: string;
|
|
46
46
|
primary: string;
|
|
47
|
+
gradient: string;
|
|
47
48
|
accent: string;
|
|
48
49
|
};
|
|
49
50
|
border: {
|
|
@@ -107,6 +108,7 @@ export declare const semanticTheme: {
|
|
|
107
108
|
surface2: string;
|
|
108
109
|
white: string;
|
|
109
110
|
primary: string;
|
|
111
|
+
gradient: string;
|
|
110
112
|
accent: string;
|
|
111
113
|
};
|
|
112
114
|
border: {
|
|
@@ -170,6 +172,7 @@ export declare const semanticTheme: {
|
|
|
170
172
|
surface2: string;
|
|
171
173
|
white: string;
|
|
172
174
|
primary: string;
|
|
175
|
+
gradient: string;
|
|
173
176
|
accent: string;
|
|
174
177
|
};
|
|
175
178
|
border: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"semantic.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/semantic.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"semantic.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/semantic.ts"],"names":[],"mappings":"AA0EA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIzB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,aAAa,CAAC,GAAG,CAAA;AAErD,MAAM,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;AACjE,MAAM,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA;AACzD,MAAM,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,OAAO,CAAC,CAAA;AACvD,MAAM,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA"}
|
|
@@ -47,6 +47,7 @@ var createSemanticTheme = function (primitives) { return ({
|
|
|
47
47
|
surface2: primitives.neutral.n50,
|
|
48
48
|
white: primitives.special.white,
|
|
49
49
|
primary: primitives.primary.p300,
|
|
50
|
+
gradient: primitives.special.gradient,
|
|
50
51
|
// Legacy compatibility
|
|
51
52
|
accent: primitives.secondary.s300
|
|
52
53
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"semantic.js","sources":["../../../src/foundations/color/semantic.ts"],"sourcesContent":["import type { PrimitiveColors } from './primitive'\nimport { primitiveTheme } from './primitive'\n\nconst createSemanticTheme = (primitives: PrimitiveColors) => ({\n text: {\n default: primitives.neutral.n800,\n subdued: primitives.neutral.n400,\n disabled: primitives.neutral.n150,\n link: primitives.primary.p500,\n accent: primitives.secondary.s300,\n inverse: primitives.neutral.n950,\n\n // Legacy compatibility\n heading: primitives.special.gradient,\n active: primitives.primary.p300,\n white: primitives.special.white,\n staticWhite: primitives.static.staticWhite,\n warning: primitives.special.orange,\n danger: primitives.special.red,\n premium: primitives.special.lightGreen,\n special: primitives.special.blue\n },\n icon: {\n default: primitives.neutral.n800,\n subdued: primitives.neutral.n400,\n disabled: primitives.neutral.n150,\n link: primitives.primary.p500,\n accent: primitives.secondary.s300,\n inverse: primitives.static.staticWhite,\n\n // Legacy compatibility\n heading: primitives.special.gradient,\n active: primitives.primary.p300,\n white: primitives.special.white,\n staticWhite: primitives.static.staticWhite,\n warning: primitives.special.orange,\n danger: primitives.special.red,\n premium: primitives.special.lightGreen,\n special: primitives.special.blue\n },\n link: {\n default: primitives.neutral.n800,\n subdued: primitives.neutral.n400,\n visible: primitives.primary.p500,\n inverted: primitives.static.white\n },\n background: {\n default: primitives.special.background,\n surface1: primitives.neutral.n25,\n surface2: primitives.neutral.n50,\n white: primitives.special.white,\n primary: primitives.primary.p300,\n\n // Legacy compatibility\n accent: primitives.secondary.s300\n },\n border: {\n default: primitives.neutral.n100,\n strong: primitives.neutral.n150,\n negative: primitives.special.white,\n accent: primitives.secondary.s300\n },\n focus: {\n default: primitives.secondary.s300\n },\n status: {\n error: primitives.special.red,\n warning: primitives.special.orange,\n success: primitives.special.green,\n danger: primitives.special.red\n }\n})\n\nexport const semanticTheme = {\n day: createSemanticTheme(primitiveTheme.day),\n dark: createSemanticTheme(primitiveTheme.dark),\n matrix: createSemanticTheme(primitiveTheme.matrix)\n}\n\nexport type SemanticColors = typeof semanticTheme.day\n\nexport type TextColors = keyof SemanticColors['text']\nexport type IconColors = keyof SemanticColors['icon']\nexport type BackgroundColors = keyof SemanticColors['background']\nexport type BorderColors = keyof SemanticColors['border']\nexport type FocusColors = keyof SemanticColors['focus']\nexport type StatusColors = keyof SemanticColors['status']\n"],"names":[],"mappings":";;AAGA,IAAM,mBAAmB,GAAG,UAAC,UAA2B,EAAA,EAAK,QAAC;AAC5D,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AACjC,QAAA,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAC7B,QAAA,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI;AACjC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;;AAGhC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;AACpC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAC/B,QAAA,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK;AAC/B,QAAA,WAAW,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW;AAC1C,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,MAAM;AAClC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAC9B,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,UAAU;AACtC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AACjC,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AACjC,QAAA,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAC7B,QAAA,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI;AACjC,QAAA,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW;;AAGtC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;AACpC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAC/B,QAAA,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK;AAC/B,QAAA,WAAW,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW;AAC1C,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,MAAM;AAClC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAC9B,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,UAAU;AACtC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AACjC,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK;AAClC,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,UAAU;AACtC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAChC,QAAA,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK;AAC/B,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;;
|
|
1
|
+
{"version":3,"file":"semantic.js","sources":["../../../src/foundations/color/semantic.ts"],"sourcesContent":["import type { PrimitiveColors } from './primitive'\nimport { primitiveTheme } from './primitive'\n\nconst createSemanticTheme = (primitives: PrimitiveColors) => ({\n text: {\n default: primitives.neutral.n800,\n subdued: primitives.neutral.n400,\n disabled: primitives.neutral.n150,\n link: primitives.primary.p500,\n accent: primitives.secondary.s300,\n inverse: primitives.neutral.n950,\n\n // Legacy compatibility\n heading: primitives.special.gradient,\n active: primitives.primary.p300,\n white: primitives.special.white,\n staticWhite: primitives.static.staticWhite,\n warning: primitives.special.orange,\n danger: primitives.special.red,\n premium: primitives.special.lightGreen,\n special: primitives.special.blue\n },\n icon: {\n default: primitives.neutral.n800,\n subdued: primitives.neutral.n400,\n disabled: primitives.neutral.n150,\n link: primitives.primary.p500,\n accent: primitives.secondary.s300,\n inverse: primitives.static.staticWhite,\n\n // Legacy compatibility\n heading: primitives.special.gradient,\n active: primitives.primary.p300,\n white: primitives.special.white,\n staticWhite: primitives.static.staticWhite,\n warning: primitives.special.orange,\n danger: primitives.special.red,\n premium: primitives.special.lightGreen,\n special: primitives.special.blue\n },\n link: {\n default: primitives.neutral.n800,\n subdued: primitives.neutral.n400,\n visible: primitives.primary.p500,\n inverted: primitives.static.white\n },\n background: {\n default: primitives.special.background,\n surface1: primitives.neutral.n25,\n surface2: primitives.neutral.n50,\n white: primitives.special.white,\n primary: primitives.primary.p300,\n gradient: primitives.special.gradient,\n\n // Legacy compatibility\n accent: primitives.secondary.s300\n },\n border: {\n default: primitives.neutral.n100,\n strong: primitives.neutral.n150,\n negative: primitives.special.white,\n accent: primitives.secondary.s300\n },\n focus: {\n default: primitives.secondary.s300\n },\n status: {\n error: primitives.special.red,\n warning: primitives.special.orange,\n success: primitives.special.green,\n danger: primitives.special.red\n }\n})\n\nexport const semanticTheme = {\n day: createSemanticTheme(primitiveTheme.day),\n dark: createSemanticTheme(primitiveTheme.dark),\n matrix: createSemanticTheme(primitiveTheme.matrix)\n}\n\nexport type SemanticColors = typeof semanticTheme.day\n\nexport type TextColors = keyof SemanticColors['text']\nexport type IconColors = keyof SemanticColors['icon']\nexport type BackgroundColors = keyof SemanticColors['background']\nexport type BorderColors = keyof SemanticColors['border']\nexport type FocusColors = keyof SemanticColors['focus']\nexport type StatusColors = keyof SemanticColors['status']\n"],"names":[],"mappings":";;AAGA,IAAM,mBAAmB,GAAG,UAAC,UAA2B,EAAA,EAAK,QAAC;AAC5D,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AACjC,QAAA,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAC7B,QAAA,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI;AACjC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;;AAGhC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;AACpC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAC/B,QAAA,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK;AAC/B,QAAA,WAAW,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW;AAC1C,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,MAAM;AAClC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAC9B,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,UAAU;AACtC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AACjC,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AACjC,QAAA,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAC7B,QAAA,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI;AACjC,QAAA,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW;;AAGtC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;AACpC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAC/B,QAAA,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK;AAC/B,QAAA,WAAW,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW;AAC1C,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,MAAM;AAClC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAC9B,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,UAAU;AACtC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AACjC,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK;AAClC,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,UAAU;AACtC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAChC,QAAA,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK;AAC/B,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;;AAGrC,QAAA,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI;AAClC,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAC/B,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK;AAClC,QAAA,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI;AAClC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI;AACnC,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAC7B,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,MAAM;AAClC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK;AACjC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAC/B,KAAA;CACF,EAAC,EAAA,CAAA;AAEW,IAAA,aAAa,GAAG;AAC3B,IAAA,GAAG,EAAE,mBAAmB,CAAC,cAAc,CAAC,GAAG,CAAC;AAC5C,IAAA,IAAI,EAAE,mBAAmB,CAAC,cAAc,CAAC,IAAI,CAAC;AAC9C,IAAA,MAAM,EAAE,mBAAmB,CAAC,cAAc,CAAC,MAAM,CAAC;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/foundations/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/foundations/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA"}
|
|
@@ -2,7 +2,7 @@ import { __assign } from '../../_virtual/_tslib.js';
|
|
|
2
2
|
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
3
3
|
import { useEffect } from 'react';
|
|
4
4
|
import { ThemeProvider as ThemeProvider$1 } from '@emotion/react';
|
|
5
|
-
import {
|
|
5
|
+
import { SVGDefs } from '../../icons/SVGDefs.js';
|
|
6
6
|
import { themes } from './theme.js';
|
|
7
7
|
|
|
8
8
|
var ThemeProvider = function (props) {
|
|
@@ -12,7 +12,7 @@ var ThemeProvider = function (props) {
|
|
|
12
12
|
document.documentElement.setAttribute('data-theme', theme);
|
|
13
13
|
}
|
|
14
14
|
}, [theme]);
|
|
15
|
-
return (jsxs(ThemeProvider$1, __assign({ theme: themes[theme] }, { children: [jsx(
|
|
15
|
+
return (jsxs(ThemeProvider$1, __assign({ theme: themes[theme] }, { children: [jsx(SVGDefs, {}), children] })));
|
|
16
16
|
};
|
|
17
17
|
|
|
18
18
|
export { ThemeProvider };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/foundations/theme/ThemeProvider.tsx"],"sourcesContent":["import { useEffect, type ReactNode } from 'react'\n\nimport { ThemeProvider as EmotionThemeProvider } from '@emotion/react'\n\nimport {
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/foundations/theme/ThemeProvider.tsx"],"sourcesContent":["import { useEffect, type ReactNode } from 'react'\n\nimport { ThemeProvider as EmotionThemeProvider } from '@emotion/react'\n\nimport { SVGDefs } from '../../icons/SVGDefs'\n\nimport { themes } from './theme'\nimport type { Theme } from './types'\n\ntype ThemeProviderProps = {\n theme: Theme\n children: ReactNode\n}\n\nexport const ThemeProvider = (props: ThemeProviderProps) => {\n const { children, theme } = props\n\n useEffect(() => {\n if (typeof document !== 'undefined') {\n document.documentElement.setAttribute('data-theme', theme)\n }\n }, [theme])\n\n return (\n <EmotionThemeProvider theme={themes[theme]}>\n <SVGDefs />\n {children}\n </EmotionThemeProvider>\n )\n}\n"],"names":["_jsxs","EmotionThemeProvider","_jsx"],"mappings":";;;;;;;AAcO,IAAM,aAAa,GAAG,UAAC,KAAyB,EAAA;IAC7C,IAAA,QAAQ,GAAY,KAAK,CAAA,QAAjB,EAAE,KAAK,GAAK,KAAK,CAAA,KAAV,CAAU;AAEjC,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;YACnC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;AAC3D,SAAA;AACH,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;AAEX,IAAA,QACEA,IAAC,CAAAC,eAAoB,aAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAA,EAAA,EAAA,QAAA,EAAA,CACxCC,IAAC,OAAO,EAAA,EAAA,CAAG,EACV,QAAQ,CAAA,EAAA,CAAA,CACY,EACxB;AACH;;;;"}
|