@blerp/design 1.0.74 → 1.0.77

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 +14 -7
  2. package/dist/index.esm.js +14 -7
  3. package/dist/index.umd.js +14 -7
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1127,11 +1127,16 @@ 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.edgeType === "NewTwitchBiteEdge" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1130
+ }) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))), /*#__PURE__*/React__default['default'].createElement(Stack, {
1131
+ direction: "row",
1132
+ alignItems: "center",
1133
+ justifyContent: "space-between"
1134
+ }, bite.edgeType === "NewTwitchBiteEdge" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1131
1135
  title: "Featured on Twitch Bits"
1132
1136
  }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1133
1137
  sx: {
1134
- alignItems: "center"
1138
+ alignItems: "center",
1139
+ margin: "5px"
1135
1140
  }
1136
1141
  }, /*#__PURE__*/React__default['default'].createElement(TwitchIcon, {
1137
1142
  sx: {
@@ -1142,18 +1147,19 @@ var BlerpTopRow = function BlerpTopRow(_ref) {
1142
1147
  title: "Featured on Twitch Channel Points"
1143
1148
  }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1144
1149
  sx: {
1145
- alignItems: "center"
1150
+ alignItems: "center",
1151
+ margin: "5px"
1146
1152
  }
1147
1153
  }, /*#__PURE__*/React__default['default'].createElement(ChannelPointsIcon, {
1148
1154
  sx: {
1149
1155
  zIndex: "1",
1150
1156
  fontSize: "18px"
1151
1157
  }
1152
- })))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default['default'].createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default['default'].createElement(Stack, {
1158
+ }))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default['default'].createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default['default'].createElement(Stack, {
1153
1159
  direction: "row",
1154
1160
  sx: {
1155
- position: "relative",
1156
- right: "6px"
1161
+ alignItems: "center",
1162
+ margin: "5px"
1157
1163
  }
1158
1164
  }, bite.visibility === "UNLISTED" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1159
1165
  title: "Unlisted"
@@ -1181,7 +1187,7 @@ var BlerpTopRow = function BlerpTopRow(_ref) {
1181
1187
  backgroundColor: "grey3.main"
1182
1188
  }
1183
1189
  }
1184
- }, /*#__PURE__*/React__default['default'].createElement(MoreHorizRoundedIcon__default['default'], null)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)));
1190
+ }, /*#__PURE__*/React__default['default'].createElement(MoreHorizRoundedIcon__default['default'], null)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))));
1185
1191
  };
1186
1192
 
1187
1193
  var useWindowSize = function useWindowSize() {
@@ -8703,6 +8709,7 @@ var UserLibraryHeader = function UserLibraryHeader(_ref) {
8703
8709
  sx: {
8704
8710
  fontWeight: "normal",
8705
8711
  marginRight: "10px",
8712
+ marginBottom: "10px",
8706
8713
  backgroundColor: tabSelection.includes(tab) && "grey4.main"
8707
8714
  },
8708
8715
  color: tabSelection.includes(tab) ? "grey3" : "notBlack",
package/dist/index.esm.js CHANGED
@@ -1059,11 +1059,16 @@ 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.edgeType === "NewTwitchBiteEdge" && /*#__PURE__*/React__default.createElement(Tooltip, {
1062
+ }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null))), /*#__PURE__*/React__default.createElement(Stack, {
1063
+ direction: "row",
1064
+ alignItems: "center",
1065
+ justifyContent: "space-between"
1066
+ }, bite.edgeType === "NewTwitchBiteEdge" && /*#__PURE__*/React__default.createElement(Tooltip, {
1063
1067
  title: "Featured on Twitch Bits"
1064
1068
  }, /*#__PURE__*/React__default.createElement(Stack, {
1065
1069
  sx: {
1066
- alignItems: "center"
1070
+ alignItems: "center",
1071
+ margin: "5px"
1067
1072
  }
1068
1073
  }, /*#__PURE__*/React__default.createElement(TwitchIcon, {
1069
1074
  sx: {
@@ -1074,18 +1079,19 @@ var BlerpTopRow = function BlerpTopRow(_ref) {
1074
1079
  title: "Featured on Twitch Channel Points"
1075
1080
  }, /*#__PURE__*/React__default.createElement(Stack, {
1076
1081
  sx: {
1077
- alignItems: "center"
1082
+ alignItems: "center",
1083
+ margin: "5px"
1078
1084
  }
1079
1085
  }, /*#__PURE__*/React__default.createElement(ChannelPointsIcon, {
1080
1086
  sx: {
1081
1087
  zIndex: "1",
1082
1088
  fontSize: "18px"
1083
1089
  }
1084
- })))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default.createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default.createElement(Stack, {
1090
+ }))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default.createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default.createElement(Stack, {
1085
1091
  direction: "row",
1086
1092
  sx: {
1087
- position: "relative",
1088
- right: "6px"
1093
+ alignItems: "center",
1094
+ margin: "5px"
1089
1095
  }
1090
1096
  }, bite.visibility === "UNLISTED" && /*#__PURE__*/React__default.createElement(Tooltip, {
1091
1097
  title: "Unlisted"
@@ -1113,7 +1119,7 @@ var BlerpTopRow = function BlerpTopRow(_ref) {
1113
1119
  backgroundColor: "grey3.main"
1114
1120
  }
1115
1121
  }
1116
- }, /*#__PURE__*/React__default.createElement(MoreHorizRoundedIcon, null)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null)));
1122
+ }, /*#__PURE__*/React__default.createElement(MoreHorizRoundedIcon, null)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null))));
1117
1123
  };
1118
1124
 
1119
1125
  var useWindowSize = function useWindowSize() {
@@ -8635,6 +8641,7 @@ var UserLibraryHeader = function UserLibraryHeader(_ref) {
8635
8641
  sx: {
8636
8642
  fontWeight: "normal",
8637
8643
  marginRight: "10px",
8644
+ marginBottom: "10px",
8638
8645
  backgroundColor: tabSelection.includes(tab) && "grey4.main"
8639
8646
  },
8640
8647
  color: tabSelection.includes(tab) ? "grey3" : "notBlack",
package/dist/index.umd.js CHANGED
@@ -1080,11 +1080,16 @@
1080
1080
  marginRight: "4px",
1081
1081
  zIndex: "1"
1082
1082
  }
1083
- }) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)), bite.edgeType === "NewTwitchBiteEdge" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1083
+ }) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))), /*#__PURE__*/React__default['default'].createElement(Stack, {
1084
+ direction: "row",
1085
+ alignItems: "center",
1086
+ justifyContent: "space-between"
1087
+ }, bite.edgeType === "NewTwitchBiteEdge" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1084
1088
  title: "Featured on Twitch Bits"
1085
1089
  }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1086
1090
  sx: {
1087
- alignItems: "center"
1091
+ alignItems: "center",
1092
+ margin: "5px"
1088
1093
  }
1089
1094
  }, /*#__PURE__*/React__default['default'].createElement(TwitchIcon, {
1090
1095
  sx: {
@@ -1095,18 +1100,19 @@
1095
1100
  title: "Featured on Twitch Channel Points"
1096
1101
  }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1097
1102
  sx: {
1098
- alignItems: "center"
1103
+ alignItems: "center",
1104
+ margin: "5px"
1099
1105
  }
1100
1106
  }, /*#__PURE__*/React__default['default'].createElement(ChannelPointsIcon, {
1101
1107
  sx: {
1102
1108
  zIndex: "1",
1103
1109
  fontSize: "18px"
1104
1110
  }
1105
- })))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default['default'].createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default['default'].createElement(Stack, {
1111
+ }))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default['default'].createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default['default'].createElement(Stack, {
1106
1112
  direction: "row",
1107
1113
  sx: {
1108
- position: "relative",
1109
- right: "6px"
1114
+ alignItems: "center",
1115
+ margin: "5px"
1110
1116
  }
1111
1117
  }, bite.visibility === "UNLISTED" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1112
1118
  title: "Unlisted"
@@ -1134,7 +1140,7 @@
1134
1140
  backgroundColor: "grey3.main"
1135
1141
  }
1136
1142
  }
1137
- }, /*#__PURE__*/React__default['default'].createElement(MoreHorizRoundedIcon__default['default'], null)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)));
1143
+ }, /*#__PURE__*/React__default['default'].createElement(MoreHorizRoundedIcon__default['default'], null)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))));
1138
1144
  };
1139
1145
 
1140
1146
  var useWindowSize = function useWindowSize() {
@@ -8656,6 +8662,7 @@
8656
8662
  sx: {
8657
8663
  fontWeight: "normal",
8658
8664
  marginRight: "10px",
8665
+ marginBottom: "10px",
8659
8666
  backgroundColor: tabSelection.includes(tab) && "grey4.main"
8660
8667
  },
8661
8668
  color: tabSelection.includes(tab) ? "grey3" : "notBlack",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blerp/design",
3
- "version": "1.0.74",
3
+ "version": "1.0.77",
4
4
  "description": "Blerp UI",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {