@blerp/design 1.0.57 → 1.0.61
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 +35 -10
- package/dist/index.esm.js +35 -10
- package/dist/index.umd.js +35 -10
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -7134,7 +7134,7 @@ var _templateObject$4, _templateObject2, _templateObject3, _templateObject4, _te
|
|
|
7134
7134
|
var YellowHoverBorder = styled__default['default'].div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n height: 105%;\n width: 105%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border: 4px solid rgb(255, 225, 76);\n border-radius: 20px;\n transition: opacity 0.3s ease-in-out;\n /* Opacity should be changed to \"1\" onHover of this component's parent */\n opacity: 0;\n"])));
|
|
7135
7135
|
var LineClamp$1 = styled__default['default'].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 5px 0;\n"])));
|
|
7136
7136
|
var TopPill = styled__default['default'].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 32px;\n width: ", ";\n position: absolute;\n top: 8px;\n left: 8px;\n border-radius: 20px;\n overflow: hidden;\n transition: width 0.3s ease-in-out;\n"])), function (props) {
|
|
7137
|
-
return props.isLocked ? props.collectionHovered ? "90%" : "
|
|
7137
|
+
return props.isLocked ? props.collectionHovered ? "90%" : "70%" : "45%";
|
|
7138
7138
|
});
|
|
7139
7139
|
var TopPillBackground = styled__default['default'].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default['default'](["\n height: 32px;\n width: 100%;\n position: absolute;\n background-color: ", ";\n opacity: 0.5;\n"])), function (props) {
|
|
7140
7140
|
return props.theme.colors.notBlack;
|
|
@@ -7165,7 +7165,12 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7165
7165
|
fluid = _ref.fluid,
|
|
7166
7166
|
fontSize = _ref.fontSize,
|
|
7167
7167
|
isLink = _ref.isLink,
|
|
7168
|
-
isLocked = _ref.isLocked
|
|
7168
|
+
isLocked = _ref.isLocked,
|
|
7169
|
+
overrideViewText = _ref.overrideViewText,
|
|
7170
|
+
hideUnlockPlatformText = _ref.hideUnlockPlatformText,
|
|
7171
|
+
hidePremiumLockIcon = _ref.hidePremiumLockIcon,
|
|
7172
|
+
unlockPlatformText = _ref.unlockPlatformText,
|
|
7173
|
+
hideCollectionBackground = _ref.hideCollectionBackground;
|
|
7169
7174
|
|
|
7170
7175
|
var _useState = React.useState(null),
|
|
7171
7176
|
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
@@ -7263,7 +7268,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7263
7268
|
top: "0",
|
|
7264
7269
|
zIndex: "3"
|
|
7265
7270
|
}
|
|
7266
|
-
}), /*#__PURE__*/React__default['default'].createElement(Box, {
|
|
7271
|
+
}), !hideCollectionBackground && /*#__PURE__*/React__default['default'].createElement(Box, {
|
|
7267
7272
|
id: "collection-background-1",
|
|
7268
7273
|
sx: {
|
|
7269
7274
|
backgroundImage: "linear-gradient(".concat(data.muted || "#444444", ", #444444)"),
|
|
@@ -7277,7 +7282,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7277
7282
|
zIndex: "2",
|
|
7278
7283
|
transition: "0.2s ease-out"
|
|
7279
7284
|
}
|
|
7280
|
-
}), /*#__PURE__*/React__default['default'].createElement(Box, {
|
|
7285
|
+
}), !hideCollectionBackground && /*#__PURE__*/React__default['default'].createElement(Box, {
|
|
7281
7286
|
id: "collection-background-2",
|
|
7282
7287
|
sx: {
|
|
7283
7288
|
backgroundImage: "linear-gradient(".concat(data.darkMuted || "#252525", ", #252525)"),
|
|
@@ -7410,13 +7415,14 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7410
7415
|
fontWeight: "lighter",
|
|
7411
7416
|
fontSize: ".8em"
|
|
7412
7417
|
}
|
|
7413
|
-
}, "Premium")), /*#__PURE__*/React__default['default'].createElement(Stack, null, /*#__PURE__*/React__default['default'].createElement(LockRoundedIcon__default['default'], {
|
|
7418
|
+
}, "Premium")), !hidePremiumLockIcon && /*#__PURE__*/React__default['default'].createElement(Stack, null, /*#__PURE__*/React__default['default'].createElement(LockRoundedIcon__default['default'], {
|
|
7414
7419
|
sx: {
|
|
7415
7420
|
position: "absolute",
|
|
7416
7421
|
top: "8px",
|
|
7417
7422
|
right: "5px",
|
|
7418
7423
|
height: ".6em",
|
|
7419
7424
|
color: "white.main",
|
|
7425
|
+
paddingRight: "8px",
|
|
7420
7426
|
opacity: isLocked ? collectionHovered ? "0" : "1" : "0",
|
|
7421
7427
|
transition: "opacity .2s ease-in-out"
|
|
7422
7428
|
},
|
|
@@ -7511,7 +7517,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7511
7517
|
style: {
|
|
7512
7518
|
margin: "0px -64px"
|
|
7513
7519
|
}
|
|
7514
|
-
})), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
7520
|
+
})), !hideUnlockPlatformText && (unlockPlatformText ? /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
7515
7521
|
sx: {
|
|
7516
7522
|
color: "white.override",
|
|
7517
7523
|
textAlign: "center",
|
|
@@ -7520,7 +7526,16 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7520
7526
|
zIndex: "3",
|
|
7521
7527
|
fontSize: ".8rem"
|
|
7522
7528
|
}
|
|
7523
|
-
},
|
|
7529
|
+
}, unlockPlatformText) : /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
7530
|
+
sx: {
|
|
7531
|
+
color: "white.override",
|
|
7532
|
+
textAlign: "center",
|
|
7533
|
+
lineHeight: "1",
|
|
7534
|
+
margin: "4px 0",
|
|
7535
|
+
zIndex: "3",
|
|
7536
|
+
fontSize: ".8rem"
|
|
7537
|
+
}
|
|
7538
|
+
}, "Unlock to share ", /*#__PURE__*/React__default['default'].createElement("br", null), "across platforms")), handleClickView && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
7524
7539
|
disabled: !collectionHovered,
|
|
7525
7540
|
onClick: function onClick(e) {
|
|
7526
7541
|
e.stopPropagation();
|
|
@@ -7533,7 +7548,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7533
7548
|
padding: "4px 8px",
|
|
7534
7549
|
margin: "4px 0"
|
|
7535
7550
|
}
|
|
7536
|
-
}, "VIEW SOUNDPACK"), /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
7551
|
+
}, overrideViewText || "VIEW SOUNDPACK"), handleClickUnlock && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
7537
7552
|
disabled: !collectionHovered,
|
|
7538
7553
|
onClick: function onClick(e) {
|
|
7539
7554
|
e.stopPropagation();
|
|
@@ -7601,7 +7616,12 @@ var CollectionCard$1 = function CollectionCard(_ref) {
|
|
|
7601
7616
|
isLink = _ref.isLink,
|
|
7602
7617
|
isPremium = _ref.isPremium,
|
|
7603
7618
|
isLocked = _ref.isLocked,
|
|
7604
|
-
isOwner = _ref.isOwner
|
|
7619
|
+
isOwner = _ref.isOwner,
|
|
7620
|
+
overrideViewText = _ref.overrideViewText,
|
|
7621
|
+
hideUnlockPlatformText = _ref.hideUnlockPlatformText,
|
|
7622
|
+
hidePremiumLockIcon = _ref.hidePremiumLockIcon,
|
|
7623
|
+
unlockPlatformText = _ref.unlockPlatformText,
|
|
7624
|
+
hideCollectionBackground = _ref.hideCollectionBackground;
|
|
7605
7625
|
|
|
7606
7626
|
var _useState = React.useState(null),
|
|
7607
7627
|
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
@@ -7725,7 +7745,12 @@ var CollectionCard$1 = function CollectionCard(_ref) {
|
|
|
7725
7745
|
fontSize: fontSize,
|
|
7726
7746
|
isLink: isLink,
|
|
7727
7747
|
isPremium: isPremium,
|
|
7728
|
-
isLocked: isLocked
|
|
7748
|
+
isLocked: isLocked,
|
|
7749
|
+
overrideViewText: overrideViewText,
|
|
7750
|
+
hideUnlockPlatformText: hideUnlockPlatformText,
|
|
7751
|
+
hidePremiumLockIcon: hidePremiumLockIcon,
|
|
7752
|
+
unlockPlatformText: unlockPlatformText,
|
|
7753
|
+
hideCollectionBackground: hideCollectionBackground
|
|
7729
7754
|
});
|
|
7730
7755
|
}
|
|
7731
7756
|
|
package/dist/index.esm.js
CHANGED
|
@@ -7066,7 +7066,7 @@ var _templateObject$4, _templateObject2, _templateObject3, _templateObject4, _te
|
|
|
7066
7066
|
var YellowHoverBorder = styled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n position: absolute;\n height: 105%;\n width: 105%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border: 4px solid rgb(255, 225, 76);\n border-radius: 20px;\n transition: opacity 0.3s ease-in-out;\n /* Opacity should be changed to \"1\" onHover of this component's parent */\n opacity: 0;\n"])));
|
|
7067
7067
|
var LineClamp$1 = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 5px 0;\n"])));
|
|
7068
7068
|
var TopPill = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 32px;\n width: ", ";\n position: absolute;\n top: 8px;\n left: 8px;\n border-radius: 20px;\n overflow: hidden;\n transition: width 0.3s ease-in-out;\n"])), function (props) {
|
|
7069
|
-
return props.isLocked ? props.collectionHovered ? "90%" : "
|
|
7069
|
+
return props.isLocked ? props.collectionHovered ? "90%" : "70%" : "45%";
|
|
7070
7070
|
});
|
|
7071
7071
|
var TopPillBackground = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n height: 32px;\n width: 100%;\n position: absolute;\n background-color: ", ";\n opacity: 0.5;\n"])), function (props) {
|
|
7072
7072
|
return props.theme.colors.notBlack;
|
|
@@ -7097,7 +7097,12 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7097
7097
|
fluid = _ref.fluid,
|
|
7098
7098
|
fontSize = _ref.fontSize,
|
|
7099
7099
|
isLink = _ref.isLink,
|
|
7100
|
-
isLocked = _ref.isLocked
|
|
7100
|
+
isLocked = _ref.isLocked,
|
|
7101
|
+
overrideViewText = _ref.overrideViewText,
|
|
7102
|
+
hideUnlockPlatformText = _ref.hideUnlockPlatformText,
|
|
7103
|
+
hidePremiumLockIcon = _ref.hidePremiumLockIcon,
|
|
7104
|
+
unlockPlatformText = _ref.unlockPlatformText,
|
|
7105
|
+
hideCollectionBackground = _ref.hideCollectionBackground;
|
|
7101
7106
|
|
|
7102
7107
|
var _useState = useState(null),
|
|
7103
7108
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -7195,7 +7200,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7195
7200
|
top: "0",
|
|
7196
7201
|
zIndex: "3"
|
|
7197
7202
|
}
|
|
7198
|
-
}), /*#__PURE__*/React__default.createElement(Box, {
|
|
7203
|
+
}), !hideCollectionBackground && /*#__PURE__*/React__default.createElement(Box, {
|
|
7199
7204
|
id: "collection-background-1",
|
|
7200
7205
|
sx: {
|
|
7201
7206
|
backgroundImage: "linear-gradient(".concat(data.muted || "#444444", ", #444444)"),
|
|
@@ -7209,7 +7214,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7209
7214
|
zIndex: "2",
|
|
7210
7215
|
transition: "0.2s ease-out"
|
|
7211
7216
|
}
|
|
7212
|
-
}), /*#__PURE__*/React__default.createElement(Box, {
|
|
7217
|
+
}), !hideCollectionBackground && /*#__PURE__*/React__default.createElement(Box, {
|
|
7213
7218
|
id: "collection-background-2",
|
|
7214
7219
|
sx: {
|
|
7215
7220
|
backgroundImage: "linear-gradient(".concat(data.darkMuted || "#252525", ", #252525)"),
|
|
@@ -7342,13 +7347,14 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7342
7347
|
fontWeight: "lighter",
|
|
7343
7348
|
fontSize: ".8em"
|
|
7344
7349
|
}
|
|
7345
|
-
}, "Premium")), /*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement(LockRoundedIcon, {
|
|
7350
|
+
}, "Premium")), !hidePremiumLockIcon && /*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement(LockRoundedIcon, {
|
|
7346
7351
|
sx: {
|
|
7347
7352
|
position: "absolute",
|
|
7348
7353
|
top: "8px",
|
|
7349
7354
|
right: "5px",
|
|
7350
7355
|
height: ".6em",
|
|
7351
7356
|
color: "white.main",
|
|
7357
|
+
paddingRight: "8px",
|
|
7352
7358
|
opacity: isLocked ? collectionHovered ? "0" : "1" : "0",
|
|
7353
7359
|
transition: "opacity .2s ease-in-out"
|
|
7354
7360
|
},
|
|
@@ -7443,7 +7449,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7443
7449
|
style: {
|
|
7444
7450
|
margin: "0px -64px"
|
|
7445
7451
|
}
|
|
7446
|
-
})), /*#__PURE__*/React__default.createElement(Text, {
|
|
7452
|
+
})), !hideUnlockPlatformText && (unlockPlatformText ? /*#__PURE__*/React__default.createElement(Text, {
|
|
7447
7453
|
sx: {
|
|
7448
7454
|
color: "white.override",
|
|
7449
7455
|
textAlign: "center",
|
|
@@ -7452,7 +7458,16 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7452
7458
|
zIndex: "3",
|
|
7453
7459
|
fontSize: ".8rem"
|
|
7454
7460
|
}
|
|
7455
|
-
},
|
|
7461
|
+
}, unlockPlatformText) : /*#__PURE__*/React__default.createElement(Text, {
|
|
7462
|
+
sx: {
|
|
7463
|
+
color: "white.override",
|
|
7464
|
+
textAlign: "center",
|
|
7465
|
+
lineHeight: "1",
|
|
7466
|
+
margin: "4px 0",
|
|
7467
|
+
zIndex: "3",
|
|
7468
|
+
fontSize: ".8rem"
|
|
7469
|
+
}
|
|
7470
|
+
}, "Unlock to share ", /*#__PURE__*/React__default.createElement("br", null), "across platforms")), handleClickView && /*#__PURE__*/React__default.createElement(Button, {
|
|
7456
7471
|
disabled: !collectionHovered,
|
|
7457
7472
|
onClick: function onClick(e) {
|
|
7458
7473
|
e.stopPropagation();
|
|
@@ -7465,7 +7480,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7465
7480
|
padding: "4px 8px",
|
|
7466
7481
|
margin: "4px 0"
|
|
7467
7482
|
}
|
|
7468
|
-
}, "VIEW SOUNDPACK"), /*#__PURE__*/React__default.createElement(Button, {
|
|
7483
|
+
}, overrideViewText || "VIEW SOUNDPACK"), handleClickUnlock && /*#__PURE__*/React__default.createElement(Button, {
|
|
7469
7484
|
disabled: !collectionHovered,
|
|
7470
7485
|
onClick: function onClick(e) {
|
|
7471
7486
|
e.stopPropagation();
|
|
@@ -7533,7 +7548,12 @@ var CollectionCard$1 = function CollectionCard(_ref) {
|
|
|
7533
7548
|
isLink = _ref.isLink,
|
|
7534
7549
|
isPremium = _ref.isPremium,
|
|
7535
7550
|
isLocked = _ref.isLocked,
|
|
7536
|
-
isOwner = _ref.isOwner
|
|
7551
|
+
isOwner = _ref.isOwner,
|
|
7552
|
+
overrideViewText = _ref.overrideViewText,
|
|
7553
|
+
hideUnlockPlatformText = _ref.hideUnlockPlatformText,
|
|
7554
|
+
hidePremiumLockIcon = _ref.hidePremiumLockIcon,
|
|
7555
|
+
unlockPlatformText = _ref.unlockPlatformText,
|
|
7556
|
+
hideCollectionBackground = _ref.hideCollectionBackground;
|
|
7537
7557
|
|
|
7538
7558
|
var _useState = useState(null),
|
|
7539
7559
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -7657,7 +7677,12 @@ var CollectionCard$1 = function CollectionCard(_ref) {
|
|
|
7657
7677
|
fontSize: fontSize,
|
|
7658
7678
|
isLink: isLink,
|
|
7659
7679
|
isPremium: isPremium,
|
|
7660
|
-
isLocked: isLocked
|
|
7680
|
+
isLocked: isLocked,
|
|
7681
|
+
overrideViewText: overrideViewText,
|
|
7682
|
+
hideUnlockPlatformText: hideUnlockPlatformText,
|
|
7683
|
+
hidePremiumLockIcon: hidePremiumLockIcon,
|
|
7684
|
+
unlockPlatformText: unlockPlatformText,
|
|
7685
|
+
hideCollectionBackground: hideCollectionBackground
|
|
7661
7686
|
});
|
|
7662
7687
|
}
|
|
7663
7688
|
|
package/dist/index.umd.js
CHANGED
|
@@ -7087,7 +7087,7 @@
|
|
|
7087
7087
|
var YellowHoverBorder = styled__default['default'].div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n height: 105%;\n width: 105%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border: 4px solid rgb(255, 225, 76);\n border-radius: 20px;\n transition: opacity 0.3s ease-in-out;\n /* Opacity should be changed to \"1\" onHover of this component's parent */\n opacity: 0;\n"])));
|
|
7088
7088
|
var LineClamp$1 = styled__default['default'].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 5px 0;\n"])));
|
|
7089
7089
|
var TopPill = styled__default['default'].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 32px;\n width: ", ";\n position: absolute;\n top: 8px;\n left: 8px;\n border-radius: 20px;\n overflow: hidden;\n transition: width 0.3s ease-in-out;\n"])), function (props) {
|
|
7090
|
-
return props.isLocked ? props.collectionHovered ? "90%" : "
|
|
7090
|
+
return props.isLocked ? props.collectionHovered ? "90%" : "70%" : "45%";
|
|
7091
7091
|
});
|
|
7092
7092
|
var TopPillBackground = styled__default['default'].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default['default'](["\n height: 32px;\n width: 100%;\n position: absolute;\n background-color: ", ";\n opacity: 0.5;\n"])), function (props) {
|
|
7093
7093
|
return props.theme.colors.notBlack;
|
|
@@ -7118,7 +7118,12 @@
|
|
|
7118
7118
|
fluid = _ref.fluid,
|
|
7119
7119
|
fontSize = _ref.fontSize,
|
|
7120
7120
|
isLink = _ref.isLink,
|
|
7121
|
-
isLocked = _ref.isLocked
|
|
7121
|
+
isLocked = _ref.isLocked,
|
|
7122
|
+
overrideViewText = _ref.overrideViewText,
|
|
7123
|
+
hideUnlockPlatformText = _ref.hideUnlockPlatformText,
|
|
7124
|
+
hidePremiumLockIcon = _ref.hidePremiumLockIcon,
|
|
7125
|
+
unlockPlatformText = _ref.unlockPlatformText,
|
|
7126
|
+
hideCollectionBackground = _ref.hideCollectionBackground;
|
|
7122
7127
|
|
|
7123
7128
|
var _useState = React.useState(null),
|
|
7124
7129
|
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
@@ -7216,7 +7221,7 @@
|
|
|
7216
7221
|
top: "0",
|
|
7217
7222
|
zIndex: "3"
|
|
7218
7223
|
}
|
|
7219
|
-
}), /*#__PURE__*/React__default['default'].createElement(Box, {
|
|
7224
|
+
}), !hideCollectionBackground && /*#__PURE__*/React__default['default'].createElement(Box, {
|
|
7220
7225
|
id: "collection-background-1",
|
|
7221
7226
|
sx: {
|
|
7222
7227
|
backgroundImage: "linear-gradient(".concat(data.muted || "#444444", ", #444444)"),
|
|
@@ -7230,7 +7235,7 @@
|
|
|
7230
7235
|
zIndex: "2",
|
|
7231
7236
|
transition: "0.2s ease-out"
|
|
7232
7237
|
}
|
|
7233
|
-
}), /*#__PURE__*/React__default['default'].createElement(Box, {
|
|
7238
|
+
}), !hideCollectionBackground && /*#__PURE__*/React__default['default'].createElement(Box, {
|
|
7234
7239
|
id: "collection-background-2",
|
|
7235
7240
|
sx: {
|
|
7236
7241
|
backgroundImage: "linear-gradient(".concat(data.darkMuted || "#252525", ", #252525)"),
|
|
@@ -7363,13 +7368,14 @@
|
|
|
7363
7368
|
fontWeight: "lighter",
|
|
7364
7369
|
fontSize: ".8em"
|
|
7365
7370
|
}
|
|
7366
|
-
}, "Premium")), /*#__PURE__*/React__default['default'].createElement(Stack, null, /*#__PURE__*/React__default['default'].createElement(LockRoundedIcon__default['default'], {
|
|
7371
|
+
}, "Premium")), !hidePremiumLockIcon && /*#__PURE__*/React__default['default'].createElement(Stack, null, /*#__PURE__*/React__default['default'].createElement(LockRoundedIcon__default['default'], {
|
|
7367
7372
|
sx: {
|
|
7368
7373
|
position: "absolute",
|
|
7369
7374
|
top: "8px",
|
|
7370
7375
|
right: "5px",
|
|
7371
7376
|
height: ".6em",
|
|
7372
7377
|
color: "white.main",
|
|
7378
|
+
paddingRight: "8px",
|
|
7373
7379
|
opacity: isLocked ? collectionHovered ? "0" : "1" : "0",
|
|
7374
7380
|
transition: "opacity .2s ease-in-out"
|
|
7375
7381
|
},
|
|
@@ -7464,7 +7470,7 @@
|
|
|
7464
7470
|
style: {
|
|
7465
7471
|
margin: "0px -64px"
|
|
7466
7472
|
}
|
|
7467
|
-
})), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
7473
|
+
})), !hideUnlockPlatformText && (unlockPlatformText ? /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
7468
7474
|
sx: {
|
|
7469
7475
|
color: "white.override",
|
|
7470
7476
|
textAlign: "center",
|
|
@@ -7473,7 +7479,16 @@
|
|
|
7473
7479
|
zIndex: "3",
|
|
7474
7480
|
fontSize: ".8rem"
|
|
7475
7481
|
}
|
|
7476
|
-
},
|
|
7482
|
+
}, unlockPlatformText) : /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
7483
|
+
sx: {
|
|
7484
|
+
color: "white.override",
|
|
7485
|
+
textAlign: "center",
|
|
7486
|
+
lineHeight: "1",
|
|
7487
|
+
margin: "4px 0",
|
|
7488
|
+
zIndex: "3",
|
|
7489
|
+
fontSize: ".8rem"
|
|
7490
|
+
}
|
|
7491
|
+
}, "Unlock to share ", /*#__PURE__*/React__default['default'].createElement("br", null), "across platforms")), handleClickView && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
7477
7492
|
disabled: !collectionHovered,
|
|
7478
7493
|
onClick: function onClick(e) {
|
|
7479
7494
|
e.stopPropagation();
|
|
@@ -7486,7 +7501,7 @@
|
|
|
7486
7501
|
padding: "4px 8px",
|
|
7487
7502
|
margin: "4px 0"
|
|
7488
7503
|
}
|
|
7489
|
-
}, "VIEW SOUNDPACK"), /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
7504
|
+
}, overrideViewText || "VIEW SOUNDPACK"), handleClickUnlock && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
7490
7505
|
disabled: !collectionHovered,
|
|
7491
7506
|
onClick: function onClick(e) {
|
|
7492
7507
|
e.stopPropagation();
|
|
@@ -7554,7 +7569,12 @@
|
|
|
7554
7569
|
isLink = _ref.isLink,
|
|
7555
7570
|
isPremium = _ref.isPremium,
|
|
7556
7571
|
isLocked = _ref.isLocked,
|
|
7557
|
-
isOwner = _ref.isOwner
|
|
7572
|
+
isOwner = _ref.isOwner,
|
|
7573
|
+
overrideViewText = _ref.overrideViewText,
|
|
7574
|
+
hideUnlockPlatformText = _ref.hideUnlockPlatformText,
|
|
7575
|
+
hidePremiumLockIcon = _ref.hidePremiumLockIcon,
|
|
7576
|
+
unlockPlatformText = _ref.unlockPlatformText,
|
|
7577
|
+
hideCollectionBackground = _ref.hideCollectionBackground;
|
|
7558
7578
|
|
|
7559
7579
|
var _useState = React.useState(null),
|
|
7560
7580
|
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
@@ -7678,7 +7698,12 @@
|
|
|
7678
7698
|
fontSize: fontSize,
|
|
7679
7699
|
isLink: isLink,
|
|
7680
7700
|
isPremium: isPremium,
|
|
7681
|
-
isLocked: isLocked
|
|
7701
|
+
isLocked: isLocked,
|
|
7702
|
+
overrideViewText: overrideViewText,
|
|
7703
|
+
hideUnlockPlatformText: hideUnlockPlatformText,
|
|
7704
|
+
hidePremiumLockIcon: hidePremiumLockIcon,
|
|
7705
|
+
unlockPlatformText: unlockPlatformText,
|
|
7706
|
+
hideCollectionBackground: hideCollectionBackground
|
|
7682
7707
|
});
|
|
7683
7708
|
}
|
|
7684
7709
|
|