@blerp/design 1.2.39 → 1.2.40
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/dist/index.cjs.js +16 -5
- package/dist/index.esm.js +17 -6
- package/dist/index.umd.js +16 -5
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1570,7 +1570,7 @@ Blerp$1.propTypes = {
|
|
|
1570
1570
|
};
|
|
1571
1571
|
|
|
1572
1572
|
var UserCard$1 = function UserCard(_ref) {
|
|
1573
|
-
var _user$twitchChannelIn, _user$twitchChannelIn2, _user$profileImage, _user$profileImage$or;
|
|
1573
|
+
var _user$twitchChannelIn, _user$twitchChannelIn2, _user$twitchChannelIn3, _user$twitchChannelIn4, _user$profileImage, _user$profileImage$or, _user$twitchChannelIn5, _user$twitchChannelIn6;
|
|
1574
1574
|
|
|
1575
1575
|
var user = _ref.user,
|
|
1576
1576
|
onUsernameClick = _ref.onUsernameClick,
|
|
@@ -1588,7 +1588,9 @@ var UserCard$1 = function UserCard(_ref) {
|
|
|
1588
1588
|
alignItems: "center",
|
|
1589
1589
|
padding: "16px",
|
|
1590
1590
|
boxSizing: "border-box",
|
|
1591
|
-
justifyContent: "space-around"
|
|
1591
|
+
justifyContent: "space-around",
|
|
1592
|
+
border: "1px solid transparent",
|
|
1593
|
+
borderColor: collapsed ? (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn = user.twitchChannelInfo) === null || _user$twitchChannelIn === void 0 ? void 0 : _user$twitchChannelIn.twitchJourneyStatus) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn2 = user.twitchChannelInfo) === null || _user$twitchChannelIn2 === void 0 ? void 0 : _user$twitchChannelIn2.twitchJourneyStatus) === "AFFILIATE" ? "#27AAFF" : "transparent" : "transparent"
|
|
1592
1594
|
}
|
|
1593
1595
|
}, /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
1594
1596
|
sx: {
|
|
@@ -1600,13 +1602,22 @@ var UserCard$1 = function UserCard(_ref) {
|
|
|
1600
1602
|
height: collapsed ? "49px" : "89px",
|
|
1601
1603
|
borderRadius: "50%",
|
|
1602
1604
|
border: "2px solid transparent",
|
|
1603
|
-
borderColor: (user === null || user === void 0 ? void 0 : (_user$
|
|
1605
|
+
borderColor: collapsed ? "transparent" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn3 = user.twitchChannelInfo) === null || _user$twitchChannelIn3 === void 0 ? void 0 : _user$twitchChannelIn3.twitchJourneyStatus) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn4 = user.twitchChannelInfo) === null || _user$twitchChannelIn4 === void 0 ? void 0 : _user$twitchChannelIn4.twitchJourneyStatus) === "AFFILIATE" ? "#27AAFF" : "transparent",
|
|
1604
1606
|
padding: collapsed ? "3px" : "6px",
|
|
1605
1607
|
boxSizing: "border-box"
|
|
1606
1608
|
},
|
|
1607
1609
|
src: (user === null || user === void 0 ? void 0 : (_user$profileImage = user.profileImage) === null || _user$profileImage === void 0 ? void 0 : (_user$profileImage$or = _user$profileImage.original) === null || _user$profileImage$or === void 0 ? void 0 : _user$profileImage$or.url) || "https://cdn.blerp.com/blerp_products/Icons/Account-White.svg",
|
|
1608
1610
|
alt: "profile"
|
|
1609
|
-
}), (user === null || user === void 0 ? void 0 : user.
|
|
1611
|
+
}), (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn5 = user.twitchChannelInfo) === null || _user$twitchChannelIn5 === void 0 ? void 0 : _user$twitchChannelIn5.broadcasterType) === "partner" && /*#__PURE__*/React__default['default'].createElement(iconsMaterial.VerifiedRounded, {
|
|
1612
|
+
sx: {
|
|
1613
|
+
position: "absolute",
|
|
1614
|
+
bottom: collapsed ? "0" : "5px",
|
|
1615
|
+
right: collapsed ? "0" : "5px",
|
|
1616
|
+
fontSize: "17px",
|
|
1617
|
+
backgroundColor: "grey4.main",
|
|
1618
|
+
borderRadius: "50%"
|
|
1619
|
+
}
|
|
1620
|
+
}), (user === null || user === void 0 ? void 0 : user.premiumBlerpUserStatus) === "ACTIVE" && /*#__PURE__*/React__default['default'].createElement(iconsMaterial.DiamondRounded, {
|
|
1610
1621
|
sx: {
|
|
1611
1622
|
position: "absolute",
|
|
1612
1623
|
bottom: collapsed ? "0" : "5px",
|
|
@@ -1658,7 +1669,7 @@ var UserCard$1 = function UserCard(_ref) {
|
|
|
1658
1669
|
fontWeight: "400",
|
|
1659
1670
|
cursor: "inherit"
|
|
1660
1671
|
}
|
|
1661
|
-
}, (user === null || user === void 0 ? void 0 : user.followerCount) || 0), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
1672
|
+
}, (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn6 = user.twitchChannelInfo) === null || _user$twitchChannelIn6 === void 0 ? void 0 : _user$twitchChannelIn6.followerCount) || 0), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
1662
1673
|
sx: {
|
|
1663
1674
|
fontSize: "12px",
|
|
1664
1675
|
fontWeight: "300",
|
package/dist/index.esm.js
CHANGED
|
@@ -6,7 +6,7 @@ import React__default, { useState, useEffect, useContext, useRef, createContext,
|
|
|
6
6
|
import { ColorExtractor } from 'react-color-extractor';
|
|
7
7
|
import styled, { ThemeContext, keyframes, ThemeProvider as ThemeProvider$1 } from 'styled-components';
|
|
8
8
|
import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
|
|
9
|
-
import { PauseCircleOutlineRounded, LockRounded, VerifiedRounded, CheckRounded, BookmarkRounded, BookmarkAddOutlined, AccountCircleRounded, VisibilityOffRounded, CancelRounded } from '@mui/icons-material';
|
|
9
|
+
import { PauseCircleOutlineRounded, LockRounded, VerifiedRounded, DiamondRounded, CheckRounded, BookmarkRounded, BookmarkAddOutlined, AccountCircleRounded, VisibilityOffRounded, CancelRounded } from '@mui/icons-material';
|
|
10
10
|
import BookmarkOutlinedIcon from '@mui/icons-material/BookmarkOutlined';
|
|
11
11
|
import LockRoundedIcon from '@mui/icons-material/LockRounded';
|
|
12
12
|
import DoNotDisturbRoundedIcon from '@mui/icons-material/DoNotDisturbRounded';
|
|
@@ -1495,7 +1495,7 @@ Blerp$1.propTypes = {
|
|
|
1495
1495
|
};
|
|
1496
1496
|
|
|
1497
1497
|
var UserCard$1 = function UserCard(_ref) {
|
|
1498
|
-
var _user$twitchChannelIn, _user$twitchChannelIn2, _user$profileImage, _user$profileImage$or;
|
|
1498
|
+
var _user$twitchChannelIn, _user$twitchChannelIn2, _user$twitchChannelIn3, _user$twitchChannelIn4, _user$profileImage, _user$profileImage$or, _user$twitchChannelIn5, _user$twitchChannelIn6;
|
|
1499
1499
|
|
|
1500
1500
|
var user = _ref.user,
|
|
1501
1501
|
onUsernameClick = _ref.onUsernameClick,
|
|
@@ -1513,7 +1513,9 @@ var UserCard$1 = function UserCard(_ref) {
|
|
|
1513
1513
|
alignItems: "center",
|
|
1514
1514
|
padding: "16px",
|
|
1515
1515
|
boxSizing: "border-box",
|
|
1516
|
-
justifyContent: "space-around"
|
|
1516
|
+
justifyContent: "space-around",
|
|
1517
|
+
border: "1px solid transparent",
|
|
1518
|
+
borderColor: collapsed ? (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn = user.twitchChannelInfo) === null || _user$twitchChannelIn === void 0 ? void 0 : _user$twitchChannelIn.twitchJourneyStatus) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn2 = user.twitchChannelInfo) === null || _user$twitchChannelIn2 === void 0 ? void 0 : _user$twitchChannelIn2.twitchJourneyStatus) === "AFFILIATE" ? "#27AAFF" : "transparent" : "transparent"
|
|
1517
1519
|
}
|
|
1518
1520
|
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
1519
1521
|
sx: {
|
|
@@ -1525,13 +1527,22 @@ var UserCard$1 = function UserCard(_ref) {
|
|
|
1525
1527
|
height: collapsed ? "49px" : "89px",
|
|
1526
1528
|
borderRadius: "50%",
|
|
1527
1529
|
border: "2px solid transparent",
|
|
1528
|
-
borderColor: (user === null || user === void 0 ? void 0 : (_user$
|
|
1530
|
+
borderColor: collapsed ? "transparent" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn3 = user.twitchChannelInfo) === null || _user$twitchChannelIn3 === void 0 ? void 0 : _user$twitchChannelIn3.twitchJourneyStatus) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn4 = user.twitchChannelInfo) === null || _user$twitchChannelIn4 === void 0 ? void 0 : _user$twitchChannelIn4.twitchJourneyStatus) === "AFFILIATE" ? "#27AAFF" : "transparent",
|
|
1529
1531
|
padding: collapsed ? "3px" : "6px",
|
|
1530
1532
|
boxSizing: "border-box"
|
|
1531
1533
|
},
|
|
1532
1534
|
src: (user === null || user === void 0 ? void 0 : (_user$profileImage = user.profileImage) === null || _user$profileImage === void 0 ? void 0 : (_user$profileImage$or = _user$profileImage.original) === null || _user$profileImage$or === void 0 ? void 0 : _user$profileImage$or.url) || "https://cdn.blerp.com/blerp_products/Icons/Account-White.svg",
|
|
1533
1535
|
alt: "profile"
|
|
1534
|
-
}), (user === null || user === void 0 ? void 0 : user.
|
|
1536
|
+
}), (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn5 = user.twitchChannelInfo) === null || _user$twitchChannelIn5 === void 0 ? void 0 : _user$twitchChannelIn5.broadcasterType) === "partner" && /*#__PURE__*/React__default.createElement(VerifiedRounded, {
|
|
1537
|
+
sx: {
|
|
1538
|
+
position: "absolute",
|
|
1539
|
+
bottom: collapsed ? "0" : "5px",
|
|
1540
|
+
right: collapsed ? "0" : "5px",
|
|
1541
|
+
fontSize: "17px",
|
|
1542
|
+
backgroundColor: "grey4.main",
|
|
1543
|
+
borderRadius: "50%"
|
|
1544
|
+
}
|
|
1545
|
+
}), (user === null || user === void 0 ? void 0 : user.premiumBlerpUserStatus) === "ACTIVE" && /*#__PURE__*/React__default.createElement(DiamondRounded, {
|
|
1535
1546
|
sx: {
|
|
1536
1547
|
position: "absolute",
|
|
1537
1548
|
bottom: collapsed ? "0" : "5px",
|
|
@@ -1583,7 +1594,7 @@ var UserCard$1 = function UserCard(_ref) {
|
|
|
1583
1594
|
fontWeight: "400",
|
|
1584
1595
|
cursor: "inherit"
|
|
1585
1596
|
}
|
|
1586
|
-
}, (user === null || user === void 0 ? void 0 : user.followerCount) || 0), /*#__PURE__*/React__default.createElement(Text, {
|
|
1597
|
+
}, (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn6 = user.twitchChannelInfo) === null || _user$twitchChannelIn6 === void 0 ? void 0 : _user$twitchChannelIn6.followerCount) || 0), /*#__PURE__*/React__default.createElement(Text, {
|
|
1587
1598
|
sx: {
|
|
1588
1599
|
fontSize: "12px",
|
|
1589
1600
|
fontWeight: "300",
|
package/dist/index.umd.js
CHANGED
|
@@ -1516,7 +1516,7 @@
|
|
|
1516
1516
|
};
|
|
1517
1517
|
|
|
1518
1518
|
var UserCard$1 = function UserCard(_ref) {
|
|
1519
|
-
var _user$twitchChannelIn, _user$twitchChannelIn2, _user$profileImage, _user$profileImage$or;
|
|
1519
|
+
var _user$twitchChannelIn, _user$twitchChannelIn2, _user$twitchChannelIn3, _user$twitchChannelIn4, _user$profileImage, _user$profileImage$or, _user$twitchChannelIn5, _user$twitchChannelIn6;
|
|
1520
1520
|
|
|
1521
1521
|
var user = _ref.user,
|
|
1522
1522
|
onUsernameClick = _ref.onUsernameClick,
|
|
@@ -1534,7 +1534,9 @@
|
|
|
1534
1534
|
alignItems: "center",
|
|
1535
1535
|
padding: "16px",
|
|
1536
1536
|
boxSizing: "border-box",
|
|
1537
|
-
justifyContent: "space-around"
|
|
1537
|
+
justifyContent: "space-around",
|
|
1538
|
+
border: "1px solid transparent",
|
|
1539
|
+
borderColor: collapsed ? (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn = user.twitchChannelInfo) === null || _user$twitchChannelIn === void 0 ? void 0 : _user$twitchChannelIn.twitchJourneyStatus) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn2 = user.twitchChannelInfo) === null || _user$twitchChannelIn2 === void 0 ? void 0 : _user$twitchChannelIn2.twitchJourneyStatus) === "AFFILIATE" ? "#27AAFF" : "transparent" : "transparent"
|
|
1538
1540
|
}
|
|
1539
1541
|
}, /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
1540
1542
|
sx: {
|
|
@@ -1546,13 +1548,22 @@
|
|
|
1546
1548
|
height: collapsed ? "49px" : "89px",
|
|
1547
1549
|
borderRadius: "50%",
|
|
1548
1550
|
border: "2px solid transparent",
|
|
1549
|
-
borderColor: (user === null || user === void 0 ? void 0 : (_user$
|
|
1551
|
+
borderColor: collapsed ? "transparent" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn3 = user.twitchChannelInfo) === null || _user$twitchChannelIn3 === void 0 ? void 0 : _user$twitchChannelIn3.twitchJourneyStatus) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn4 = user.twitchChannelInfo) === null || _user$twitchChannelIn4 === void 0 ? void 0 : _user$twitchChannelIn4.twitchJourneyStatus) === "AFFILIATE" ? "#27AAFF" : "transparent",
|
|
1550
1552
|
padding: collapsed ? "3px" : "6px",
|
|
1551
1553
|
boxSizing: "border-box"
|
|
1552
1554
|
},
|
|
1553
1555
|
src: (user === null || user === void 0 ? void 0 : (_user$profileImage = user.profileImage) === null || _user$profileImage === void 0 ? void 0 : (_user$profileImage$or = _user$profileImage.original) === null || _user$profileImage$or === void 0 ? void 0 : _user$profileImage$or.url) || "https://cdn.blerp.com/blerp_products/Icons/Account-White.svg",
|
|
1554
1556
|
alt: "profile"
|
|
1555
|
-
}), (user === null || user === void 0 ? void 0 : user.
|
|
1557
|
+
}), (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn5 = user.twitchChannelInfo) === null || _user$twitchChannelIn5 === void 0 ? void 0 : _user$twitchChannelIn5.broadcasterType) === "partner" && /*#__PURE__*/React__default['default'].createElement(iconsMaterial.VerifiedRounded, {
|
|
1558
|
+
sx: {
|
|
1559
|
+
position: "absolute",
|
|
1560
|
+
bottom: collapsed ? "0" : "5px",
|
|
1561
|
+
right: collapsed ? "0" : "5px",
|
|
1562
|
+
fontSize: "17px",
|
|
1563
|
+
backgroundColor: "grey4.main",
|
|
1564
|
+
borderRadius: "50%"
|
|
1565
|
+
}
|
|
1566
|
+
}), (user === null || user === void 0 ? void 0 : user.premiumBlerpUserStatus) === "ACTIVE" && /*#__PURE__*/React__default['default'].createElement(iconsMaterial.DiamondRounded, {
|
|
1556
1567
|
sx: {
|
|
1557
1568
|
position: "absolute",
|
|
1558
1569
|
bottom: collapsed ? "0" : "5px",
|
|
@@ -1604,7 +1615,7 @@
|
|
|
1604
1615
|
fontWeight: "400",
|
|
1605
1616
|
cursor: "inherit"
|
|
1606
1617
|
}
|
|
1607
|
-
}, (user === null || user === void 0 ? void 0 : user.followerCount) || 0), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
1618
|
+
}, (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn6 = user.twitchChannelInfo) === null || _user$twitchChannelIn6 === void 0 ? void 0 : _user$twitchChannelIn6.followerCount) || 0), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
1608
1619
|
sx: {
|
|
1609
1620
|
fontSize: "12px",
|
|
1610
1621
|
fontWeight: "300",
|