@blerp/design 1.0.58 → 1.0.62

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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +31 -11
  2. package/dist/index.esm.js +31 -11
  3. package/dist/index.umd.js +31 -11
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1311,7 +1311,7 @@ var Blerp$1 = function Blerp(_ref) {
1311
1311
  backgroundColor: isPremium ? "white.main" : isSelected ? "grey2.main" : "white.main",
1312
1312
  transition: "0.3s",
1313
1313
  position: "relative",
1314
- cursor: "pointer",
1314
+ cursor: "inherit",
1315
1315
  "&:hover": {
1316
1316
  bgcolor: isPremium ? "white.main" : "grey2.main",
1317
1317
  border: isPremium ? "none" : "2px solid transparent"
@@ -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%" : "65%" : "45%";
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;
@@ -7167,7 +7167,10 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7167
7167
  isLink = _ref.isLink,
7168
7168
  isLocked = _ref.isLocked,
7169
7169
  overrideViewText = _ref.overrideViewText,
7170
- hideUnlockPlatformText = _ref.hideUnlockPlatformText;
7170
+ hideUnlockPlatformText = _ref.hideUnlockPlatformText,
7171
+ hidePremiumLockIcon = _ref.hidePremiumLockIcon,
7172
+ unlockPlatformText = _ref.unlockPlatformText,
7173
+ hideCollectionBackground = _ref.hideCollectionBackground;
7171
7174
 
7172
7175
  var _useState = React.useState(null),
7173
7176
  _useState2 = _slicedToArray__default['default'](_useState, 2),
@@ -7265,7 +7268,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7265
7268
  top: "0",
7266
7269
  zIndex: "3"
7267
7270
  }
7268
- }), /*#__PURE__*/React__default['default'].createElement(Box, {
7271
+ }), !hideCollectionBackground && /*#__PURE__*/React__default['default'].createElement(Box, {
7269
7272
  id: "collection-background-1",
7270
7273
  sx: {
7271
7274
  backgroundImage: "linear-gradient(".concat(data.muted || "#444444", ", #444444)"),
@@ -7279,7 +7282,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7279
7282
  zIndex: "2",
7280
7283
  transition: "0.2s ease-out"
7281
7284
  }
7282
- }), /*#__PURE__*/React__default['default'].createElement(Box, {
7285
+ }), !hideCollectionBackground && /*#__PURE__*/React__default['default'].createElement(Box, {
7283
7286
  id: "collection-background-2",
7284
7287
  sx: {
7285
7288
  backgroundImage: "linear-gradient(".concat(data.darkMuted || "#252525", ", #252525)"),
@@ -7412,13 +7415,14 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7412
7415
  fontWeight: "lighter",
7413
7416
  fontSize: ".8em"
7414
7417
  }
7415
- }, "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'], {
7416
7419
  sx: {
7417
7420
  position: "absolute",
7418
7421
  top: "8px",
7419
7422
  right: "5px",
7420
7423
  height: ".6em",
7421
7424
  color: "white.main",
7425
+ paddingRight: "8px",
7422
7426
  opacity: isLocked ? collectionHovered ? "0" : "1" : "0",
7423
7427
  transition: "opacity .2s ease-in-out"
7424
7428
  },
@@ -7513,7 +7517,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7513
7517
  style: {
7514
7518
  margin: "0px -64px"
7515
7519
  }
7516
- })), !hideUnlockPlatformText && /*#__PURE__*/React__default['default'].createElement(Text, {
7520
+ })), !hideUnlockPlatformText && (unlockPlatformText ? /*#__PURE__*/React__default['default'].createElement(Text, {
7517
7521
  sx: {
7518
7522
  color: "white.override",
7519
7523
  textAlign: "center",
@@ -7522,7 +7526,16 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7522
7526
  zIndex: "3",
7523
7527
  fontSize: ".8rem"
7524
7528
  }
7525
- }, "Unlock to share ", /*#__PURE__*/React__default['default'].createElement("br", null), "across platforms"), handleClickView && /*#__PURE__*/React__default['default'].createElement(Button, {
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, {
7526
7539
  disabled: !collectionHovered,
7527
7540
  onClick: function onClick(e) {
7528
7541
  e.stopPropagation();
@@ -7605,7 +7618,10 @@ var CollectionCard$1 = function CollectionCard(_ref) {
7605
7618
  isLocked = _ref.isLocked,
7606
7619
  isOwner = _ref.isOwner,
7607
7620
  overrideViewText = _ref.overrideViewText,
7608
- hideUnlockPlatformText = _ref.hideUnlockPlatformText;
7621
+ hideUnlockPlatformText = _ref.hideUnlockPlatformText,
7622
+ hidePremiumLockIcon = _ref.hidePremiumLockIcon,
7623
+ unlockPlatformText = _ref.unlockPlatformText,
7624
+ hideCollectionBackground = _ref.hideCollectionBackground;
7609
7625
 
7610
7626
  var _useState = React.useState(null),
7611
7627
  _useState2 = _slicedToArray__default['default'](_useState, 2),
@@ -7731,7 +7747,10 @@ var CollectionCard$1 = function CollectionCard(_ref) {
7731
7747
  isPremium: isPremium,
7732
7748
  isLocked: isLocked,
7733
7749
  overrideViewText: overrideViewText,
7734
- hideUnlockPlatformText: hideUnlockPlatformText
7750
+ hideUnlockPlatformText: hideUnlockPlatformText,
7751
+ hidePremiumLockIcon: hidePremiumLockIcon,
7752
+ unlockPlatformText: unlockPlatformText,
7753
+ hideCollectionBackground: hideCollectionBackground
7735
7754
  });
7736
7755
  }
7737
7756
 
@@ -8552,7 +8571,8 @@ var UserLibraryHeader = function UserLibraryHeader(_ref) {
8552
8571
  alignItems: "center",
8553
8572
  flexWrap: "wrap"
8554
8573
  }, /*#__PURE__*/React__default['default'].createElement(Stack, {
8555
- direction: "row"
8574
+ direction: "row",
8575
+ flexWrap: "inherit"
8556
8576
  }, tabs === null || tabs === void 0 ? void 0 : tabs.map(function (tab) {
8557
8577
  return /*#__PURE__*/React__default['default'].createElement(Button, {
8558
8578
  key: "tab-".concat(tab),
package/dist/index.esm.js CHANGED
@@ -1243,7 +1243,7 @@ var Blerp$1 = function Blerp(_ref) {
1243
1243
  backgroundColor: isPremium ? "white.main" : isSelected ? "grey2.main" : "white.main",
1244
1244
  transition: "0.3s",
1245
1245
  position: "relative",
1246
- cursor: "pointer",
1246
+ cursor: "inherit",
1247
1247
  "&:hover": {
1248
1248
  bgcolor: isPremium ? "white.main" : "grey2.main",
1249
1249
  border: isPremium ? "none" : "2px solid transparent"
@@ -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%" : "65%" : "45%";
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;
@@ -7099,7 +7099,10 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7099
7099
  isLink = _ref.isLink,
7100
7100
  isLocked = _ref.isLocked,
7101
7101
  overrideViewText = _ref.overrideViewText,
7102
- hideUnlockPlatformText = _ref.hideUnlockPlatformText;
7102
+ hideUnlockPlatformText = _ref.hideUnlockPlatformText,
7103
+ hidePremiumLockIcon = _ref.hidePremiumLockIcon,
7104
+ unlockPlatformText = _ref.unlockPlatformText,
7105
+ hideCollectionBackground = _ref.hideCollectionBackground;
7103
7106
 
7104
7107
  var _useState = useState(null),
7105
7108
  _useState2 = _slicedToArray(_useState, 2),
@@ -7197,7 +7200,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7197
7200
  top: "0",
7198
7201
  zIndex: "3"
7199
7202
  }
7200
- }), /*#__PURE__*/React__default.createElement(Box, {
7203
+ }), !hideCollectionBackground && /*#__PURE__*/React__default.createElement(Box, {
7201
7204
  id: "collection-background-1",
7202
7205
  sx: {
7203
7206
  backgroundImage: "linear-gradient(".concat(data.muted || "#444444", ", #444444)"),
@@ -7211,7 +7214,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7211
7214
  zIndex: "2",
7212
7215
  transition: "0.2s ease-out"
7213
7216
  }
7214
- }), /*#__PURE__*/React__default.createElement(Box, {
7217
+ }), !hideCollectionBackground && /*#__PURE__*/React__default.createElement(Box, {
7215
7218
  id: "collection-background-2",
7216
7219
  sx: {
7217
7220
  backgroundImage: "linear-gradient(".concat(data.darkMuted || "#252525", ", #252525)"),
@@ -7344,13 +7347,14 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7344
7347
  fontWeight: "lighter",
7345
7348
  fontSize: ".8em"
7346
7349
  }
7347
- }, "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, {
7348
7351
  sx: {
7349
7352
  position: "absolute",
7350
7353
  top: "8px",
7351
7354
  right: "5px",
7352
7355
  height: ".6em",
7353
7356
  color: "white.main",
7357
+ paddingRight: "8px",
7354
7358
  opacity: isLocked ? collectionHovered ? "0" : "1" : "0",
7355
7359
  transition: "opacity .2s ease-in-out"
7356
7360
  },
@@ -7445,7 +7449,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7445
7449
  style: {
7446
7450
  margin: "0px -64px"
7447
7451
  }
7448
- })), !hideUnlockPlatformText && /*#__PURE__*/React__default.createElement(Text, {
7452
+ })), !hideUnlockPlatformText && (unlockPlatformText ? /*#__PURE__*/React__default.createElement(Text, {
7449
7453
  sx: {
7450
7454
  color: "white.override",
7451
7455
  textAlign: "center",
@@ -7454,7 +7458,16 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7454
7458
  zIndex: "3",
7455
7459
  fontSize: ".8rem"
7456
7460
  }
7457
- }, "Unlock to share ", /*#__PURE__*/React__default.createElement("br", null), "across platforms"), handleClickView && /*#__PURE__*/React__default.createElement(Button, {
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, {
7458
7471
  disabled: !collectionHovered,
7459
7472
  onClick: function onClick(e) {
7460
7473
  e.stopPropagation();
@@ -7537,7 +7550,10 @@ var CollectionCard$1 = function CollectionCard(_ref) {
7537
7550
  isLocked = _ref.isLocked,
7538
7551
  isOwner = _ref.isOwner,
7539
7552
  overrideViewText = _ref.overrideViewText,
7540
- hideUnlockPlatformText = _ref.hideUnlockPlatformText;
7553
+ hideUnlockPlatformText = _ref.hideUnlockPlatformText,
7554
+ hidePremiumLockIcon = _ref.hidePremiumLockIcon,
7555
+ unlockPlatformText = _ref.unlockPlatformText,
7556
+ hideCollectionBackground = _ref.hideCollectionBackground;
7541
7557
 
7542
7558
  var _useState = useState(null),
7543
7559
  _useState2 = _slicedToArray(_useState, 2),
@@ -7663,7 +7679,10 @@ var CollectionCard$1 = function CollectionCard(_ref) {
7663
7679
  isPremium: isPremium,
7664
7680
  isLocked: isLocked,
7665
7681
  overrideViewText: overrideViewText,
7666
- hideUnlockPlatformText: hideUnlockPlatformText
7682
+ hideUnlockPlatformText: hideUnlockPlatformText,
7683
+ hidePremiumLockIcon: hidePremiumLockIcon,
7684
+ unlockPlatformText: unlockPlatformText,
7685
+ hideCollectionBackground: hideCollectionBackground
7667
7686
  });
7668
7687
  }
7669
7688
 
@@ -8484,7 +8503,8 @@ var UserLibraryHeader = function UserLibraryHeader(_ref) {
8484
8503
  alignItems: "center",
8485
8504
  flexWrap: "wrap"
8486
8505
  }, /*#__PURE__*/React__default.createElement(Stack, {
8487
- direction: "row"
8506
+ direction: "row",
8507
+ flexWrap: "inherit"
8488
8508
  }, tabs === null || tabs === void 0 ? void 0 : tabs.map(function (tab) {
8489
8509
  return /*#__PURE__*/React__default.createElement(Button, {
8490
8510
  key: "tab-".concat(tab),
package/dist/index.umd.js CHANGED
@@ -1264,7 +1264,7 @@
1264
1264
  backgroundColor: isPremium ? "white.main" : isSelected ? "grey2.main" : "white.main",
1265
1265
  transition: "0.3s",
1266
1266
  position: "relative",
1267
- cursor: "pointer",
1267
+ cursor: "inherit",
1268
1268
  "&:hover": {
1269
1269
  bgcolor: isPremium ? "white.main" : "grey2.main",
1270
1270
  border: isPremium ? "none" : "2px solid transparent"
@@ -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%" : "65%" : "45%";
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;
@@ -7120,7 +7120,10 @@
7120
7120
  isLink = _ref.isLink,
7121
7121
  isLocked = _ref.isLocked,
7122
7122
  overrideViewText = _ref.overrideViewText,
7123
- hideUnlockPlatformText = _ref.hideUnlockPlatformText;
7123
+ hideUnlockPlatformText = _ref.hideUnlockPlatformText,
7124
+ hidePremiumLockIcon = _ref.hidePremiumLockIcon,
7125
+ unlockPlatformText = _ref.unlockPlatformText,
7126
+ hideCollectionBackground = _ref.hideCollectionBackground;
7124
7127
 
7125
7128
  var _useState = React.useState(null),
7126
7129
  _useState2 = _slicedToArray__default['default'](_useState, 2),
@@ -7218,7 +7221,7 @@
7218
7221
  top: "0",
7219
7222
  zIndex: "3"
7220
7223
  }
7221
- }), /*#__PURE__*/React__default['default'].createElement(Box, {
7224
+ }), !hideCollectionBackground && /*#__PURE__*/React__default['default'].createElement(Box, {
7222
7225
  id: "collection-background-1",
7223
7226
  sx: {
7224
7227
  backgroundImage: "linear-gradient(".concat(data.muted || "#444444", ", #444444)"),
@@ -7232,7 +7235,7 @@
7232
7235
  zIndex: "2",
7233
7236
  transition: "0.2s ease-out"
7234
7237
  }
7235
- }), /*#__PURE__*/React__default['default'].createElement(Box, {
7238
+ }), !hideCollectionBackground && /*#__PURE__*/React__default['default'].createElement(Box, {
7236
7239
  id: "collection-background-2",
7237
7240
  sx: {
7238
7241
  backgroundImage: "linear-gradient(".concat(data.darkMuted || "#252525", ", #252525)"),
@@ -7365,13 +7368,14 @@
7365
7368
  fontWeight: "lighter",
7366
7369
  fontSize: ".8em"
7367
7370
  }
7368
- }, "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'], {
7369
7372
  sx: {
7370
7373
  position: "absolute",
7371
7374
  top: "8px",
7372
7375
  right: "5px",
7373
7376
  height: ".6em",
7374
7377
  color: "white.main",
7378
+ paddingRight: "8px",
7375
7379
  opacity: isLocked ? collectionHovered ? "0" : "1" : "0",
7376
7380
  transition: "opacity .2s ease-in-out"
7377
7381
  },
@@ -7466,7 +7470,7 @@
7466
7470
  style: {
7467
7471
  margin: "0px -64px"
7468
7472
  }
7469
- })), !hideUnlockPlatformText && /*#__PURE__*/React__default['default'].createElement(Text, {
7473
+ })), !hideUnlockPlatformText && (unlockPlatformText ? /*#__PURE__*/React__default['default'].createElement(Text, {
7470
7474
  sx: {
7471
7475
  color: "white.override",
7472
7476
  textAlign: "center",
@@ -7475,7 +7479,16 @@
7475
7479
  zIndex: "3",
7476
7480
  fontSize: ".8rem"
7477
7481
  }
7478
- }, "Unlock to share ", /*#__PURE__*/React__default['default'].createElement("br", null), "across platforms"), handleClickView && /*#__PURE__*/React__default['default'].createElement(Button, {
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, {
7479
7492
  disabled: !collectionHovered,
7480
7493
  onClick: function onClick(e) {
7481
7494
  e.stopPropagation();
@@ -7558,7 +7571,10 @@
7558
7571
  isLocked = _ref.isLocked,
7559
7572
  isOwner = _ref.isOwner,
7560
7573
  overrideViewText = _ref.overrideViewText,
7561
- hideUnlockPlatformText = _ref.hideUnlockPlatformText;
7574
+ hideUnlockPlatformText = _ref.hideUnlockPlatformText,
7575
+ hidePremiumLockIcon = _ref.hidePremiumLockIcon,
7576
+ unlockPlatformText = _ref.unlockPlatformText,
7577
+ hideCollectionBackground = _ref.hideCollectionBackground;
7562
7578
 
7563
7579
  var _useState = React.useState(null),
7564
7580
  _useState2 = _slicedToArray__default['default'](_useState, 2),
@@ -7684,7 +7700,10 @@
7684
7700
  isPremium: isPremium,
7685
7701
  isLocked: isLocked,
7686
7702
  overrideViewText: overrideViewText,
7687
- hideUnlockPlatformText: hideUnlockPlatformText
7703
+ hideUnlockPlatformText: hideUnlockPlatformText,
7704
+ hidePremiumLockIcon: hidePremiumLockIcon,
7705
+ unlockPlatformText: unlockPlatformText,
7706
+ hideCollectionBackground: hideCollectionBackground
7688
7707
  });
7689
7708
  }
7690
7709
 
@@ -8505,7 +8524,8 @@
8505
8524
  alignItems: "center",
8506
8525
  flexWrap: "wrap"
8507
8526
  }, /*#__PURE__*/React__default['default'].createElement(Stack, {
8508
- direction: "row"
8527
+ direction: "row",
8528
+ flexWrap: "inherit"
8509
8529
  }, tabs === null || tabs === void 0 ? void 0 : tabs.map(function (tab) {
8510
8530
  return /*#__PURE__*/React__default['default'].createElement(Button, {
8511
8531
  key: "tab-".concat(tab),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blerp/design",
3
- "version": "1.0.58",
3
+ "version": "1.0.62",
4
4
  "description": "Blerp UI",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {