@audius/harmony 0.0.34 → 0.2.0

package/dist/index.js

@@ -5,7 +5,7 @@ export { cornerRadius } from './foundations/corner-radius/cornerRadius.js';
 export { motion, spring } from './foundations/motion/motion.js';
 export { shadows } from './foundations/shadows/shadows.js';
 export { ThemeProvider } from './foundations/theme/ThemeProvider.js';
-export { darkTheme, dayTheme, matrixTheme, themes } from './foundations/theme/theme.js';
+export { darkTheme, dayTheme, debugTheme, matrixTheme, themes } from './foundations/theme/theme.js';
 export { useTheme } from '@emotion/react';
 export { typography } from './foundations/typography/typography.js';
 export { iconSizes, spacing } from './foundations/spacing/spacing.js';
@@ -21,14 +21,15 @@ export { Divider } from './components/layout/Divider/Divider.js';
 export { Flex } from './components/layout/Flex/Flex.js';
 export { Paper } from './components/layout/Paper/Paper.js';
 export { Text } from './components/text/Text.js';
-export { variantStylesMap, variantTagMap } from './components/text/constants.js';
+export { bodyLineHeightMap, variantStylesMap, variantTagMap } from './components/text/constants.js';
 export { Button } from './components/button/Button/Button.js';
 export { PlainButton } from './components/button/PlainButton/PlainButton.js';
 export { SocialButton } from './components/button/SocialButton/SocialButton.js';
 export { FollowButton } from './components/button/FollowButton/FollowButton.js';
-export { FilterButton } from './components/button/FilterButton/FilterButton.js';
 export { IconButton } from './components/button/IconButton/IconButton.js';
 export { UnstyledButton } from './components/button/UnstyledButton.js';
+export { FilterButton } from './components/button/FilterButton/FilterButton.js';
+export { FilterButtonOption } from './components/button/FilterButton/FilterButtonOption.js';
 export { CompletionCheck } from './components/completion-check/CompletionCheck.js';
 export { TextLink } from './components/text-link/TextLink.js';
 export { Hint } from './components/hint/Hint.js';
@@ -52,10 +53,22 @@ export { ProgressBar } from './components/progress-bar/ProgressBar.js';
 export { Scrubber } from './components/scrubber/Scrubber.js';
 export { Skeleton } from './components/skeleton/Skeleton.js';
 export { Artwork } from './components/artwork/Artwork.js';
+export { MusicBadge } from './components/music-badge/MusicBadge.js';
 export { default as LoadingSpinner } from './components/loading-spinner/LoadingSpinner.js';
 export { Pill } from './components/pill/Pill.js';
-export { IconAlbum, IconAllTime, IconAppearance, IconArrowLeft, IconArrowRight, IconBlog, IconBoxHeart, IconCalendarDay, IconCalendarMonth, IconCalendarWeek, IconCamera, IconCampfire, IconCaretDown, IconCaretLeft, IconCaretRight, IconCaretUp, IconCart, IconCastAirplay, IconCastChromecast, IconCheck, IconClose, IconCloseAlt, IconCloudDownload, IconCloudDownloadError, IconCloudDownloadInactive, IconCloudDownloadPaused, IconCloudDownloadQueued, IconCloudUpload, IconCollectible, IconCompose, IconCopy, IconCreatePlaylist, IconCreditCard, IconCrown, IconDashboard, IconDesktop, IconDonate, IconDrag, IconEarnings, IconEmailAddress, IconEmbed, IconError, IconExplore, IconExternalLink, IconFeed, IconFilter, IconFolder, IconFoundation, IconGift, IconHeadphones, IconHeart, IconImage, IconIndent, IconInfo, IconKebabHorizontal, IconKey, IconLibrary, IconLifeRing, IconLink, IconListeningHistory, IconListens, IconLock, IconLockUnlocked, IconMerch, IconMessage, IconMessageBlock, IconMessageLocked, IconMessageUnblock, IconMinus, IconMoneyBracket, IconMood, IconNoWifi, IconNote, IconNotificationOff, IconNotificationOn, IconPause, IconPencil, IconPlay, IconPlaybackPause, IconPlaybackPlay, IconPlaylists, IconPlus, IconPodcastBack, IconPodcastForward, IconQuestionCircle, IconRadar, IconReceive, IconRecoveryEmail, IconRefresh, IconRemix, IconRemove, IconRepeatOff, IconRepost, IconRobot, IconRocket, IconSave, IconSearch, IconSend, IconSettings, IconShare, IconShieldCheck, IconShieldUser, IconShuffle, IconSignOut, IconSkipNext, IconSkipPrevious, IconSkull, IconSort, IconSortDown, IconSortUp, IconSoundwave, IconSpeaker, IconSpecialAccess, IconStar, IconStars, IconSupport, IconTastemaker, IconThumbsDown, IconThumbsUp, IconTipping, IconTransaction, IconTrash, IconTrending, IconTriangleExclamation, IconTrophy, IconTurntable, IconUser, IconUserArrowRotate, IconUserFollow, IconUserFollowers, IconUserFollowing, IconUserGroup, IconUserList, IconUserUnfollow, IconValidationCheck, IconValidationX, IconVisibilityHidden, IconVisibilityPublic, IconVolumeLevel0, IconVolumeLevel1, IconVolumeLevel2, IconVolumeLevel3, IconWallet, IconWand, IconWaveForm, IconWithdraw } from './icons/utilityIcons.js';
-export { IconAudiusLogo, IconAudiusLogoColor, IconAudiusLogoHorizontal, IconAudiusLogoHorizontalColor, IconAudiusLogoVertical, IconDiscord, IconFacebook, IconInstagram, IconLogoCircle, IconLogoCircleCoinbase, IconLogoCircleETH, IconLogoCircleSOL, IconLogoCircleSTR, IconLogoCircleUSD, IconLogoCircleUSDC, IconLogoCoinbase, IconLogoCoinbasePay, IconLogoLinkByStripe, IconMetamask, IconPhantom, IconSnapChat, IconSolana, IconTelegram, IconTikTok, IconTwitter } from './icons/logos.js';
+export { HiddenInput } from './components/common/HiddenInput.js';
+export { Select } from './components/select/Select/Select.js';
+export { ArtistPick } from './components/comments/ArtistPick/ArtistPick.js';
+export { CommentText } from './components/comments/CommentText/CommentText.js';
+export { IconText } from './components/comments/IconText/IconText.js';
+export { Identifier } from './components/comments/Identifier/Identifier.js';
+export { SendIcon } from './components/comments/SendIcon/SendIcon.js';
+export { Timestamp } from './components/comments/Timestamp/Timestamp.js';
+export { getLargestTimeUnitText } from './components/comments/Timestamp/util.js';
+export { DAY_IN_MONTH, HR_IN_DAY, MIN_IN_HR, MONTH_IN_YEAR, MS_IN_S, S_IN_MIN } from './components/comments/Timestamp/types.js';
+export { Checkbox } from './components/checkbox/Checkbox.js';
+export { IconAlbum, IconAllTime, IconAppearance, IconArrowLeft, IconArrowRight, IconBlog, IconBoxHeart, IconCalendarDay, IconCalendarMonth, IconCalendarWeek, IconCamera, IconCampfire, IconCaretDown, IconCaretLeft, IconCaretRight, IconCaretUp, IconCart, IconCastAirplay, IconCastChromecast, IconCheck, IconClose, IconCloseAlt, IconCloudDownload, IconCloudDownloadError, IconCloudDownloadInactive, IconCloudDownloadPaused, IconCloudDownloadQueued, IconCloudUpload, IconCollectible, IconCompose, IconCopy, IconCreatePlaylist, IconCreditCard, IconCrown, IconDashboard, IconDesktop, IconDonate, IconDrag, IconEarnings, IconEmailAddress, IconEmbed, IconError, IconExplore, IconExternalLink, IconFeed, IconFilter, IconFolder, IconFoundation, IconGift, IconHeadphones, IconHeart, IconImage, IconIndent, IconInfo, IconKebabHorizontal, IconKey, IconLibrary, IconLifeRing, IconLink, IconListeningHistory, IconListens, IconLock, IconLockUnlocked, IconMerch, IconMessage, IconMessageBlock, IconMessageLocked, IconMessageUnblock, IconMinus, IconMoneyBracket, IconMood, IconNoWifi, IconNote, IconNotificationOff, IconNotificationOn, IconPaperAirplane, IconPause, IconPencil, IconPin, IconPlay, IconPlaybackPause, IconPlaybackPlay, IconPlaylists, IconPlus, IconPodcastBack, IconPodcastForward, IconQrCode, IconQuestionCircle, IconRadar, IconReceive, IconRecoveryEmail, IconRefresh, IconRemix, IconRemove, IconRepeatOff, IconRepost, IconRobot, IconRocket, IconSave, IconSearch, IconSend, IconSettings, IconShare, IconShieldCheck, IconShieldUser, IconShuffle, IconSignOut, IconSkipNext, IconSkipPrevious, IconSkull, IconSort, IconSortDown, IconSortUp, IconSoundwave, IconSpeaker, IconSpecialAccess, IconStar, IconStars, IconSupport, IconTastemaker, IconThumbsDown, IconThumbsUp, IconTipping, IconTowerBroadcast, IconTransaction, IconTrash, IconTrending, IconTriangleExclamation, IconTrophy, IconTurntable, IconUser, IconUserArrowRotate, IconUserFollow, IconUserFollowers, IconUserFollowing, IconUserGroup, IconUserList, IconUserUnfollow, IconValidationCheck, IconValidationX, IconVisibilityHidden, IconVisibilityPublic, IconVolumeLevel0, IconVolumeLevel1, IconVolumeLevel2, IconVolumeLevel3, IconWallet, IconWand, IconWaveForm, IconWithdraw } from './icons/utilityIcons.js';
+export { IconAudiusLogo, IconAudiusLogoColor, IconAudiusLogoHorizontal, IconAudiusLogoHorizontalColor, IconAudiusLogoVertical, IconDiscord, IconFacebook, IconInstagram, IconLogoCircle, IconLogoCircleCoinbase, IconLogoCircleETH, IconLogoCircleSOL, IconLogoCircleSTR, IconLogoCircleUSD, IconLogoCircleUSDC, IconLogoCoinbase, IconLogoCoinbasePay, IconLogoLinkByStripe, IconMetamask, IconPhantom, IconPhantomPlain, IconSnapChat, IconSolana, IconTelegram, IconTikTok, IconTwitter } from './icons/logos.js';
 export { IconArtistBadge, IconCcBy, IconCcCC, IconCcNC, IconCcNC_EU, IconCcNC_JP, IconCcND, IconCcPD, IconCcRemix, IconCcSA, IconCcSampling, IconCcSamplingPlus, IconCcShare, IconCcZero, IconCosign, IconFile3GA, IconFile3GP, IconFileAAC, IconFileAIF, IconFileAIFC, IconFileAIFF, IconFileAMR, IconFileAWB, IconFileFLAC, IconFileM4A, IconFileM4B, IconFileM4P, IconFileM4R, IconFileM4V, IconFileMP2, IconFileMP3, IconFileMP4, IconFileMPGA, IconFileOGA, IconFileOGG, IconFileOGM, IconFileOGV, IconFileOGX, IconFileOPUS, IconFileSPX, IconFileTS, IconFileTSA, IconFileTSV, IconFileUnknown, IconFileWAV, IconFileWAVE, IconFileWEBM, IconFileXWMA, IconMultiselectAdd, IconMultiselectRemove, IconTokenBronze, IconTokenGold, IconTokenNoTier, IconTokenPlatinum, IconTokenSilver, IconVerified } from './icons/specialIcons.js';
 export { default as Soundwave } from './assets/animations/Soundwave.json.js';
 export { default as SoundwaveCircle } from './assets/animations/SoundwaveCircle.json.js';
@@ -64,4 +77,7 @@ export { useControlled } from './hooks/useControlled.js';
 export { ModifierKeys, removeHotkeys, setupHotkeys, useHotkeys } from './hooks/useHotKeys.js';
 export { useMediaQueryListener } from './hooks/useMediaQueryListener.js';
 export { useScrollLock } from './hooks/useScrollLock.js';
+export { formatTrackTimestamp } from './utils/formatTrackTimestamp.js';
+export { getScrollParent } from './utils/getScrollParent.js';
+export { toCSSVariableName } from './utils/styles.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/utils/formatTrackTimestamp.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Pretty formats a track timestamp.
+ * Ex. input 65 -> output 1:05
+ */
+export declare const formatTrackTimestamp: (timestampSecs: number) => string;
+//# sourceMappingURL=formatTrackTimestamp.d.ts.map

package/dist/utils/formatTrackTimestamp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatTrackTimestamp.d.ts","sourceRoot":"","sources":["../../src/utils/formatTrackTimestamp.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,oBAAoB,kBAAmB,MAAM,WASzD,CAAA"}

package/dist/utils/formatTrackTimestamp.js

@@ -0,0 +1,18 @@
+/**
+ * Pretty formats a track timestamp.
+ * Ex. input 65 -> output 1:05
+ */
+var formatTrackTimestamp = function (timestampSecs) {
+    var hours = Math.floor(timestampSecs / (60 * 60));
+    var minutes = Math.floor(timestampSecs / 60);
+    var seconds = "".concat(Math.floor(timestampSecs) % 60).padStart(2, '0');
+    if (hours > 0) {
+        return "".concat(hours, ":").concat(minutes, ":").concat(seconds);
+    }
+    else {
+        return "".concat(minutes, ":").concat(seconds);
+    }
+};
+
+export { formatTrackTimestamp };
+//# sourceMappingURL=formatTrackTimestamp.js.map

package/dist/utils/formatTrackTimestamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatTrackTimestamp.js","sources":["../../src/utils/formatTrackTimestamp.ts"],"sourcesContent":["/**\n * Pretty formats a track timestamp.\n * Ex. input 65 -> output 1:05\n */\nexport const formatTrackTimestamp = (timestampSecs: number) => {\n  const hours = Math.floor(timestampSecs / (60 * 60))\n  const minutes = Math.floor(timestampSecs / 60)\n  const seconds = `${Math.floor(timestampSecs) % 60}`.padStart(2, '0')\n  if (hours > 0) {\n    return `${hours}:${minutes}:${seconds}`\n  } else {\n    return `${minutes}:${seconds}`\n  }\n}\n"],"names":[],"mappings":"AAAA;;;AAGG;AACI,IAAM,oBAAoB,GAAG,UAAC,aAAqB,EAAA;AACxD,IAAA,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAA;IACnD,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,EAAE,CAAC,CAAA;AAC9C,IAAA,IAAM,OAAO,GAAG,EAAA,CAAA,MAAA,CAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,CAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IACpE,IAAI,KAAK,GAAG,CAAC,EAAE;AACb,QAAA,OAAO,UAAG,KAAK,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,OAAO,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,OAAO,CAAE,CAAA;AACxC,KAAA;AAAM,SAAA;AACL,QAAA,OAAO,EAAG,CAAA,MAAA,CAAA,OAAO,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,OAAO,CAAE,CAAA;AAC/B,KAAA;AACH;;;;"}

package/dist/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './formatTrackTimestamp';
+export * from './getScrollParent';
+export * from './modalState';
+export * from './styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@audius/harmony",
-  "version": "0.0.34",
+  "version": "0.2.0",
   "description": "The Audius Design System",
   "license": "ISC",
   "author": "Audius",
@@ -47,9 +47,11 @@
     "@storybook/testing-library": "0.2.2",
     "@svgr/rollup": "8.1.0",
     "@svgr/webpack": "8.1.0",
+    "@types/color": "3.0.6",
     "@types/react": "18.2.0",
     "@types/react-dom": "18.2.0",
     "@types/react-lottie": "1.2.3",
+    "@types/react-virtualized": "9.21.30",
     "@types/storybook__addon-knobs": "5.2.1",
     "@types/storybook__react": "4.0.2",
     "babel-core": "6.26.3",
@@ -87,12 +89,14 @@
     "@radix-ui/react-slot": "^1.0.2",
     "@react-spring/web": "^9.7.2",
     "classnames": "^2.5.1",
+    "color": "4.2.3",
     "lodash": "^4.17.21",
     "react-lottie": "^1.2.3",
     "react-merge-refs": "^2.0.1",
     "react-perfect-scrollbar": "^1.5.8",
     "react-spring": "^8.0.27",
+    "react-use": "^17.5.0",
     "react-use-measure": "^2.1.1",
-    "react-use": "^17.5.0"
+    "react-virtualized": "9.22.3"
   }
 }