@blerp/design 1.0.72 → 1.0.75

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 +40 -7
  2. package/dist/index.esm.js +40 -7
  3. package/dist/index.umd.js +40 -7
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1127,11 +1127,38 @@ var BlerpTopRow = function BlerpTopRow(_ref) {
1127
1127
  marginRight: "4px",
1128
1128
  zIndex: "1"
1129
1129
  }
1130
- }) : /*#__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))), /*#__PURE__*/React__default['default'].createElement(Stack, {
1131
1131
  direction: "row",
1132
+ alignItems: "center",
1133
+ justifyContent: "space-between"
1134
+ }, bite.edgeType === "NewTwitchBiteEdge" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1135
+ title: "Featured on Twitch Bits"
1136
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1132
1137
  sx: {
1133
- position: "relative",
1134
- right: "6px"
1138
+ alignItems: "center",
1139
+ margin: "5px"
1140
+ }
1141
+ }, /*#__PURE__*/React__default['default'].createElement(TwitchIcon, {
1142
+ sx: {
1143
+ zIndex: "1",
1144
+ fontSize: "18px"
1145
+ }
1146
+ }))), bite.edgeType === "ChannelPointsBiteEdge" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1147
+ title: "Featured on Twitch Channel Points"
1148
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1149
+ sx: {
1150
+ alignItems: "center"
1151
+ }
1152
+ }, /*#__PURE__*/React__default['default'].createElement(ChannelPointsIcon, {
1153
+ sx: {
1154
+ zIndex: "1",
1155
+ fontSize: "18px"
1156
+ }
1157
+ }))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default['default'].createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default['default'].createElement(Stack, {
1158
+ direction: "row",
1159
+ sx: {
1160
+ alignItems: "center",
1161
+ margin: "5px"
1135
1162
  }
1136
1163
  }, bite.visibility === "UNLISTED" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1137
1164
  title: "Unlisted"
@@ -1159,7 +1186,7 @@ var BlerpTopRow = function BlerpTopRow(_ref) {
1159
1186
  backgroundColor: "grey3.main"
1160
1187
  }
1161
1188
  }
1162
- }, /*#__PURE__*/React__default['default'].createElement(MoreHorizRoundedIcon__default['default'], null)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)));
1189
+ }, /*#__PURE__*/React__default['default'].createElement(MoreHorizRoundedIcon__default['default'], null)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))));
1163
1190
  };
1164
1191
 
1165
1192
  var useWindowSize = function useWindowSize() {
@@ -1266,7 +1293,7 @@ var Blerp$1 = function Blerp(_ref) {
1266
1293
  buttonSize: "large"
1267
1294
  };
1268
1295
  var tinySize = {
1269
- width: 110,
1296
+ width: 124,
1270
1297
  height: 124,
1271
1298
  fontSize: "10px",
1272
1299
  imageSize: "60px",
@@ -2736,7 +2763,10 @@ var lightPalette = {
2736
2763
  contrastText: "#fff"
2737
2764
  },
2738
2765
  buntingBlue: {
2739
- main: colors.buntingBlue
2766
+ light: colors.buntingBlue,
2767
+ main: colors.buntingBlue,
2768
+ dark: colors.buntingBlue,
2769
+ contrastText: "#fff"
2740
2770
  },
2741
2771
  starling: {
2742
2772
  light: colors.starling,
@@ -2828,7 +2858,10 @@ var darkPalette = {
2828
2858
  contrastText: "#fff"
2829
2859
  },
2830
2860
  buntingBlue: {
2831
- main: colors.buntingBlue
2861
+ light: colors.buntingBlue,
2862
+ main: colors.buntingBlue,
2863
+ dark: colors.buntingBlue,
2864
+ contrastText: "#fff"
2832
2865
  },
2833
2866
  starling: {
2834
2867
  light: colors.starling,
package/dist/index.esm.js CHANGED
@@ -1059,11 +1059,38 @@ var BlerpTopRow = function BlerpTopRow(_ref) {
1059
1059
  marginRight: "4px",
1060
1060
  zIndex: "1"
1061
1061
  }
1062
- }) : /*#__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))), /*#__PURE__*/React__default.createElement(Stack, {
1063
1063
  direction: "row",
1064
+ alignItems: "center",
1065
+ justifyContent: "space-between"
1066
+ }, bite.edgeType === "NewTwitchBiteEdge" && /*#__PURE__*/React__default.createElement(Tooltip, {
1067
+ title: "Featured on Twitch Bits"
1068
+ }, /*#__PURE__*/React__default.createElement(Stack, {
1064
1069
  sx: {
1065
- position: "relative",
1066
- right: "6px"
1070
+ alignItems: "center",
1071
+ margin: "5px"
1072
+ }
1073
+ }, /*#__PURE__*/React__default.createElement(TwitchIcon, {
1074
+ sx: {
1075
+ zIndex: "1",
1076
+ fontSize: "18px"
1077
+ }
1078
+ }))), bite.edgeType === "ChannelPointsBiteEdge" && /*#__PURE__*/React__default.createElement(Tooltip, {
1079
+ title: "Featured on Twitch Channel Points"
1080
+ }, /*#__PURE__*/React__default.createElement(Stack, {
1081
+ sx: {
1082
+ alignItems: "center"
1083
+ }
1084
+ }, /*#__PURE__*/React__default.createElement(ChannelPointsIcon, {
1085
+ sx: {
1086
+ zIndex: "1",
1087
+ fontSize: "18px"
1088
+ }
1089
+ }))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default.createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default.createElement(Stack, {
1090
+ direction: "row",
1091
+ sx: {
1092
+ alignItems: "center",
1093
+ margin: "5px"
1067
1094
  }
1068
1095
  }, bite.visibility === "UNLISTED" && /*#__PURE__*/React__default.createElement(Tooltip, {
1069
1096
  title: "Unlisted"
@@ -1091,7 +1118,7 @@ var BlerpTopRow = function BlerpTopRow(_ref) {
1091
1118
  backgroundColor: "grey3.main"
1092
1119
  }
1093
1120
  }
1094
- }, /*#__PURE__*/React__default.createElement(MoreHorizRoundedIcon, null)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null)));
1121
+ }, /*#__PURE__*/React__default.createElement(MoreHorizRoundedIcon, null)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null))));
1095
1122
  };
1096
1123
 
1097
1124
  var useWindowSize = function useWindowSize() {
@@ -1198,7 +1225,7 @@ var Blerp$1 = function Blerp(_ref) {
1198
1225
  buttonSize: "large"
1199
1226
  };
1200
1227
  var tinySize = {
1201
- width: 110,
1228
+ width: 124,
1202
1229
  height: 124,
1203
1230
  fontSize: "10px",
1204
1231
  imageSize: "60px",
@@ -2668,7 +2695,10 @@ var lightPalette = {
2668
2695
  contrastText: "#fff"
2669
2696
  },
2670
2697
  buntingBlue: {
2671
- main: colors.buntingBlue
2698
+ light: colors.buntingBlue,
2699
+ main: colors.buntingBlue,
2700
+ dark: colors.buntingBlue,
2701
+ contrastText: "#fff"
2672
2702
  },
2673
2703
  starling: {
2674
2704
  light: colors.starling,
@@ -2760,7 +2790,10 @@ var darkPalette = {
2760
2790
  contrastText: "#fff"
2761
2791
  },
2762
2792
  buntingBlue: {
2763
- main: colors.buntingBlue
2793
+ light: colors.buntingBlue,
2794
+ main: colors.buntingBlue,
2795
+ dark: colors.buntingBlue,
2796
+ contrastText: "#fff"
2764
2797
  },
2765
2798
  starling: {
2766
2799
  light: colors.starling,
package/dist/index.umd.js CHANGED
@@ -1080,11 +1080,38 @@
1080
1080
  marginRight: "4px",
1081
1081
  zIndex: "1"
1082
1082
  }
1083
- }) : /*#__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))), /*#__PURE__*/React__default['default'].createElement(Stack, {
1084
1084
  direction: "row",
1085
+ alignItems: "center",
1086
+ justifyContent: "space-between"
1087
+ }, bite.edgeType === "NewTwitchBiteEdge" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1088
+ title: "Featured on Twitch Bits"
1089
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1085
1090
  sx: {
1086
- position: "relative",
1087
- right: "6px"
1091
+ alignItems: "center",
1092
+ margin: "5px"
1093
+ }
1094
+ }, /*#__PURE__*/React__default['default'].createElement(TwitchIcon, {
1095
+ sx: {
1096
+ zIndex: "1",
1097
+ fontSize: "18px"
1098
+ }
1099
+ }))), bite.edgeType === "ChannelPointsBiteEdge" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1100
+ title: "Featured on Twitch Channel Points"
1101
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1102
+ sx: {
1103
+ alignItems: "center"
1104
+ }
1105
+ }, /*#__PURE__*/React__default['default'].createElement(ChannelPointsIcon, {
1106
+ sx: {
1107
+ zIndex: "1",
1108
+ fontSize: "18px"
1109
+ }
1110
+ }))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default['default'].createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default['default'].createElement(Stack, {
1111
+ direction: "row",
1112
+ sx: {
1113
+ alignItems: "center",
1114
+ margin: "5px"
1088
1115
  }
1089
1116
  }, bite.visibility === "UNLISTED" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1090
1117
  title: "Unlisted"
@@ -1112,7 +1139,7 @@
1112
1139
  backgroundColor: "grey3.main"
1113
1140
  }
1114
1141
  }
1115
- }, /*#__PURE__*/React__default['default'].createElement(MoreHorizRoundedIcon__default['default'], null)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)));
1142
+ }, /*#__PURE__*/React__default['default'].createElement(MoreHorizRoundedIcon__default['default'], null)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))));
1116
1143
  };
1117
1144
 
1118
1145
  var useWindowSize = function useWindowSize() {
@@ -1219,7 +1246,7 @@
1219
1246
  buttonSize: "large"
1220
1247
  };
1221
1248
  var tinySize = {
1222
- width: 110,
1249
+ width: 124,
1223
1250
  height: 124,
1224
1251
  fontSize: "10px",
1225
1252
  imageSize: "60px",
@@ -2689,7 +2716,10 @@
2689
2716
  contrastText: "#fff"
2690
2717
  },
2691
2718
  buntingBlue: {
2692
- main: colors.buntingBlue
2719
+ light: colors.buntingBlue,
2720
+ main: colors.buntingBlue,
2721
+ dark: colors.buntingBlue,
2722
+ contrastText: "#fff"
2693
2723
  },
2694
2724
  starling: {
2695
2725
  light: colors.starling,
@@ -2781,7 +2811,10 @@
2781
2811
  contrastText: "#fff"
2782
2812
  },
2783
2813
  buntingBlue: {
2784
- main: colors.buntingBlue
2814
+ light: colors.buntingBlue,
2815
+ main: colors.buntingBlue,
2816
+ dark: colors.buntingBlue,
2817
+ contrastText: "#fff"
2785
2818
  },
2786
2819
  starling: {
2787
2820
  light: colors.starling,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blerp/design",
3
- "version": "1.0.72",
3
+ "version": "1.0.75",
4
4
  "description": "Blerp UI",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {