@blerp/design 1.0.71 → 1.0.74

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 CHANGED
@@ -432,7 +432,7 @@ var BlerpSavePopup = function BlerpSavePopup(_ref) {
432
432
  };
433
433
 
434
434
  var _templateObject$f;
435
- var LineClamp$2 = styled__default['default'].div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral__default['default'](["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 0;\n"])));
435
+ var LineClamp$2 = styled__default['default'].div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral__default['default'](["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n margin: 0;\n text-overflow: ellipsis;\n overflow: hidden;\n"])));
436
436
 
437
437
  var BlerpTitleRow = function BlerpTitleRow(_ref) {
438
438
  var bite = _ref.bite,
@@ -448,10 +448,12 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
448
448
  return /*#__PURE__*/React__default['default'].createElement(Stack, {
449
449
  direction: "row",
450
450
  sx: {
451
- width: "80%",
452
- margin: "auto",
451
+ width: "90%",
453
452
  textAlign: "center",
454
- zIndex: "1"
453
+ zIndex: "1",
454
+ overflow: "hidden",
455
+ justifyContent: "center",
456
+ margin: "auto"
455
457
  }
456
458
  }, /*#__PURE__*/React__default['default'].createElement(LineClamp$2, {
457
459
  onClick: function onClick(e) {
@@ -467,7 +469,8 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
467
469
  sx: {
468
470
  ":hover": {
469
471
  textDecoration: handleClickTitle ? "underline" : "none"
470
- }
472
+ },
473
+ textOverflow: "ellipsis"
471
474
  },
472
475
  lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
473
476
  }, title || bite.title)));
@@ -476,10 +479,13 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
476
479
  return /*#__PURE__*/React__default['default'].createElement(Stack, {
477
480
  direction: "row",
478
481
  sx: {
479
- width: "80%",
480
- margin: "auto",
482
+ width: "90%",
481
483
  textAlign: "center",
482
- zIndex: "1"
484
+ zIndex: "1",
485
+ overflow: "hidden",
486
+ padding: "4px 0",
487
+ justifyContent: "center",
488
+ margin: "auto"
483
489
  }
484
490
  }, isLinkTitle ? /*#__PURE__*/React__default['default'].createElement(LineClamp$2, {
485
491
  onClick: function onClick(e) {
@@ -500,7 +506,8 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
500
506
  sx: {
501
507
  ":hover": {
502
508
  textDecoration: handleClickTitle ? "underline" : "none"
503
- }
509
+ },
510
+ textOverflow: "ellipsis"
504
511
  },
505
512
  lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
506
513
  }, title || bite.title))) : /*#__PURE__*/React__default['default'].createElement(LineClamp$2, {
@@ -517,7 +524,8 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
517
524
  sx: {
518
525
  ":hover": {
519
526
  textDecoration: handleClickTitle ? "underline" : "none"
520
- }
527
+ },
528
+ textOverflow: "ellipsis"
521
529
  },
522
530
  lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
523
531
  }, title || bite.title)));
@@ -1119,7 +1127,29 @@ var BlerpTopRow = function BlerpTopRow(_ref) {
1119
1127
  marginRight: "4px",
1120
1128
  zIndex: "1"
1121
1129
  }
1122
- }) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default['default'].createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default['default'].createElement(Stack, {
1130
+ }) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)), bite.edgeType === "NewTwitchBiteEdge" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1131
+ title: "Featured on Twitch Bits"
1132
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1133
+ sx: {
1134
+ alignItems: "center"
1135
+ }
1136
+ }, /*#__PURE__*/React__default['default'].createElement(TwitchIcon, {
1137
+ sx: {
1138
+ zIndex: "1",
1139
+ fontSize: "18px"
1140
+ }
1141
+ }))), bite.edgeType === "ChannelPointsBiteEdge" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1142
+ title: "Featured on Twitch Channel Points"
1143
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1144
+ sx: {
1145
+ alignItems: "center"
1146
+ }
1147
+ }, /*#__PURE__*/React__default['default'].createElement(ChannelPointsIcon, {
1148
+ sx: {
1149
+ zIndex: "1",
1150
+ fontSize: "18px"
1151
+ }
1152
+ })))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default['default'].createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default['default'].createElement(Stack, {
1123
1153
  direction: "row",
1124
1154
  sx: {
1125
1155
  position: "relative",
@@ -1258,8 +1288,8 @@ var Blerp$1 = function Blerp(_ref) {
1258
1288
  buttonSize: "large"
1259
1289
  };
1260
1290
  var tinySize = {
1261
- width: 110,
1262
- height: 120,
1291
+ width: 124,
1292
+ height: 124,
1263
1293
  fontSize: "10px",
1264
1294
  imageSize: "60px",
1265
1295
  reactionSpacing: 0.5,
@@ -2728,7 +2758,10 @@ var lightPalette = {
2728
2758
  contrastText: "#fff"
2729
2759
  },
2730
2760
  buntingBlue: {
2731
- main: colors.buntingBlue
2761
+ light: colors.buntingBlue,
2762
+ main: colors.buntingBlue,
2763
+ dark: colors.buntingBlue,
2764
+ contrastText: "#fff"
2732
2765
  },
2733
2766
  starling: {
2734
2767
  light: colors.starling,
@@ -2820,7 +2853,10 @@ var darkPalette = {
2820
2853
  contrastText: "#fff"
2821
2854
  },
2822
2855
  buntingBlue: {
2823
- main: colors.buntingBlue
2856
+ light: colors.buntingBlue,
2857
+ main: colors.buntingBlue,
2858
+ dark: colors.buntingBlue,
2859
+ contrastText: "#fff"
2824
2860
  },
2825
2861
  starling: {
2826
2862
  light: colors.starling,
package/dist/index.esm.js CHANGED
@@ -364,7 +364,7 @@ var BlerpSavePopup = function BlerpSavePopup(_ref) {
364
364
  };
365
365
 
366
366
  var _templateObject$f;
367
- var LineClamp$2 = styled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 0;\n"])));
367
+ var LineClamp$2 = styled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n margin: 0;\n text-overflow: ellipsis;\n overflow: hidden;\n"])));
368
368
 
369
369
  var BlerpTitleRow = function BlerpTitleRow(_ref) {
370
370
  var bite = _ref.bite,
@@ -380,10 +380,12 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
380
380
  return /*#__PURE__*/React__default.createElement(Stack, {
381
381
  direction: "row",
382
382
  sx: {
383
- width: "80%",
384
- margin: "auto",
383
+ width: "90%",
385
384
  textAlign: "center",
386
- zIndex: "1"
385
+ zIndex: "1",
386
+ overflow: "hidden",
387
+ justifyContent: "center",
388
+ margin: "auto"
387
389
  }
388
390
  }, /*#__PURE__*/React__default.createElement(LineClamp$2, {
389
391
  onClick: function onClick(e) {
@@ -399,7 +401,8 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
399
401
  sx: {
400
402
  ":hover": {
401
403
  textDecoration: handleClickTitle ? "underline" : "none"
402
- }
404
+ },
405
+ textOverflow: "ellipsis"
403
406
  },
404
407
  lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
405
408
  }, title || bite.title)));
@@ -408,10 +411,13 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
408
411
  return /*#__PURE__*/React__default.createElement(Stack, {
409
412
  direction: "row",
410
413
  sx: {
411
- width: "80%",
412
- margin: "auto",
414
+ width: "90%",
413
415
  textAlign: "center",
414
- zIndex: "1"
416
+ zIndex: "1",
417
+ overflow: "hidden",
418
+ padding: "4px 0",
419
+ justifyContent: "center",
420
+ margin: "auto"
415
421
  }
416
422
  }, isLinkTitle ? /*#__PURE__*/React__default.createElement(LineClamp$2, {
417
423
  onClick: function onClick(e) {
@@ -432,7 +438,8 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
432
438
  sx: {
433
439
  ":hover": {
434
440
  textDecoration: handleClickTitle ? "underline" : "none"
435
- }
441
+ },
442
+ textOverflow: "ellipsis"
436
443
  },
437
444
  lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
438
445
  }, title || bite.title))) : /*#__PURE__*/React__default.createElement(LineClamp$2, {
@@ -449,7 +456,8 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
449
456
  sx: {
450
457
  ":hover": {
451
458
  textDecoration: handleClickTitle ? "underline" : "none"
452
- }
459
+ },
460
+ textOverflow: "ellipsis"
453
461
  },
454
462
  lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
455
463
  }, title || bite.title)));
@@ -1051,7 +1059,29 @@ var BlerpTopRow = function BlerpTopRow(_ref) {
1051
1059
  marginRight: "4px",
1052
1060
  zIndex: "1"
1053
1061
  }
1054
- }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default.createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default.createElement(Stack, {
1062
+ }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null)), bite.edgeType === "NewTwitchBiteEdge" && /*#__PURE__*/React__default.createElement(Tooltip, {
1063
+ title: "Featured on Twitch Bits"
1064
+ }, /*#__PURE__*/React__default.createElement(Stack, {
1065
+ sx: {
1066
+ alignItems: "center"
1067
+ }
1068
+ }, /*#__PURE__*/React__default.createElement(TwitchIcon, {
1069
+ sx: {
1070
+ zIndex: "1",
1071
+ fontSize: "18px"
1072
+ }
1073
+ }))), bite.edgeType === "ChannelPointsBiteEdge" && /*#__PURE__*/React__default.createElement(Tooltip, {
1074
+ title: "Featured on Twitch Channel Points"
1075
+ }, /*#__PURE__*/React__default.createElement(Stack, {
1076
+ sx: {
1077
+ alignItems: "center"
1078
+ }
1079
+ }, /*#__PURE__*/React__default.createElement(ChannelPointsIcon, {
1080
+ sx: {
1081
+ zIndex: "1",
1082
+ fontSize: "18px"
1083
+ }
1084
+ })))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default.createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default.createElement(Stack, {
1055
1085
  direction: "row",
1056
1086
  sx: {
1057
1087
  position: "relative",
@@ -1190,8 +1220,8 @@ var Blerp$1 = function Blerp(_ref) {
1190
1220
  buttonSize: "large"
1191
1221
  };
1192
1222
  var tinySize = {
1193
- width: 110,
1194
- height: 120,
1223
+ width: 124,
1224
+ height: 124,
1195
1225
  fontSize: "10px",
1196
1226
  imageSize: "60px",
1197
1227
  reactionSpacing: 0.5,
@@ -2660,7 +2690,10 @@ var lightPalette = {
2660
2690
  contrastText: "#fff"
2661
2691
  },
2662
2692
  buntingBlue: {
2663
- main: colors.buntingBlue
2693
+ light: colors.buntingBlue,
2694
+ main: colors.buntingBlue,
2695
+ dark: colors.buntingBlue,
2696
+ contrastText: "#fff"
2664
2697
  },
2665
2698
  starling: {
2666
2699
  light: colors.starling,
@@ -2752,7 +2785,10 @@ var darkPalette = {
2752
2785
  contrastText: "#fff"
2753
2786
  },
2754
2787
  buntingBlue: {
2755
- main: colors.buntingBlue
2788
+ light: colors.buntingBlue,
2789
+ main: colors.buntingBlue,
2790
+ dark: colors.buntingBlue,
2791
+ contrastText: "#fff"
2756
2792
  },
2757
2793
  starling: {
2758
2794
  light: colors.starling,
package/dist/index.umd.js CHANGED
@@ -385,7 +385,7 @@
385
385
  };
386
386
 
387
387
  var _templateObject$f;
388
- var LineClamp$2 = styled__default['default'].div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral__default['default'](["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 0;\n"])));
388
+ var LineClamp$2 = styled__default['default'].div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral__default['default'](["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n margin: 0;\n text-overflow: ellipsis;\n overflow: hidden;\n"])));
389
389
 
390
390
  var BlerpTitleRow = function BlerpTitleRow(_ref) {
391
391
  var bite = _ref.bite,
@@ -401,10 +401,12 @@
401
401
  return /*#__PURE__*/React__default['default'].createElement(Stack, {
402
402
  direction: "row",
403
403
  sx: {
404
- width: "80%",
405
- margin: "auto",
404
+ width: "90%",
406
405
  textAlign: "center",
407
- zIndex: "1"
406
+ zIndex: "1",
407
+ overflow: "hidden",
408
+ justifyContent: "center",
409
+ margin: "auto"
408
410
  }
409
411
  }, /*#__PURE__*/React__default['default'].createElement(LineClamp$2, {
410
412
  onClick: function onClick(e) {
@@ -420,7 +422,8 @@
420
422
  sx: {
421
423
  ":hover": {
422
424
  textDecoration: handleClickTitle ? "underline" : "none"
423
- }
425
+ },
426
+ textOverflow: "ellipsis"
424
427
  },
425
428
  lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
426
429
  }, title || bite.title)));
@@ -429,10 +432,13 @@
429
432
  return /*#__PURE__*/React__default['default'].createElement(Stack, {
430
433
  direction: "row",
431
434
  sx: {
432
- width: "80%",
433
- margin: "auto",
435
+ width: "90%",
434
436
  textAlign: "center",
435
- zIndex: "1"
437
+ zIndex: "1",
438
+ overflow: "hidden",
439
+ padding: "4px 0",
440
+ justifyContent: "center",
441
+ margin: "auto"
436
442
  }
437
443
  }, isLinkTitle ? /*#__PURE__*/React__default['default'].createElement(LineClamp$2, {
438
444
  onClick: function onClick(e) {
@@ -453,7 +459,8 @@
453
459
  sx: {
454
460
  ":hover": {
455
461
  textDecoration: handleClickTitle ? "underline" : "none"
456
- }
462
+ },
463
+ textOverflow: "ellipsis"
457
464
  },
458
465
  lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
459
466
  }, title || bite.title))) : /*#__PURE__*/React__default['default'].createElement(LineClamp$2, {
@@ -470,7 +477,8 @@
470
477
  sx: {
471
478
  ":hover": {
472
479
  textDecoration: handleClickTitle ? "underline" : "none"
473
- }
480
+ },
481
+ textOverflow: "ellipsis"
474
482
  },
475
483
  lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
476
484
  }, title || bite.title)));
@@ -1072,7 +1080,29 @@
1072
1080
  marginRight: "4px",
1073
1081
  zIndex: "1"
1074
1082
  }
1075
- }) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default['default'].createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default['default'].createElement(Stack, {
1083
+ }) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)), bite.edgeType === "NewTwitchBiteEdge" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1084
+ title: "Featured on Twitch Bits"
1085
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1086
+ sx: {
1087
+ alignItems: "center"
1088
+ }
1089
+ }, /*#__PURE__*/React__default['default'].createElement(TwitchIcon, {
1090
+ sx: {
1091
+ zIndex: "1",
1092
+ fontSize: "18px"
1093
+ }
1094
+ }))), bite.edgeType === "ChannelPointsBiteEdge" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1095
+ title: "Featured on Twitch Channel Points"
1096
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1097
+ sx: {
1098
+ alignItems: "center"
1099
+ }
1100
+ }, /*#__PURE__*/React__default['default'].createElement(ChannelPointsIcon, {
1101
+ sx: {
1102
+ zIndex: "1",
1103
+ fontSize: "18px"
1104
+ }
1105
+ })))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default['default'].createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default['default'].createElement(Stack, {
1076
1106
  direction: "row",
1077
1107
  sx: {
1078
1108
  position: "relative",
@@ -1211,8 +1241,8 @@
1211
1241
  buttonSize: "large"
1212
1242
  };
1213
1243
  var tinySize = {
1214
- width: 110,
1215
- height: 120,
1244
+ width: 124,
1245
+ height: 124,
1216
1246
  fontSize: "10px",
1217
1247
  imageSize: "60px",
1218
1248
  reactionSpacing: 0.5,
@@ -2681,7 +2711,10 @@
2681
2711
  contrastText: "#fff"
2682
2712
  },
2683
2713
  buntingBlue: {
2684
- main: colors.buntingBlue
2714
+ light: colors.buntingBlue,
2715
+ main: colors.buntingBlue,
2716
+ dark: colors.buntingBlue,
2717
+ contrastText: "#fff"
2685
2718
  },
2686
2719
  starling: {
2687
2720
  light: colors.starling,
@@ -2773,7 +2806,10 @@
2773
2806
  contrastText: "#fff"
2774
2807
  },
2775
2808
  buntingBlue: {
2776
- main: colors.buntingBlue
2809
+ light: colors.buntingBlue,
2810
+ main: colors.buntingBlue,
2811
+ dark: colors.buntingBlue,
2812
+ contrastText: "#fff"
2777
2813
  },
2778
2814
  starling: {
2779
2815
  light: colors.starling,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blerp/design",
3
- "version": "1.0.71",
3
+ "version": "1.0.74",
4
4
  "description": "Blerp UI",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {