@blerp/design 1.2.74 → 1.2.76

package/dist/esm/index.js

@@ -0,0 +1,336 @@
+import { Box as Box$1, Container as Container$1, Grid as Grid$1, Stack as Stack$1, ImageList as ImageList$1, Autocomplete as Autocomplete$1, Button as Button$1, ButtonGroup as ButtonGroup$1, Checkbox as Checkbox$1, Fab, Radio, Rating as Rating$1, Select as Select$1, Slider as Slider$1, Switch as Switch$1, TextField, BottomNavigation as BottomNavigation$1, Breadcrumbs as Breadcrumbs$1, Drawer as Drawer$1, Link as Link$1, Menu as Menu$1, Pagination as Pagination$1, SpeedDial as SpeedDial$1, Stepper as Stepper$1, Tabs as Tabs$1, Tab as Tab$1, Accordion as Accordion$1, AppBar as AppBar$1, Card as Card$1, Paper as Paper$1, Alert as Alert$1, Backdrop as Backdrop$1, Dialog as Dialog$1, LinearProgress as LinearProgress$1, Skeleton as Skeleton$1, Snackbar as Snackbar$1, Avatar as Avatar$1, Badge as Badge$1, Chip as Chip$1, Divider as Divider$1, List as List$1, Table as Table$1, Tooltip as Tooltip$1, Toolbar as Toolbar$1, Typography, Modal as Modal$1, Popover as Popover$1, IconButton as IconButton$1, MenuItem as MenuItem$1, InputAdornment as InputAdornment$1 } from '@mui/material';
+import { Blerp as Blerp$1 } from './Blerp.js';
+import { NewBlerp as NewBlerp$1 } from './NewBlerp.js';
+import { NewBlerpTest as NewBlerpTest$1 } from './NewBlerpTest.js';
+import { UserCard as UserCard$1 } from './UserCard.js';
+import { GroupCard as GroupCard$1 } from './GroupCard.js';
+import { UsernameWithPopout as UsernameWithPopout$1 } from './UsernameWithPopout.js';
+import { BlerpAudioContextProvider as BlerpAudioContextProvider$1 } from './BlerpAudioContextProvider.js';
+import { BlerpListView as BlerpListView$1 } from './BlerpListView.js';
+import { CollectionListViewPremium as CollectionListViewPremium$1 } from './CollectionListViewPremium.js';
+import { BlerpListViewPremium as BlerpListViewPremium$1 } from './BlerpListViewPremium.js';
+import { Toggle as Toggle$1 } from './Toggle.js';
+import { Dropdown as Dropdown$1, NewDropdown as NewDropdown$1 } from './Dropdown.js';
+import { NewCollectionModal as NewCollectionModal$1 } from './NewCollectionModal.js';
+import { BlerpSkeleton as BlerpSkeleton$1 } from './BlerpSkeleton.js';
+import { BlerpListViewSkeleton as BlerpListViewSkeleton$1 } from './BlerpListViewSkeleton.js';
+import { CollectionSkeleton as CollectionSkeleton$1 } from './CollectionSkeleton.js';
+import BlerpTheme from './Theme.js';
+import { CollectionCard as CollectionCard$1 } from './CollectionCard.js';
+export { BlerpCardIcon, BlerpCoinsIcon, BlerpyIcon, BookmarkAddRounded, BroomIcon, ChannelPointsIcon, ClockIcon, CogIcon, CrownIcon, DiamondIcon, DiscordIcon, GiftIcon, LightbulbIcon, NewDiscordIcon, OpenLockIcon, PlayOutlineIcon, PlaySolidIcon, PointerFingerIcon, PresentGiftIcon, RadarDishIcon, ShortcutIcon, SparkleGiftIcon, TikTokIcon, TwitchBitIcon, TwitchIcon, UnsafeIcon, WalkonIcon, WindowsIcon } from './Icons/Icons.js';
+export { SnackbarContext, SnackbarProvider } from './SnackbarContextProvider.js';
+export { default as UserProfileHeader } from './UserPage/UserProfileHeader.js';
+export { default as UserLibraryHeader } from './UserPage/UserLibraryHeader.js';
+export { default as ReactionButtons } from './ReactionButtons.js';
+export { default as CheckoutModal } from './PurchaseModals/CheckoutModal.js';
+export { default as PremiumBlerpCheckoutModal } from './PurchaseModals/PremiumBlerpCheckoutModal.js';
+export { default as PremiumCollectionCheckoutModal } from './PurchaseModals/PremiumCollectionCheckoutModal.js';
+export { default as PremiumSubscriptionCheckoutModal } from './PurchaseModals/PremiumSubscriptionCheckoutModal.js';
+
+const Theme = BlerpTheme;
+const Box = Box$1;
+const Container = Container$1;
+const Grid = Grid$1;
+const Stack = Stack$1;
+const ImageList = ImageList$1;
+const Autocomplete = Autocomplete$1;
+const Button = Button$1;
+const ButtonGroup = ButtonGroup$1;
+const Checkbox = Checkbox$1;
+const FloatingActionButton = Fab;
+const RadioButton = Radio;
+const Rating = Rating$1;
+const Select = Select$1;
+const Slider = Slider$1;
+const Switch = Switch$1;
+const Input = TextField;
+const BottomNavigation = BottomNavigation$1;
+const Breadcrumbs = Breadcrumbs$1;
+const Drawer = Drawer$1;
+const Link = Link$1;
+const Menu = Menu$1;
+const Pagination = Pagination$1;
+const SpeedDial = SpeedDial$1;
+const Stepper = Stepper$1;
+const Tabs = Tabs$1;
+const Tab = Tab$1;
+const Accordion = Accordion$1;
+const AppBar = AppBar$1;
+const Card = Card$1;
+const Paper = Paper$1;
+const Alert = Alert$1;
+const Backdrop = Backdrop$1;
+const Dialog = Dialog$1;
+const LinearProgress = LinearProgress$1;
+const Skeleton = Skeleton$1;
+const Snackbar = Snackbar$1;
+const Avatar = Avatar$1;
+const Badge = Badge$1;
+const Chip = Chip$1;
+const Divider = Divider$1;
+const List = List$1;
+const Table = Table$1;
+const Tooltip = Tooltip$1;
+const Toolbar = Toolbar$1;
+const Text = Typography;
+const Modal = Modal$1;
+const Popover = Popover$1;
+const Blerp = Blerp$1;
+const NewBlerp = NewBlerp$1;
+const NewBlerpTest = NewBlerpTest$1;
+const GroupCard = GroupCard$1;
+const UserCard = UserCard$1;
+const UsernameWithPopout = UsernameWithPopout$1;
+const BlerpAudioContextProvider = BlerpAudioContextProvider$1;
+const IconButton = IconButton$1;
+const Toggle = Toggle$1;
+const Dropdown = Dropdown$1;
+const NewDropdown = NewDropdown$1;
+const MenuItem = MenuItem$1;
+const NewCollectionModal = NewCollectionModal$1;
+const CollectionCard = CollectionCard$1;
+const BlerpListView = BlerpListView$1;
+const CollectionListViewPremium = CollectionListViewPremium$1;
+const BlerpListViewPremium = BlerpListViewPremium$1;
+const BlerpSkeleton = BlerpSkeleton$1;
+const BlerpListViewSkeleton = BlerpListViewSkeleton$1;
+const CollectionSkeleton = CollectionSkeleton$1;
+const InputAdornment = InputAdornment$1; // export const BlerpContextMenu = MBlerpContextMenu;
+// export const ListItem = MListItem;
+// // export const ListItemText = MListItemText;
+// export const ListItemButtonText = MListItemButtonText;
+
+const lightThemeV1 = {
+  pandaPink: "#FE295C",
+  pandaTeal: "#FE295C",
+  pandaNewTeal: "#49bea0",
+  darkTeal: "#058063",
+  whiteText: "#FFFFFF",
+  invertFlyoutBackground: "#170D11",
+  flyoutBackground: "#FFFFFF",
+  lighterBackground: "#F8F8F8",
+  defaultBackground: "#F3F3F3",
+  lighterGray: "#BDBDBB",
+  iconsActive: "#21000C",
+  iconsInActive: "#47463F",
+  headerText: "#21000C",
+  disabledText: "#BEBEBC",
+  lightGray: "#BEBEBC",
+  blastZone: "#E1E1E1",
+  orangeStatus: "#ff785b",
+  darkRedStatus: "#dd1243",
+  borderColor: "#bebeb9",
+  inputBorderColor: "#bebeb9",
+  togglerBackground: "#A04949",
+  secondaryText: "#47463F",
+  secondarySubtitleText: "#707070",
+  biteGray: "#707070",
+  secondaryGray: "#706F6B",
+  placeholderText: "#BFBFBA",
+  activeText: "#21000C",
+  primaryText: "#FFFFFF",
+  bodyText: "#21000C",
+  darkText: "#21000C",
+  darkBackground: "#666",
+  statusColor: "#DD1243",
+  actionBackground: "#E6E6E6",
+  focusState: "#27AAFF",
+  focusOutline: "#3580B1",
+  darkBlue: "#3580B1",
+  headerColor: "#170D11",
+  headerBackground: "#47463F",
+  slidePurple: "#262261",
+  lightCloseButton: "https://cdn.blerp.com/blerp-public-images/twitch/white_close_button.svg",
+  closeIcon: "https://cdn.blerp.com/blerp-public-images/twitch/dark-close-icon.svg",
+  bitCostIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/active%20costLightMode.svg",
+  whiteCheckMarkIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/checkmark.svg",
+  dgRightArrow: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Arrows/Chevron_DarkGrey_Right.svg",
+  dgDownArrow: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Arrows/Chevron_DarkGrey_Down.svg",
+  dgUpArrow: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Arrows/Chevron_DarkGrey_Up.svg",
+  dgLeftArrow: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Arrows/Chevron_DarkGrey_Left.svg",
+  subStarIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/active%20subLightMode.svg",
+  subOneIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/greySubPlusBitsIconWhite.svg",
+  subTwoIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/PurpleSubPlusBitsIconWhite.svg",
+  subThreeIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/MintSubPlusBitsIconWhite.svg",
+  subFourIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/BlueSubPlusBitsIconWhite.svg",
+  subFiveIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/RedSubPlusBitsIconWhite.svg",
+  bitsOneIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/grey%20bits%20icon%20white%20stroke.svg",
+  bitsTwoIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/Purple%20bits%20icon%20white%20stroke.svg",
+  bitsThreeIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/Mint%20bits%20icon%20white%20stroke-2.svg",
+  bitsFourIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/Blue%20bits%20icon%20white%20stroke.svg",
+  bitsFiveIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/Red%20bits%20icon%20white%20stroke.svg"
+};
+const darkThemeV1 = {
+  pandaPink: "#FE295C",
+  pandaTeal: "#FE295C",
+  pandaNewTeal: "#49bea0",
+  darkTeal: "#058063",
+  whiteText: "#FFFFFF",
+  invertFlyoutBackground: "#FFFFFF",
+  flyoutBackground: "#170D11",
+  lighterBackground: "#21000C",
+  defaultBackground: "#47463F",
+  lighterGray: "#BDBDBB",
+  iconsActive: "#21000C",
+  iconsInActive: "#706F6B",
+  headerText: "#21000C",
+  disabledText: "#BEBEBC",
+  lightGray: "#BEBEBC",
+  blastZone: "#E1E1E1",
+  orangeStatus: "#ff785b",
+  darkRedStatus: "#dd1243",
+  borderColor: "#bebeb9",
+  inputBorderColor: "#bebeb9",
+  togglerBackground: "#A04949",
+  secondaryText: "#BDBDBB",
+  secondarySubtitleText: "#707070",
+  biteGray: "#707070",
+  secondaryGray: "#706F6B",
+  placeholderText: "#BFBFBA",
+  activeText: "#21000C",
+  primaryText: "#FFFFFF",
+  bodyText: "#FFFFFF",
+  darkText: "#FFFFFF",
+  darkBackground: "#666",
+  statusColor: "#DD1243",
+  actionBackground: "#706F6B",
+  focusState: "#27AAFF",
+  focusOutline: "#27AAFF",
+  darkBlue: "#27AAFF",
+  headerColor: "#FFF",
+  headerBackground: "#47463F",
+  slidePurple: "#262261",
+  closeIcon: "https://cdn.blerp.com/blerp-public-images/twitch/white_close_button.svg",
+  lightCloseButton: "https://cdn.blerp.com/blerp-public-images/twitch/dark-close-icon.svg",
+  bitCostIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/active%20costDarkMode.svg",
+  whiteCheckMarkIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/checkmark.svg",
+  dgRightArrow: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Arrows/Chevron_White_Right.svg",
+  dgDownArrow: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Arrows/Chevron_White_Down.svg",
+  dgUpArrow: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Arrows/Chevron_White_Up.svg",
+  dgLeftArrow: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Arrows/Chevron_White_Left.svg",
+  subStarIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/active%20subDarkMode.svg",
+  subOneIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/greySubPlusBitsIconGrey.svg",
+  subTwoIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/PurpleSubPlusBitsIconGrey.svg",
+  subThreeIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/MintSubPlusBitsIconGrey.svg",
+  subFourIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/BlueSubPlusBitsIconGrey.svg",
+  subFiveIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/RedSubPlusBitsIconGrey.svg",
+  bitsOneIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/grey%20bits%20icon%20white%20stroke-2.svg",
+  bitsTwoIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/Purple%20bits%20icon%20grey%20stroke.svg",
+  bitsThreeIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/Mint%20bits%20icon%20white%20stroke-1.svg",
+  bitsFourIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/Blue%20bits%20icon%20grey%20stroke.svg",
+  bitsFiveIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/Red%20bits%20icon%20grey%20stroke.svg"
+};
+const mainTheme = {
+  pandaPink: "#FE295C",
+  pandaTeal: "#FE295C",
+  pandaNewTeal: "#49bea0",
+  darkTeal: "#058063",
+  whiteText: "#FFFFFF",
+  invertFlyoutBackground: "#170D11",
+  flyoutBackground: "#FFFFFF",
+  lighterBackground: "#F8F8F8",
+  defaultBackground: "#F3F3F3",
+  lighterGray: "#BDBDBB",
+  iconsActive: "#21000C",
+  iconsInActive: "#47463F",
+  headerText: "#21000C",
+  disabledText: "#BEBEBC",
+  lightGray: "#BEBEBC",
+  blastZone: "#E1E1E1",
+  orangeStatus: "#ff785b",
+  darkRedStatus: "#dd1243",
+  borderColor: "#bebeb9",
+  inputBorderColor: "#bebeb9",
+  togglerBackground: "#A04949",
+  secondaryText: "#47463F",
+  secondarySubtitleText: "#707070",
+  biteGray: "#707070",
+  secondaryGray: "#706F6B",
+  placeholderText: "#BFBFBA",
+  activeText: "#21000C",
+  primaryText: "#FFFFFF",
+  bodyText: "#21000C",
+  darkBackground: "#666",
+  statusColor: "#DD1243",
+  actionBackground: "#E6E6E6",
+  focusState: "#27AAFF",
+  focusOutline: "#3580B1",
+  darkBlue: "#3580B1",
+  headerColor: "#170D11",
+  headerBackground: "#47463F",
+  slidePurple: "#262261",
+  lightCloseButton: "https://cdn.blerp.com/blerp-public-images/twitch/white_close_button.svg",
+  closeIcon: "https://cdn.blerp.com/blerp-public-images/twitch/dark-close-icon.svg",
+  bitCostIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/active%20costLightMode.svg",
+  whiteCheckMarkIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/checkmark.svg",
+  dgRightArrow: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Arrows/Chevron_DarkGrey_Right.svg",
+  dgDownArrow: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Arrows/Chevron_DarkGrey_Down.svg",
+  dgUpArrow: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Arrows/Chevron_DarkGrey_Up.svg",
+  dgLeftArrow: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Arrows/Chevron_DarkGrey_Left.svg",
+  subStarIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/active%20subLightMode.svg",
+  subOneIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/greySubPlusBitsIconWhite.svg",
+  subTwoIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/PurpleSubPlusBitsIconWhite.svg",
+  subThreeIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/MintSubPlusBitsIconWhite.svg",
+  subFourIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/BlueSubPlusBitsIconWhite.svg",
+  subFiveIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/RedSubPlusBitsIconWhite.svg",
+  bitsOneIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/grey%20bits%20icon%20white%20stroke.svg",
+  bitsTwoIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/Purple%20bits%20icon%20white%20stroke.svg",
+  bitsThreeIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/Mint%20bits%20icon%20white%20stroke-2.svg",
+  bitsFourIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/Blue%20bits%20icon%20white%20stroke.svg",
+  bitsFiveIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/Red%20bits%20icon%20white%20stroke.svg"
+};
+const Themes = {
+  mainTheme,
+  lightThemeV1,
+  darkThemeV1
+}; //     return {
+//         Box= Box,
+//         Container= Container,
+//         Grid= Grid,
+//         Stack= Stack,
+//         ImageList= ImageList,
+//         Autocomplete= Autocomplete,
+//         Button= Button,
+//         ButtonGroup= ButtonGroup,
+//         Checkbox= Checkbox,
+//         FloatingActionButton= Fab,
+//         RadioButton= Radio,
+//         Rating= Rating,
+//         Select= Select,
+//         Slider= Slider,
+//         Switch= Switch,
+//         Input= TextField,
+//         Toggle= ToggleButton,
+//         BottomNavigation= BottomNavigation,
+//         Breadcrumbs= Breadcrumbs,
+//         Drawer= Drawer,
+//         Link= Link,
+//         Menu= Menu,
+//         Pagination= Pagination,
+//         SpeedDial= SpeedDial,
+//         Stepper= Stepper,
+//         Tabs= Tabs,
+//         Accordion= Accordion,
+//         AppBar= AppBar,
+//         Card= Card,
+//         Paper= Paper,
+//         Alert= Alert,
+//         Backdrop= Backdrop,
+//         Dialog= Dialog,
+//         LinearProgress= LinearProgress,
+//         Skeleton= Skeleton,
+//         Snackbar= Snackbar,
+//         Avatar= Avatar,
+//         Badge= Badge,
+//         Chip= Chip,
+//         Divider= Divider,
+//         List= List,
+//         Table= Table,
+//         Tooltip= Tooltip,
+//         Text= Typography,
+//         // you can add here other components that you want to export
+//     };
+// };
+// export default returnLibrary();
+
+export { Accordion, Alert, AppBar, Autocomplete, Avatar, Backdrop, Badge, Blerp, BlerpAudioContextProvider, BlerpListView, BlerpListViewPremium, BlerpListViewSkeleton, BlerpSkeleton, BottomNavigation, Box, Breadcrumbs, Button, ButtonGroup, Card, Checkbox, Chip, CollectionCard, CollectionListViewPremium, CollectionSkeleton, Container, Dialog, Divider, Drawer, Dropdown, FloatingActionButton, Grid, GroupCard, IconButton, ImageList, Input, InputAdornment, LinearProgress, Link, List, Menu, MenuItem, Modal, NewBlerp, NewBlerpTest, NewCollectionModal, NewDropdown, Pagination, Paper, Popover, RadioButton, Rating, Select, Skeleton, Slider, Snackbar, SpeedDial, Stack, Stepper, Switch, Tab, Table, Tabs, Text, Theme, Themes, Toggle, Toolbar, Tooltip, UserCard, UsernameWithPopout, darkThemeV1, lightThemeV1, mainTheme };

package/package.json

@@ -1,8 +1,9 @@
 {
     "name": "@blerp/design",
-    "version": "1.2.74",
+    "version": "1.2.76",
     "description": "Blerp UI",
     "main": "dist/index.cjs.js",
+    "type": "module",
     "scripts": {
         "build": "rollup -c"
     },